-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathframe4.html
152 lines (152 loc) · 5.96 KB
/
frame4.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title> frame4 </title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/sub.css">
<link href="js/jqGrid/ui.jqgrid.css" rel="stylesheet">
<link href="js/jqGrid/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<link href="js/jqGrid/jquery-ui.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/jqGrid/jquery-1.7.1.min.js"></script>
<script src="js/jqGrid/json3.min.js"></script>
<script src="js/jqGrid/jquery.jqGrid.src.js"></script>
<script src="js/jqGrid/grid.locale-kr.js"></script>
<script src="js/jqGrid/common.js"></script>
<script src="js/jqGrid/rtComm.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.treeview.js"></script>
<script>
$(function(){
$("#skip").load("include/skip.html");
$("#header").load("include/header.html");
$("#footer").load("include/footer.html");
});
$(function() {
$("#tabTree1").treeview({
collapsed: true,
animated: "medium",
control:"#sidetreecontrol",
persist: "location"
});
});
$(function() {
$( ".date" ).datepicker({
showOn: "button", // 버튼과 텍스트 필드 또는 모두 캘린더에 표시할지에 대한 여부 선택, both/button,text
buttonImage: "images/sub/date_icon.png", // image 경로 지정, 버튼 이미지 선택
buttonImageOnly: true, // 버튼에 있는 이미지만 표시, true/false
buttonText: "Select date",
changeMonth: true, // 월을 바꿀 수 있는 select 박스 표시, true/false
changeYear: true, // 년을 바꿀 수 있는 select 박스 표시, true/false
nextText: '다음달', // next 아이콘의 title 설정
prevText: '이전달', // prev 아이콘의 title 설정
showButtonPanel: true, // 캘린더 하단에 (today,done) 버튼 패널 표시 여부 선택
closeText: '닫기', // close 버튼의 text 선택
dateFormat: 'yy-mm-dd', // 표시할 날짜 형식 선택
dayNames: ['월요일', '화요일', '수요일', '목요일', '금요일', '토요일', '일요일'], // 표시할 요일 이름
dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], // 표시할 요일 약자 이름
monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] , // 표시할 달 이름
monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'], // 표시할 달 약자 이름
});
});
</script>
</head>
<body>
<div>
<!-- ========= skip =========== -->
<div id="skip"></div>
<!-- ========= //skip =========== -->
<!-- ========= header =========== -->
<header id="header"></header>
<!-- ========= //header =========== -->
<!-- ========= content ========= -->
<section id="content">
<div id="wrap">
<div class="tit">
<h2 class="sub_tit">서브 타이틀 이름</h2>
<ul class="location">
<li>depth1 이름</li>
<li>depth2 이름</li>
</ul>
</div>
<div class="frame4_cnt clear">
<div class="ban_l">
<div class="tree_area">
<h3 class="tit_bg">Location Explor</h3>
<div>
<ul id="tabTree1" class="tree_cnt location_tree">
<li>
<a href="#">Root</a>
<ul>
<li>
<a href="#">그린트리플러스</a>
<ul>
<li><a href="#">이천농장</a></li>
</ul>
</li>
<li>
<a href="#">리테일테크</a>
<ul>
<li><a href="#">본사사옥</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<button type="button" class="btn_fold close_btn" onclick="fordingLeft();"></button>
</div>
<div class="cnt_r">
<div class="sub_cnt"><!-- frame4 main content area --></div>
<div class="graph">
<h3 class="graph_tit tit_bg">Chart Explorer</h3>
<div class="graph_area">
<div class="graph_data clear">
<div class="graph_info f_l">
<h4 class="graph_name f_l">UB센터1</h4>
· 조회일<label for="inquiryStart" class="blind">조회시작일</label><input type="text" id="inquiryStart" class="date">~<label for="inquiryEnd" class="blind">조회종료일</label><input type="text" id="inquiryEnd" class="date">
<label for="senserType">· 센서종류</label>
<select name="senserType" id="senserType">
<option value="선택">:: 선택하세요</option>
<option value="Temperature">Temperature</option>
<option value="Humidity">Humidity</option>
<option value="CO2">CO2</option>
<option value="WaterTemperature">WaterTemperature</option>
<option value="Light">Light</option>
<option value="PH">PH</option>
<option value="EC">EC</option>
</select>
<label for="sensorCircle">· 센서 주기</label>
<select name="sensorCircle" id="sensorCircle">
<option value="선택">:: 선택하세요</option>
<option value="1시간">1시간</option>
<option value="2시간">2시간</option>
<option value="3시간">3시간</option>
</select>
</div>
<button class="btn_type btn_type1 f_r">조회</button>
</div>
<div class="graph_cnt">
<div>
<!-- 그래프 영역 -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ========= //content ========= -->
<!-- =========footer=========== -->
<footer id="footer"></footer>
<!-- =========//footer=========== -->
</div>
</body>
</html>