1 |
4080
|
daigle
|
<%@ page language="java" %>
|
2 |
|
|
<%@ page import="java.util.Set,java.util.HashMap,java.util.Map,java.util.SortedMap,java.util.Vector" %>
|
3 |
|
|
<%@ page import="edu.ucsb.nceas.utilities.PropertiesMetaData" %>
|
4 |
|
|
<%@ page import="edu.ucsb.nceas.utilities.MetaDataGroup,edu.ucsb.nceas.utilities.MetaDataProperty" %>
|
5 |
|
|
<%
|
6 |
|
|
/**
|
7 |
|
|
* '$RCSfile$'
|
8 |
|
|
* Copyright: 2008 Regents of the University of California and the
|
9 |
|
|
* National Center for Ecological Analysis and Synthesis
|
10 |
|
|
* For Details: http://www.nceas.ucsb.edu/
|
11 |
|
|
*
|
12 |
|
|
* '$Author$'
|
13 |
|
|
* '$Date$'
|
14 |
|
|
* '$Revision$'
|
15 |
|
|
*
|
16 |
|
|
* This program is free software; you can redistribute it and/or modify
|
17 |
|
|
* it under the terms of the GNU General Public License as published by
|
18 |
|
|
* the Free Software Foundation; either version 2 of the License, or
|
19 |
|
|
* (at your option) any later version.
|
20 |
|
|
*
|
21 |
|
|
* This program is distributed in the hope that it will be useful,
|
22 |
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
23 |
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
24 |
|
|
* GNU General Public License for more details.
|
25 |
|
|
*
|
26 |
|
|
* You should have received a copy of the GNU General Public License
|
27 |
|
|
* along with this program; if not, write to the Free Software
|
28 |
|
|
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
29 |
|
|
*/
|
30 |
|
|
%>
|
31 |
|
|
|
32 |
|
|
<%
|
33 |
|
|
Vector<String> skinNames = (Vector<String>)request.getAttribute("skinNameList");
|
34 |
|
|
String defaultStyle = (String)request.getAttribute("defaultStyle");
|
35 |
|
|
%>
|
36 |
|
|
|
37 |
|
|
<html>
|
38 |
|
|
<head>
|
39 |
|
|
|
40 |
|
|
<title>Skins Configuration</title>
|
41 |
|
|
<link rel="stylesheet" type="text/css"
|
42 |
|
|
href="<%= request.getContextPath() %>/admin/admin.css"></link>
|
43 |
|
|
<script language="JavaScript" type="text/JavaScript" src="<%= request.getContextPath() %>/admin/admin.js"></script>
|
44 |
|
|
|
45 |
|
|
</head>
|
46 |
|
|
<body>
|
47 |
|
|
<img src="<%= request.getContextPath() %>/metacat-logo.png" width="100px" align="right"/>
|
48 |
|
|
<h2>Skins Configuration</h2>
|
49 |
|
|
|
50 |
|
|
<br class="skins-header">
|
51 |
|
|
|
52 |
|
|
<%@ include file="./page-message-section.jsp"%>
|
53 |
|
|
|
54 |
|
|
<form method="POST" name="configuration_form" action="<%= request.getContextPath() %>/admin"
|
55 |
|
|
onsubmit="return validate_form();">
|
56 |
|
|
|
57 |
|
|
|
58 |
|
|
<h3>Skins Configuration</h3>
|
59 |
4100
|
daigle
|
<hr class="config-line">
|
60 |
4080
|
daigle
|
<div class="heading-comment">
|
61 |
|
|
Choose and configure the skins that will be available in this instance of MetaCat
|
62 |
|
|
</div><br>
|
63 |
|
|
|
64 |
|
|
<%
|
65 |
|
|
HashMap<String, HashMap<String, String>> allSkinProperties =
|
66 |
|
|
(HashMap<String, HashMap<String, String>>)request.getAttribute("skinProperties");
|
67 |
|
|
HashMap<String, PropertiesMetaData> allMetaData =
|
68 |
|
|
(HashMap<String, PropertiesMetaData>)request.getAttribute("metadataMap");
|
69 |
|
|
|
70 |
|
|
for (String skinName : skinNames) {
|
71 |
|
|
%>
|
72 |
4258
|
daigle
|
<div>
|
73 |
|
|
<input class="checkradio" type="checkbox"
|
74 |
4115
|
daigle
|
<%
|
75 |
|
|
if (skinName.equals(defaultStyle)) {
|
76 |
|
|
%>
|
77 |
4258
|
daigle
|
checked="yes"
|
78 |
4115
|
daigle
|
<%
|
79 |
|
|
}
|
80 |
|
|
%>
|
81 |
4258
|
daigle
|
name="<%= skinName %>.cb" id="<%= skinName %>.cb"onClick="toggleHiddenTable(this, 'hiding-section-<%= skinName %>')"/>
|
82 |
|
|
<label class="checkradio-label" for="<%= skinName %>.cb %>"><%= skinName %></label>
|
83 |
4080
|
daigle
|
<%
|
84 |
|
|
if (skinName.equals(defaultStyle)) {
|
85 |
|
|
%>
|
86 |
4258
|
daigle
|
<div class="checkradio-label-inline" id="hiding-default-<%= skinName %>"> (default)</div>
|
87 |
4080
|
daigle
|
<%
|
88 |
|
|
} else {
|
89 |
|
|
%>
|
90 |
4258
|
daigle
|
<div class="checkradio-label-inline" style="display: none;" id="hiding-default-<%= skinName %>"> (default)</div>
|
91 |
4080
|
daigle
|
<%
|
92 |
|
|
}
|
93 |
|
|
%>
|
94 |
4258
|
daigle
|
</div>
|
95 |
|
|
<div class="hiding-section"
|
96 |
4080
|
daigle
|
<%
|
97 |
4115
|
daigle
|
if (skinName.equals(defaultStyle)) {
|
98 |
|
|
%>
|
99 |
4258
|
daigle
|
style="display: block;"
|
100 |
4115
|
daigle
|
<%
|
101 |
|
|
}
|
102 |
|
|
%>
|
103 |
|
|
id="hiding-section-<%= skinName %>">
|
104 |
|
|
<%
|
105 |
4080
|
daigle
|
HashMap<String, String> skinProperties = allSkinProperties.get(skinName);
|
106 |
|
|
PropertiesMetaData metaData = (PropertiesMetaData)allMetaData.get(skinName);
|
107 |
|
|
Map<Integer, MetaDataGroup> metaDataGroups = metaData.getGroups();
|
108 |
|
|
Set<Integer> groupKeys = metaDataGroups.keySet();
|
109 |
|
|
for (Integer groupkey : groupKeys) {
|
110 |
|
|
SortedMap<Integer, MetaDataProperty> propertyMap = metaData.getPropertiesInGroup(groupkey);
|
111 |
|
|
Set<Integer> propertyKeys = propertyMap.keySet();
|
112 |
|
|
%>
|
113 |
4258
|
daigle
|
<input class="checkradio" type="radio"
|
114 |
4115
|
daigle
|
<%
|
115 |
|
|
if (skinName.equals(defaultStyle)) {
|
116 |
|
|
%>
|
117 |
|
|
checked
|
118 |
|
|
<%
|
119 |
|
|
}
|
120 |
|
|
%>
|
121 |
|
|
name="default-flag" id="<%= skinName %>-radio" value="<%= skinName %>" onChange="toggleHiddenDefaultText('default-flag', '<%= skinName %>')"/>
|
122 |
4258
|
daigle
|
<label class="checkradio-label" for="<%= skinName %>-radio"> Make "<%= skinName %>" default </label>
|
123 |
4080
|
daigle
|
<%
|
124 |
|
|
for (Integer propertyKey : propertyKeys) {
|
125 |
|
|
%>
|
126 |
|
|
<%
|
127 |
|
|
MetaDataProperty metaDataProperty = propertyMap.get(propertyKey);
|
128 |
|
|
String fieldType = metaDataProperty.getFieldType();
|
129 |
|
|
if (fieldType.equals("select")) {
|
130 |
4258
|
daigle
|
%>
|
131 |
|
|
<div class="form-row">
|
132 |
|
|
<img class="question-mark" src="style/images/question-mark.gif"
|
133 |
|
|
alt="<%= metaDataProperty.getDescription() %>"
|
134 |
|
|
onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')""/>
|
135 |
4279
|
daigle
|
<div class="textinput-label"><label for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
|
136 |
4258
|
daigle
|
<select class="textinput" name="<%= skinName %>.<%= metaDataProperty.getKey() %>">
|
137 |
|
|
|
138 |
4080
|
daigle
|
<%
|
139 |
4100
|
daigle
|
Vector<String> fieldOptionNames = metaDataProperty.getFieldOptionNames();
|
140 |
|
|
Vector<String> fieldOptionValues = metaDataProperty.getFieldOptionValues();
|
141 |
|
|
for (int i = 0; i < fieldOptionNames.size(); i++) {
|
142 |
4080
|
daigle
|
%>
|
143 |
4100
|
daigle
|
<option value="<%= fieldOptionValues.elementAt(i) %>"> <%= fieldOptionNames.elementAt(i) %>
|
144 |
4080
|
daigle
|
<%
|
145 |
|
|
}
|
146 |
|
|
%>
|
147 |
|
|
</select>
|
148 |
4258
|
daigle
|
</div>
|
149 |
|
|
<%
|
150 |
|
|
if (metaDataProperty.getDescription() != null) {
|
151 |
|
|
%>
|
152 |
|
|
<div class="textinput-description">[<%= metaDataProperty.getDescription() %>]</div>
|
153 |
4080
|
daigle
|
<%
|
154 |
4258
|
daigle
|
}
|
155 |
4080
|
daigle
|
} else if (fieldType.equals("password")) {
|
156 |
4258
|
daigle
|
%>
|
157 |
|
|
<div class="form-row">
|
158 |
|
|
<img class="question-mark" src="style/images/question-mark.gif"
|
159 |
|
|
alt="<%= metaDataProperty.getDescription() %>"
|
160 |
|
|
onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/>
|
161 |
4279
|
daigle
|
<div class="textinput-label"><label for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
|
162 |
4258
|
daigle
|
<input class="textinput" id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>"
|
163 |
4080
|
daigle
|
type="<%= fieldType %>"
|
164 |
|
|
alt="<%= metaDataProperty.getDescription() %>"/>
|
165 |
4258
|
daigle
|
</div>
|
166 |
|
|
<%
|
167 |
|
|
if (metaDataProperty.getDescription() != null) {
|
168 |
|
|
%>
|
169 |
|
|
<div class="textinput-description">[<%= metaDataProperty.getDescription() %>]</div>
|
170 |
|
|
<%
|
171 |
|
|
}
|
172 |
|
|
} else if (fieldType.equals("checkbox")) {
|
173 |
|
|
%>
|
174 |
|
|
<div class="form-row">
|
175 |
|
|
<img class="question-mark" src="style/images/question-mark.gif"
|
176 |
4176
|
daigle
|
alt="<%= metaDataProperty.getDescription() %>"
|
177 |
4258
|
daigle
|
onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/>
|
178 |
|
|
<input class="checkradio" id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>"
|
179 |
|
|
type="<%= fieldType %>"
|
180 |
|
|
alt="<%= metaDataProperty.getDescription() %>"/>
|
181 |
|
|
<label class="checkradio-label" for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
|
182 |
|
|
</div>
|
183 |
|
|
<%
|
184 |
|
|
if (metaDataProperty.getDescription() != null) {
|
185 |
|
|
%>
|
186 |
|
|
<div class="checkradio-description">[<%= metaDataProperty.getDescription() %>]</div>
|
187 |
4080
|
daigle
|
<%
|
188 |
4258
|
daigle
|
}
|
189 |
4080
|
daigle
|
} else {
|
190 |
|
|
%>
|
191 |
4258
|
daigle
|
<div class="form-row">
|
192 |
|
|
<img class="question-mark" src="style/images/question-mark.gif"
|
193 |
|
|
alt="<%= metaDataProperty.getDescription() %>"
|
194 |
|
|
onClick="helpWindow('<%= request.getContextPath() %>','<%= metaDataProperty.getHelpFile() %>')"/>
|
195 |
|
|
<label class="textinput-label" for="<%= metaDataProperty.getKey() %>" title="<%= metaDataProperty.getDescription() %>"><%= metaDataProperty.getLabel() %></label>
|
196 |
|
|
<input class="textinput" id="<%= skinName %>.<%= metaDataProperty.getKey() %>" name="<%= skinName %>.<%= metaDataProperty.getKey() %>"
|
197 |
4080
|
daigle
|
value="<%= skinProperties.get(metaDataProperty.getKey()) %>"
|
198 |
|
|
type="<%= fieldType %> "
|
199 |
4258
|
daigle
|
alt="<%= metaDataProperty.getDescription() %>"/>
|
200 |
|
|
</div>
|
201 |
4080
|
daigle
|
<%
|
202 |
4258
|
daigle
|
if (metaDataProperty.getDescription() != null) {
|
203 |
4157
|
daigle
|
%>
|
204 |
4258
|
daigle
|
<div class="textinput-description">[<%= metaDataProperty.getDescription() %>]</div>
|
205 |
|
|
<%
|
206 |
|
|
}
|
207 |
|
|
}
|
208 |
4157
|
daigle
|
}
|
209 |
4080
|
daigle
|
}
|
210 |
|
|
|
211 |
|
|
%>
|
212 |
4258
|
daigle
|
</div>
|
213 |
4080
|
daigle
|
<%
|
214 |
|
|
}
|
215 |
|
|
%>
|
216 |
|
|
<input type="hidden" name="configureType" value="skins"/>
|
217 |
|
|
<input type="hidden" name="processForm" value="true"/>
|
218 |
|
|
<br>
|
219 |
|
|
<input class="left-button" type="submit" value="Save"/>
|
220 |
|
|
<input class="button" type="button" value="Cancel" onClick="forward('./admin')">
|
221 |
|
|
|
222 |
|
|
</form>
|
223 |
|
|
|
224 |
|
|
</body>
|
225 |
|
|
</html>
|