Skip to content

Commit b6a9a52

Browse files
committed
git first gui
0 parents  commit b6a9a52

File tree

125 files changed

+23162
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

125 files changed

+23162
-0
lines changed

.project

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<projectDescription>
3+
<name>megaweb</name>
4+
<comment></comment>
5+
<projects>
6+
</projects>
7+
<buildSpec>
8+
<buildCommand>
9+
<name>com.aptana.ide.core.unifiedBuilder</name>
10+
<arguments>
11+
</arguments>
12+
</buildCommand>
13+
</buildSpec>
14+
<natures>
15+
<nature>com.aptana.ide.project.nature.web</nature>
16+
</natures>
17+
</projectDescription>

.tmp_anounce.html.2924~

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<ul class="test3" id="test3">
2+
<li id="test4"><div class="handle3" id="test3"><img src='images/com_01.gif' width=24 height=114 ></div>
3+
<h3>Content 1</h3>
4+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac, hendrerit placerat, iaculis congue, augue. Quisque eget mi quis purus vestibulum eleifend. Maecenas condimentum eros vel eros. Ut facilisis leo id mi. Suspendisse nisl magna, consequat quis, pretium eget, laoreet vel, orci.<br>
5+
<br>
6+
Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
7+
</li>
8+
<li id="test4"><div class="handle3" id="test3"><img src='images/com_02.gif' width=24 height=114></div>
9+
<h3>Content 2</h3>
10+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac, hendrerit placerat, iaculis congue, augue. Quisque eget mi quis purus vestibulum eleifend. Maecenas condimentum eros vel eros. Ut facilisis leo id mi. Suspendisse nisl magna, consequat quis, pretium eget, laoreet vel, orci.<br>
11+
<br>
12+
Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
13+
</li>
14+
<li id="test4"><div class="handle3" id="test3"><img src='images/com_03.gif' width=24 height=114></div>
15+
<h3>Content 3</h3>
16+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac, hendrerit placerat, iaculis congue, augue. Quisque eget mi quis purus vestibulum eleifend. Maecenas condimentum eros vel eros. Ut facilisis leo id mi. Suspendisse nisl magna, consequat quis, pretium eget, laoreet vel, orci.<br>
17+
<br>
18+
Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
19+
</li>
20+
<li id="test4"><div class="handle3" id="test3"><img src='images/com_04.gif' width=24 height=114></div>
21+
<h3>Content 4</h3>
22+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac, hendrerit placerat, iaculis congue, augue. Quisque eget mi quis purus vestibulum eleifend. Maecenas condimentum eros vel eros. Ut facilisis leo id mi. Suspendisse nisl magna, consequat quis, pretium eget, laoreet vel, orci.<br>
23+
<br>
24+
Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
25+
</li>
26+
<li id="test4"><div class="handle3" id="test3"><img src='images/com_05.gif' width=24 height=114></div>
27+
<h3>Content 5</h3>
28+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vestibulum metus sed massa. Pellentesque pharetra felis a enim. Aliquam sapien nisl, iaculis ac, hendrerit placerat, iaculis congue, augue. Quisque eget mi quis purus vestibulum eleifend. Maecenas condimentum eros vel eros. Ut facilisis leo id mi. Suspendisse nisl magna, consequat quis, pretium eget, laoreet vel, orci.<br>
29+
<br>
30+
Mauris sed mauris. Praesent imperdiet, nunc ut sollicitudin hendrerit, nisi tellus mollis leo, blandit pharetra nulla orci id eros. Nullam ut nunc. Praesent lacus lacus, tempor a, dignissim eu, tristique ac, tortor. Sed faucibus. Integer eleifend lacus ac neque. Fusce tempus. In hac habitasse platea dictumst. Nulla arcu neque, gravida at, rhoncus id, pharetra vitae, tortor. Aenean vestibulum consequat augue.</p>
31+
</li>
32+
</ul>
33+
34+
<link rel="stylesheet" type="text/css" href="css/jquery.hrzAccordion.defaults.css">
35+
<link rel="stylesheet" type="text/css" href="css/jquery.hrzAccordion.examples.css">
36+
<script type="text/javascript" src="jquery.hrzAccordion.js"></script>
37+
<script type="text/javascript" src="jquery.hrzAccordion.examples.js"></script>
38+

.tmp_input_form.html.36169~

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<script type="text/javascript">
2+
$(document).ready(function() {
3+
$('input[type="text"]').addClass("idleField");
4+
$('input[type="text"]').focus(function() {
5+
$(this).removeClass("idleField").addClass("focusField");
6+
if (this.value == this.defaultValue){
7+
this.value = '';
8+
}
9+
if(this.value != this.defaultValue){
10+
this.select();
11+
}
12+
});
13+
$('input[type="text"]').blur(function() {
14+
$(this).removeClass("focusField").addClass("idleField");
15+
if ($.trim(this.value == '')){
16+
this.value = (this.defaultValue ? this.defaultValue : '');
17+
}
18+
});
19+
});
20+
function validateIP(el) {
21+
var isValid = true;
22+
var s = el.value.split('.');
23+
var i = 4;
24+
var isValid = (s.length == i);
25+
while (i-- && isValid) {
26+
isValid = (0 <= s[i]) && (s[i] <= 255);
27+
}
28+
return !!isValid;
29+
}
30+
31+
function runValidation(el, id) {
32+
var errorEl = document.getElementById(id);
33+
errorEl.innerHTML = validateIP(el)? '' :
34+
'Invalid IP address';
35+
}
36+
function validateNetMask(mask)
37+
{
38+
//m[0] can be 128, 192, 224, 240, 248, 252, 254, 255
39+
//m[1] can be 128, 192, 224, 240, 248, 252, 254, 255 if m[0] is 255, else m[1] must be 0
40+
//m[2] can be 128, 192, 224, 240, 248, 252, 254, 255 if m[1] is 255, else m[2] must be 0
41+
//m[3] can be 128, 192, 224, 240, 248, 252, 254, 255 if m[2] is 255, else m[3] must be 0
42+
43+
var isValid = true;
44+
var correct_range = {128:1,192:1,224:1,240:1,248:1,252:1,254:1,255:1,0:1};
45+
var m = mask.value.split('.');
46+
var i = 4;
47+
var isValid = (m.length == i);
48+
while (i-- && isValid) {
49+
50+
if (!(m[i] in correct_range)) {
51+
isValid = 0;
52+
break;
53+
}
54+
if ((m[0] == 0) || (m[0] != 255 && m[1] != 0) || (m[1] != 255 && m[2] != 0) || (m[2] != 255 && m[3] != 0)) {
55+
isValid = 0;
56+
}
57+
}
58+
59+
return !!isValid;
60+
}
61+
function runValidationMask(mask, id){
62+
var errorEl = document.getElementById(id);
63+
errorEl.innerHTML = validateNetMask(mask)? '' : 'Invalid Netmask';
64+
}
65+
</script>
66+
<style type="text/css">
67+
*{
68+
margin:0;
69+
padding:0;
70+
font:bold 8px "Lucida Grande", Arial, sans-serif;
71+
}
72+
body {
73+
padding: 10px;
74+
}
75+
#status{
76+
width:20%;
77+
padding:5px;
78+
outline:none;
79+
height:10px;
80+
}
81+
.focusField{
82+
border:solid 2px #73A6FF;
83+
background:#EFF5FF;
84+
color:#000;
85+
}
86+
.idleField{
87+
background:#EEE;
88+
color: #6F6F6F;
89+
border: solid 2px #DFDFDF;
90+
}
91+
92+
</style>
93+
94+
<form>
95+
<input name="status" id="status" value="ip" type="text" onblur="runValidation(this, 'errorMessage');">
96+
</form>
97+
<span id="errorMessage" style="color:red;"></span>
98+
<form>
99+
<input name="status" id="status" value="netmask" type="text" onblur="runValidationMask(this, 'errorMessage2');">
100+
</form>
101+
<span id="errorMessage2" style="color:red;"></span>
102+

.tmp_main.html.5497~

+214
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,214 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2+
<HTML>
3+
<HEAD>
4+
<META http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
5+
6+
<LINK rel="stylesheet" type="text/css" href="ui.core.css">
7+
8+
<LINK rel="stylesheet" type="text/css" href="ui.all.css">
9+
<LINK rel="stylesheet" type="text/css" href="ui-1.7.1-demos.css">
10+
<LINK rel="stylesheet" type="text/css" href="layout-default.css">
11+
<link rel="stylesheet" type="text/css" media="screen" href="ui.jqgrid.css" />
12+
<link type="text/css" href="demos.css" rel="stylesheet" />
13+
14+
<STYLE type="text/css">
15+
16+
17+
18+
19+
20+
/*
21+
* CENTER-PANE TABS
22+
*
23+
* These tabs have white-space around them,
24+
* so the content-div provides the border for the tabs
25+
*/
26+
.ui-layout-pane-center {
27+
background: #FFD; /* to make pane background stand-out */
28+
padding: 10px;
29+
}
30+
.ui-layout-pane-center .ui-tabs-nav {
31+
/* remove rounded corners from bottom of 'tabs'*/
32+
-moz-border-radius-bottomleft: 0;
33+
-moz-border-radius-bottomright: 0;
34+
-webkit-border-bottom-left-radius: 0;
35+
-webkit-border-bottom-right-radius: 0;
36+
}
37+
/* add border to the content-div - looks like border on the tab-panel */
38+
.ui-layout-pane-center .ui-layout-content {
39+
background: #FFF;
40+
border: 1px solid #AAA;
41+
border-top: 0;
42+
/* hard-coded the ui-corner-bottom class to this div to round the corners */
43+
}
44+
#feedback { font-size: 1.4em; }
45+
#selectable .ui-selecting { background: #FECA40; }
46+
#selectable .ui-selected { background: #F39814; color: white; }
47+
#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
48+
#selectable li { margin: 0px; padding: 0.4em; font-size: 1.4em; height: 18px; }
49+
50+
</STYLE>
51+
52+
<SCRIPT type="text/javascript" src="jquery-1.3.2.js"></SCRIPT>
53+
54+
<SCRIPT type="text/javascript" src="ui.core.js"></SCRIPT>
55+
<SCRIPT type="text/javascript" src="ui.tabs.js"></SCRIPT>
56+
<SCRIPT type="text/javascript" src="ui.sortable.js"></SCRIPT>
57+
58+
<SCRIPT type="text/javascript" src="ui.accordion.js"></SCRIPT>
59+
<SCRIPT type="text/javascript" src="ui.selectable.js"></SCRIPT>
60+
<!-- using a beta Layout version because contains some bug-fixes relevant to this page -->
61+
<SCRIPT type="text/javascript" src="jquery.layout.js"></SCRIPT>
62+
<SCRIPT type="text/javascript" src="ui.draggable.js"></SCRIPT>
63+
<SCRIPT type="text/javascript" src="effects.core.js"></SCRIPT>
64+
65+
<SCRIPT type="text/javascript" src="effects.slide.js"></SCRIPT>
66+
67+
68+
<script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
69+
70+
<script src="grid.locale-en.js" type="text/javascript"></script>
71+
<script src="jquery.jqGrid.min.js" type="text/javascript"></script>
72+
<script src="jquery.tablednd.js" type="text/javascript"></script>
73+
<script src="jquery.contextmenu.js" type="text/javascript"></script>
74+
<script src="grid.formedit.js" type="text/javascript"></script>
75+
76+
77+
<SCRIPT type="text/javascript">
78+
var gridimgpath = 'images';
79+
$(document).ready( function() {
80+
$('body').layout({
81+
west__size: $('body').innerWidth() * 0.25
82+
, east__size: 200
83+
, south__initClosed: true
84+
});
85+
$("#anounce").load("anounce.html");
86+
$("#menu").accordion();
87+
88+
$("#selectable").selectable({
89+
stop: function(){
90+
var data = $(".ui-layout-center").empty();
91+
$(".ui-selected", this).each(function(){
92+
var index = $("#selectable li").index(this);
93+
data.load("test"+(index+1)+".html", null, function() {
94+
$('#tabs').tabs();
95+
jQuery("#list4").jqGrid({
96+
datatype: "local",
97+
height: 150,
98+
colNames:['Address','Netmask', 'Route'],
99+
colModel:[
100+
{name:'address',index:'address', width:100, editable:true,editoptions:{size:25}},
101+
{name:'netmask',index:'netmask', width:110, editable:true,editoptions:{size:25}},
102+
{name:'route',index:'route', width:100, editable:true,editoptions:{size:25}},
103+
],
104+
rowNum:10,
105+
rowList:[10,20,30],
106+
imgpath: gridimgpath,
107+
pager: jQuery('#pagered'),
108+
caption: "INTERFACES"
109+
});
110+
var mydata = [
111+
{address:"192.168.1.10",netmask:"255.255.255.0",route:"192.168.1.1"},
112+
{address:"192.168.2.10",netmask:"255.255.255.0",route:"192.168.2.1"},
113+
{address:"192.168.3.10",netmask:"255.255.255.0",route:"192.168.3.1"},
114+
{address:"192.168.4.10",netmask:"255.255.255.0",route:"192.168.4.1"}
115+
];
116+
for(var i=0;i<=mydata.length;i++)
117+
jQuery("#list4").addRowData(i+1,mydata[i]);
118+
$("#add").click(function(){
119+
jQuery("#list4").editGridRow("new",{height:280,reloadAfterSubmit:false});
120+
});
121+
$("#edit").click(function(){
122+
var gr = jQuery("#list4").getGridParam('selrow');
123+
if( gr != null ) jQuery("#list4").editGridRow(gr,{height:280,reloadAfterSubmit:false});
124+
else alert("Please Select Row");
125+
});
126+
});
127+
});
128+
}
129+
});
130+
131+
132+
133+
});
134+
135+
</SCRIPT>
136+
137+
</HEAD>
138+
<BODY>
139+
140+
<DIV class="ui-layout-north">
141+
<DIV id="anounce"></DIV>
142+
</DIV>
143+
144+
145+
146+
147+
148+
149+
150+
151+
<DIV class="ui-layout-center">
152+
153+
154+
155+
156+
157+
</DIV>
158+
159+
<DIV class="ui-layout-west">
160+
<div id="menu">
161+
<h3><a href="#">System</a></h3>
162+
<div>
163+
<ol id="selectable">
164+
<li class="ui-widget-content">System 1</li>
165+
166+
<li class="ui-widget-content">System 2</li>
167+
<li class="ui-widget-content">System 3</li>
168+
<li class="ui-widget-content">System 4</li>
169+
<li class="ui-widget-content">System 5</li>
170+
<li class="ui-widget-content">System 6</li>
171+
</ol>
172+
173+
</div>
174+
<h3><a href="#">Network</a></h3>
175+
<div>
176+
<ol id="selectable">
177+
<li class="ui-widget-content">Network 1</li>
178+
<li class="ui-widget-content">Network 2</li>
179+
<li class="ui-widget-content">Network 3</li>
180+
181+
<li class="ui-widget-content">Network 4</li>
182+
<li class="ui-widget-content">Network 5</li>
183+
<li class="ui-widget-content">Network 6</li>
184+
</ol>
185+
</div>
186+
<h3><a href="#">Service</a></h3>
187+
<div>
188+
189+
<ol id="selectable">
190+
<li class="ui-widget-content">Service 1</li>
191+
<li class="ui-widget-content">Service 2</li>
192+
<li class="ui-widget-content">Service 3</li>
193+
<li class="ui-widget-content">Service 4</li>
194+
<li class="ui-widget-content">Service 5</li>
195+
196+
<li class="ui-widget-content">Service 6</li>
197+
</ol>
198+
</div>
199+
</div>
200+
</DIV>
201+
202+
203+
<DIV class="ui-layout-east">
204+
205+
</DIV>
206+
207+
208+
<DIV class="ui-layout-south">
209+
South Pane
210+
</DIV>
211+
212+
213+
</BODY>
214+
</HTML>

0 commit comments

Comments
 (0)