[Fai-commit] r4667 - in people/kugg/fai-gui: . views
kugg-guest at alioth.debian.org
kugg-guest at alioth.debian.org
Fri Nov 9 22:02:37 UTC 2007
Author: kugg-guest
Date: 2007-11-09 22:02:36 +0000 (Fri, 09 Nov 2007)
New Revision: 4667
Added:
people/kugg/fai-gui/views/views.js
Modified:
people/kugg/fai-gui/template.html
people/kugg/fai-gui/template_style.css
people/kugg/fai-gui/views/classes.html
Log:
Filled in correct links in the top help bar for the fai-gui template.
Moved the javascript code for the views was moved to views/views.js and modified so that a class can only be enabled once.
Modified: people/kugg/fai-gui/template.html
===================================================================
--- people/kugg/fai-gui/template.html 2007-11-09 19:28:44 UTC (rev 4666)
+++ people/kugg/fai-gui/template.html 2007-11-09 22:02:36 UTC (rev 4667)
@@ -12,9 +12,9 @@
<body>
<div id="top_field">
<ul id="top_bar_list">
- <li><a href="">Docs</a></li>
- <li><a href="">Bugs</a></li>
- <li><a href="">Fai-Wiki</a></li>
+ <li><a href="http://www.informatik.uni-koeln.de/fai/fai-guide/index.html">Docs</a></li>
+ <li><a href="http://bugs.debian.org/cgi-bin/pkgreport.cgi?which=pkg&data=fai&archive=no&version=&dist=unstable">Bugs</a></li>
+ <li><a href="http://faiwiki.informatik.uni-koeln.de/">Fai-Wiki</a></li>
</ul>
</div>
<div id="searchbar">
Modified: people/kugg/fai-gui/template_style.css
===================================================================
--- people/kugg/fai-gui/template_style.css 2007-11-09 19:28:44 UTC (rev 4666)
+++ people/kugg/fai-gui/template_style.css 2007-11-09 22:02:36 UTC (rev 4667)
@@ -240,7 +240,47 @@
padding:0px;
float: right;
}
+/*View: picker*/
+.input_section {
+ float:left;
+ position:relative;
+}
+.input_section select {
+background-color:#f6f0d0;
+
+}
+
+select {
+width: 300px;
+border: 1px solid black;
+}
+
+
+.vr {
+ border-left: 2px solid black;
+ height:210px;
+ width:10px;
+ margin-left:10px;
+ float:left;
+ position:relative;
+
+}
+
+#leftarrow {
+ text-align:left;
+ border-top:0px;
+}
+#rightarrow {
+ text-align:right;
+ border-top:0px;
+ position:absolute;
+ right:0px;
+}
+.clickable {
+ border:1px solid black;
+}
+
#validation {
position:absolute;
bottom:10px;
Modified: people/kugg/fai-gui/views/classes.html
===================================================================
--- people/kugg/fai-gui/views/classes.html 2007-11-09 19:28:44 UTC (rev 4666)
+++ people/kugg/fai-gui/views/classes.html 2007-11-09 22:02:36 UTC (rev 4667)
@@ -1,50 +1,12 @@
<html>
+<head>
+<link rel="StyleSheet" href="../template_style.css" type="text/css" />
+<script type="text/javascript" src="views.js" ></script>
+</head>
+
<body>
-<style type="text/css">
-.input_section {
- float:left;
- position:relative;
-}
-.vr {
- border-left: 2px solid black;
- height:210px;
- width:10px;
- margin-left:10px;
- float:left;
- position:relative;
-
-}
-select {
-width: 300px;
-border: 1px solid black;
-}
-
-</style>
- <script language="JavaScript">
-
- function AddEnable() {
- var enabled_classes=document.getElementById("enabled_classes");
- var availible_classes=document.getElementById("availible_classes");
-
- var new_option=document.createElement('option');
- new_option.text=availible_classes.options[availible_classes.selectedIndex].value;
- enabled_classes.add(new_option,null);
-
-/* alert(availible_classes.selectedIndex);*/
- docuement.list_selection.enabled_classes.add("karate");
- }
-
- function RmEnable() {
- var enabled_classes=document.getElementById("enabled_classes");
-/* alert(enabled_classes.selectedIndex);*/
- enabled_classes.remove(enabled_classes.selectedIndex);
- }
-
- </script>
-
-
<h2>Hostname</h2>
<form name="list_selection">
<fieldset>
@@ -57,7 +19,7 @@
<option>school</option>
<option>economics</option>
</select><br/>
- <input type="button" value=">>" onclick="AddEnable();" />
+ <input type="button" value=">>" id="rightarrow" class="clickable" onclick="AddEnable();" />
</label>
</div>
<div class="vr">
@@ -65,11 +27,20 @@
<div class="input_section">
<label>Enabled<br/>
<select name="enabled_classes" id="enabled_classes" multiple="multiple" size="10">
-
+ <option>lcd</option>
</select><br/>
- <input type="button" value="<<" onclick="RmEnable();" />
+ <input type="button" value="<<" id="leftarrow" class="clickable" onclick="RmEnable();" />
</label>
</div>
+<div class="vr">
+</div>
+<div class="input_section"><br/>
+ <div id="intro_box">
+ Add the classes needed by your host by clicking the arrows. When you are done press Submit and the changes will be commited. If you want to specify the settings for a specific class, just double-click on the class.
+ </div><br/>
+ <input type="submit" class="clickable"><br/><br/>
+ <input type="reset" class="clickable"><br/>
+</div>
</fieldset>
</form>
</body>
Added: people/kugg/fai-gui/views/views.js
===================================================================
--- people/kugg/fai-gui/views/views.js (rev 0)
+++ people/kugg/fai-gui/views/views.js 2007-11-09 22:02:36 UTC (rev 4667)
@@ -0,0 +1,31 @@
+function AddEnable() {
+ var enabled_classes=document.getElementById("enabled_classes");
+ var availible_classes=document.getElementById("availible_classes");
+
+ var new_option=document.createElement('option');
+ new_option.text=availible_classes.options[availible_classes.selectedIndex].value;
+ if (CheckEnabled(new_option)==false) {
+ enabled_classes.add(new_option,null);
+ }
+
+ /*docuement.list_selection.enabled_classes.add("karate");*/
+}
+
+function RmEnable() {
+ var enabled_classes=document.getElementById("enabled_classes");
+ enabled_classes.remove(enabled_classes.selectedIndex);
+}
+
+function CheckEnabled(new_option) {
+
+ var enabled_classes=document.getElementById("enabled_classes");
+ for(i=0;i<enabled_classes.options.length;i++) {
+ if(enabled_classes.options[i].value==new_option.value) {
+ alert(new_option.value + " is already enabled." );
+ return true;
+ /*It is enabled already*/
+ }
+
+ }
+ return false;
+}
More information about the Fai-commit
mailing list