[101] | 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">
|
---|
[125] | 32 | <img src="./imgs/logo.png" width="353" height="74" border="0" alt="TOPPERS LOGO">
|
---|
[101] | 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">
|
---|
[125] | 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">
|
---|
[101] | 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>
|
---|