1 | <!DOCTYPE html>
|
---|
2 | <html>
|
---|
3 | <head>
|
---|
4 | <meta charset="utf-8">
|
---|
5 | <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
---|
6 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
---|
7 | <title>コントローラWebアプリケーション</title>
|
---|
8 | <link rel="shortcut icon" href="favicon.ico">
|
---|
9 | <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile.icons-1.4.5.min.css">
|
---|
10 | <link rel="stylesheet" href="themes/ecn-theme.min.css">
|
---|
11 | <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css">
|
---|
12 | <link rel="stylesheet" href="http://cdn.jtsage.com/datebox/1.4.5/jqm-datebox-1.4.5.css" />
|
---|
13 | <link rel="stylesheet" href="css/ecn_gen.css">
|
---|
14 | <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
|
---|
15 | <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
|
---|
16 | <script src="js/mscorlib.min.js"></script>
|
---|
17 | <script src="js/linq.min.js"></script>
|
---|
18 | <script src="http://cdn.jtsage.com/datebox/1.4.5/jqm-datebox-1.4.5.core.min.js"></script>
|
---|
19 | <script src="http://cdn.jtsage.com/datebox/1.4.5/jqm-datebox-1.4.5.mode.calbox.min.js"></script>
|
---|
20 | <script src="http://cdn.jtsage.com/datebox/1.4.5/jqm-datebox-1.4.5.mode.datebox.min.js"></script>
|
---|
21 | <script src="http://cdn.jtsage.com/datebox/i18n/jqm-datebox.lang.utf8.js"></script>
|
---|
22 | <script src="js/ctrlui.min.js"></script>
|
---|
23 | <script type="text/javascript">
|
---|
24 | CtrlUI.main();
|
---|
25 | </script>
|
---|
26 | </head>
|
---|
27 | <body>
|
---|
28 | <div data-role="page" id="index">
|
---|
29 | <div data-role="header">
|
---|
30 | <h1 id="header_logo" style="margin: 0px; text-align: left; background-color: white;">
|
---|
31 | <a target='_blank' href="http://www.toppers.jp/index.html">
|
---|
32 | <img src="./imgs/logo.png" width="353" height="74" border="0" alt="TOPPERS LOGO">
|
---|
33 | </a>
|
---|
34 | </h1>
|
---|
35 | <a data-role="button" href="#information" data-rel="popup" data-icon="info" class="ui-btn-right"
|
---|
36 | style="-webkit-border-radius: 6em; border-radius: 6em;"
|
---|
37 | onclick="CtrlUI.info.update(this, 'information');">情報
|
---|
38 | </a>
|
---|
39 | </div>
|
---|
40 | <h2><strong>TOPPERS/ECNL</strong>コントローラWebアプリケーション</h2>
|
---|
41 | <div data-role="panel" class="ecn-navmenu-panel" data-position="left" data-display="overlay" style="background-color: #f9f9f9;">
|
---|
42 | <div class="ui-field-contain" id="fs_connection_ctn">
|
---|
43 | <label for="fs_connection">接続</label>
|
---|
44 | <input type="checkbox" name="fs_connection" id="fs_connection" data-role="flipswitch" data-on-text="On" data-off-text="Off">
|
---|
45 | </div>
|
---|
46 | <button id="bt_search" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-alert ui-btn-c"
|
---|
47 | onclick="CtrlUI.page.search(this);">
|
---|
48 | 機器検索
|
---|
49 | </button>
|
---|
50 | <h2>インスタンス</h2>
|
---|
51 | <div id="node_list" data-role="collapsibleset" data-inset="true" data-collapsed-icon="carat-r" data-expanded-icon="carat-d">
|
---|
52 | </div>
|
---|
53 | <button id="bt_set_property" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-star ui-btn-c">
|
---|
54 | 設定
|
---|
55 | </button>
|
---|
56 | <button id="bt_get_property" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-eye ui-btn-c">
|
---|
57 | 取得
|
---|
58 | </button>
|
---|
59 | <button id="bt_set_get_property" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-recycle ui-btn-c">
|
---|
60 | 設定と取得
|
---|
61 | </button>
|
---|
62 | <button id="bt_kadecot" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-action ui-btn-b">
|
---|
63 | Kadecot App list
|
---|
64 | </button>
|
---|
65 | </div>
|
---|
66 | <div role="main" class="ui-content ecn-content">
|
---|
67 | <ul id="lv_property_list" data-role="listview" data-inset="true"></ul>
|
---|
68 | </div>
|
---|
69 | <div data-role="footer" data-position="fixed">
|
---|
70 | <p style="padding-left: 1em">
|
---|
71 | Copyright © 2015 by TOPPERS Project, Inc. All Rights Reserved.
|
---|
72 | </p>
|
---|
73 | <a data-role="button" href="#setting_panel" data-icon="gear" class="ui-btn-right"
|
---|
74 | style="-webkit-border-radius: 6em; border-radius: 6em;">設定
|
---|
75 | </a>
|
---|
76 | </div>
|
---|
77 | <div data-role="popup" id="popup_dialog" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width: 400px;">
|
---|
78 | <div data-role="header" data-theme="a">
|
---|
79 | <h1 id="popup_dialog_caption">エラー</h1>
|
---|
80 | </div>
|
---|
81 | <div role="main" class="ui-content">
|
---|
82 | <h3 id="popup_dialog_title" class="ui-title">エラー</h3>
|
---|
83 | <p id="popup_dialog_text">エラー</p>
|
---|
84 | <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-rel="back">OK</a>
|
---|
85 | </div>
|
---|
86 | </div>
|
---|
87 | <div id="information-screen"></div>
|
---|
88 | <div id="information-popup">
|
---|
89 | <div data-role="popup" id="information" data-theme="b">
|
---|
90 | <img src="js/images/ajax-loader.gif" />
|
---|
91 | </div>
|
---|
92 | </div>
|
---|
93 | <div data-role="panel" id="setting_panel" data-position="right" data-display="overlay" data-theme="b">
|
---|
94 | <h3>設定</h3>
|
---|
95 | <label for="txt_mac_addr">MACアドレス</label>
|
---|
96 | <input name="txt_mac_addr" id="txt_mac_addr" value="12:34:56:78:9A:BC" type="text">
|
---|
97 | <label for="cb_dhcp_enable">DHCP有効</label>
|
---|
98 | <input name="cb_dhcp_enable" id="cb_dhcp_enable" type="checkbox">
|
---|
99 | <label for="txt_ip_addr">IPアドレス</label>
|
---|
100 | <input name="txt_ip_addr" id="txt_ip_addr" value="192.168.2.103" type="text">
|
---|
101 | <label for="txt_netmask">サブネットマスク</label>
|
---|
102 | <input name="txt_netmask" id="txt_netmask" value="255.255.255.0" type="text">
|
---|
103 | <label for="txt_gateway">デフォルトゲートウェイ</label>
|
---|
104 | <input name="txt_gateway" id="txt_gateway" value="192.168.2.1" type="text">
|
---|
105 | <button id="bt_set_init_params" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-check ui-btn-c">
|
---|
106 | 設定
|
---|
107 | </button>
|
---|
108 | <button id="bt_get_init_params" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-check ui-btn-c">
|
---|
109 | 取得
|
---|
110 | </button>
|
---|
111 | <h3>ライセンス</h3>
|
---|
112 | <p>
|
---|
113 | このサイトは<a target='_blank' href="http://www.toppers.jp/license.html">TOPPERSライセンス</a>で公開しています。<br>
|
---|
114 | このサイトは、いくつかのJavaScriptライブラリを使用しています。サイト右上のソフトウェア情報をご覧ください。
|
---|
115 | </p>
|
---|
116 | <a href="#" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-btn-a ui-icon-delete ui-btn-icon-left ui-btn-inline">閉じる</a>
|
---|
117 | </div>
|
---|
118 | </div>
|
---|
119 | </body>
|
---|
120 | </html>
|
---|