summaryrefslogtreecommitdiffstats
path: root/idrop-web/grails-app/views/home/index.gsp
blob: cbcaf89eeccba02bdc75b0535b68f60d1bc30255 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<head>
<meta name="layout" content="main" />
<g:javascript library="mydrop/home" />
<g:javascript library="mydrop/search" />
<g:javascript library="mydrop/metadata" />
</head>
<g:render template="/common/panelmessages" />
<div id="tabs" class="wrapper"
	style="height: 820px; position: relative;">

	<ul>
		<li><a href="#browseTab"><g:message code="text.browse" /> </a></li>
		<!--  <li><a href="#quickView"><g:message code="text.home" />
      </a>
    </li> -->
		<li><a href="#searchTab"><g:message code="text.search" /> </a></li>
	</ul>


	<div id="browseTab">
	
	
		<div id="browser" class="wrapper">
			
			<div id="browseToolbar">
				<g:render template="/common/topToolbar" />
				<span id="infoDivPathArea"
					style="overflow: hidden; position: relative; display: inline-block; margin: 10px; font-size: 120%;">
					<!-- area for the path crumb-trails -->
				</span>
			</div>


			<div id="dataTreeView"
				style="width: 100%; height: 700px; overflow: visible;">

				<div id="dataTreeDiv" class="ui-layout-west"
					style="width: 25%; height: 700px; overflow: auto;"></div>
				<div id="infoDivOuter"
					style="display: block; width: 75%; height: 100%; position: relative; overflow: auto;"
					class="ui-layout-center">

					<div id="infoDiv" style="overflow: visible; position: relative;">
						<h2>
							<g:message code="browse.page.prompt" />
						</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
		
	
	<div id="searchTab">
	
	
		<div id="searchDivOuter"
			style="display: block; width: 95%; height: 90%; position: relative; overflow: hidden;"
			class="ui-layout-center">
			<!--  this will be filled in with the search results table -->
			<div id="searchTableDiv"
				style="width: 100%; height: 100%; overflow: auto;">
				<h2>
					<g:message code="heading.no.search.yet" />
				</h2>
				<!--  search table display div -->
			</div>
		</div>
	</div>

</div>
<script type="text/javascript">
	var dataLayout;
	var tabs;
	var globalMessageArea = "#javascript_message_area";
	$(document).ready(function() {

		$.ajaxSetup({
			cache : false
		});

		menuShown = false;
		$("#secondaryDiv").hide('slow');
		$("#secondaryDiv").width = "0%";
		menuShown = false;
		$("#mainDiv").width = "100%";
		$("#mainDivCol1").width = "100%";
		$("#mainDivCol1").removeClass();
		$("#infoDiv").resize();

		dataLayout = $("#dataTreeView").layout({
			applyDefaultStyles : false,
			size : "auto",
			west__minSize : 150,
			west__resizable : true
		});

		retrieveBrowserFirstView();

		tabs = $("#tabs").tabs({});
	});
</script>