| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|---|
| 2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 3 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 4 | <head> |
|---|
| 5 | <script type="text/javascript" src="javascripts/prototype.js"></script> |
|---|
| 6 | <script type="text/javascript" src="javascripts/cookiemanager.js"></script> |
|---|
| 7 | <script type="text/javascript" src="javascripts/qrcode.js"></script> |
|---|
| 8 | <script type="text/javascript" src="javascripts/ssb.js"></script> |
|---|
| 9 | <link rel="stylesheet" href="stylesheets/ssb.css" type="text/css" media="screen" /> |
|---|
| 10 | |
|---|
| 11 | <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
|---|
| 12 | <meta http-equiv="content-style-type" content="text/css" /> |
|---|
| 13 | <title><%= title.nil? ? 'no title' : title %> - server side browser</title> |
|---|
| 14 | </head> |
|---|
| 15 | <body> |
|---|
| 16 | <div id="header"> |
|---|
| 17 | <form action="./" id="location" method="get" name="location"> |
|---|
| 18 | ssb |
|---|
| 19 | <input id="uri_input" name="q" size="60" value="<%= request_uri %>" type="text" /> |
|---|
| 20 | <input id="move_button" value="移動" type="submit" /> |
|---|
| 21 | </form> |
|---|
| 22 | </div> |
|---|
| 23 | |
|---|
| 24 | <div id="client"> |
|---|
| 25 | <div id="page"><%= page %></div> |
|---|
| 26 | |
|---|
| 27 | <div id="sidebar"> |
|---|
| 28 | <div id="dashboard"> |
|---|
| 29 | |
|---|
| 30 | <div id="qrcode"> |
|---|
| 31 | </div> |
|---|
| 32 | |
|---|
| 33 | <div id="status_bar"> |
|---|
| 34 | <table class="time_status"> |
|---|
| 35 | <tbody> |
|---|
| 36 | <tr> |
|---|
| 37 | <td class="time_label">応答時間</td> |
|---|
| 38 | <% time_class = if(request_time < 500) |
|---|
| 39 | "time_safe" |
|---|
| 40 | elsif(request_time < 1000) |
|---|
| 41 | "time_notice" |
|---|
| 42 | else |
|---|
| 43 | "time_warning" |
|---|
| 44 | end %> |
|---|
| 45 | <td class="<%= time_class %>"><%= SSB::Misc.numeric(request_time) %></td> |
|---|
| 46 | <td class="time_unit">ms</td> |
|---|
| 47 | </tr> |
|---|
| 48 | <tr> |
|---|
| 49 | <td class="time_label">サイズ</td> |
|---|
| 50 | <td class="time"><%= SSB::Misc.numeric(source.size) %></td> |
|---|
| 51 | <td class="time_unit">bytes</td> |
|---|
| 52 | </tr> |
|---|
| 53 | </tbody> |
|---|
| 54 | </table> |
|---|
| 55 | </div> |
|---|
| 56 | <div id="terminal"> |
|---|
| 57 | <h2>ケータイ</h2> |
|---|
| 58 | User-Agent: <%= term[:useragent] %><br /> |
|---|
| 59 | UID: <%= term[:uid] %><br /> |
|---|
| 60 | HID: <%= term[:hid] %><br /> |
|---|
| 61 | </div> |
|---|
| 62 | </div> |
|---|
| 63 | |
|---|
| 64 | <ul id="pane_tab_group" class="tab_group"> |
|---|
| 65 | <li id="tab_detail" class="tab tab_close">ステータス</li> |
|---|
| 66 | <li id="tab_source" class="tab tab_close">HTML</li> |
|---|
| 67 | <li id="tab_setting" class="tab tab_close">ケータイ設定</li> |
|---|
| 68 | <li id="tab_about" class="tab tab_close">ssbについて...</li> |
|---|
| 69 | </ul> |
|---|
| 70 | <div class="clear"> </div> |
|---|
| 71 | |
|---|
| 72 | <!-- 詳細情報ペイン --> |
|---|
| 73 | <div id="pane_detail" class="pane pane_close"> |
|---|
| 74 | <!-- http header --> |
|---|
| 75 | <div id="http_header"> |
|---|
| 76 | <pre><%= @request.request_header.inspect %></pre> |
|---|
| 77 | <pre><%= response_header.map{|k,v| "#{k}: #{v}"}.join("\n") %></pre> |
|---|
| 78 | </div> |
|---|
| 79 | </div> |
|---|
| 80 | |
|---|
| 81 | |
|---|
| 82 | <!-- source --> |
|---|
| 83 | <div id="pane_source" class="pane pane_close"> |
|---|
| 84 | <div id="source"> |
|---|
| 85 | <pre><%= source %></pre> |
|---|
| 86 | </div> |
|---|
| 87 | </div> |
|---|
| 88 | |
|---|
| 89 | <!-- bookmark --> |
|---|
| 90 | <div id="pane_bookmark" class="pane pane_close"> |
|---|
| 91 | bookmarks here. |
|---|
| 92 | </div> |
|---|
| 93 | |
|---|
| 94 | <!-- setting --> |
|---|
| 95 | <div id="pane_setting" class="pane pane_close"> |
|---|
| 96 | <form id="term_form" action=""> |
|---|
| 97 | <fieldset class="input_fields"> |
|---|
| 98 | <table> |
|---|
| 99 | <tr><td><p>ホームページ</p></td><td><input id="field_homepage" type="text" size="50" name="homepage" value="<%= term[:homepage] %>"/></td></tr> |
|---|
| 100 | <tr><td><p>メールアドレス</p></td><td><input id="field_mailaddr" type="text" size="50" name="mailaddr" value="<%= term[:mailaddr] %>"/><br /><span class="warning">入力したメールアドレスが正しいか必ず確認してください。アドレスが偶然無関係のユーザのものになると、情報漏洩の可能性があります。</span></td></tr> |
|---|
| 101 | <tr><td><hr /></td><td></td></tr> |
|---|
| 102 | <tr><td><p>User-Agent</p></td><td><input id="field_useragent" type="text" size="50" name="useragent" value="<%= term[:useragent] %>"/></td></tr> |
|---|
| 103 | <tr><td><p>UID</p><td><input id="field_uid" type="text" size="50" name="uid" value="<%= term[:uid] %>" /><br /><span class="warning">入力したUIDが正しいか必ず確認してください。適当に入れると偶然無関係の一般ユーザと認識される可能性があり、危険です。</span></td></tr> |
|---|
| 104 | <tr><td><hr /></td><td></td></tr> |
|---|
| 105 | <tr><td><p>端末ID / HID</p><td><input id="field_hid" type="text" size="50" name="hid" value="<%= term[:hid] %>" /></td></tr> |
|---|
| 106 | <tr><td><p>FOMAカードID</p></td><td><input id="field_icc" type="text" size="50" name="icc" value="<%= term[:icc] %>" /></td></tr> |
|---|
| 107 | <tr><td><hr /></td><td></td></tr> |
|---|
| 108 | <tr><td><p>拡張リクエストヘッダ</p></td><td><textarea id="field_exheader" cols="50" rows="5" name="exheader"><%= term[:exheader] %></textarea></td></tr> |
|---|
| 109 | <tr><td><p>その他設定</p></td><td><input id="field_highlight" type="checkbox" name="highlight" <%= term[:highlight] == 'on' ? 'checked="checked"' : '' %> /><label for="field_highlight">HTMLをハイライト表示する</label></td></tr> |
|---|
| 110 | </table> |
|---|
| 111 | </fieldset> |
|---|
| 112 | |
|---|
| 113 | <fieldset class="control_panel"> |
|---|
| 114 | <input type="submit" name="action" value="save" /> ケータイ設定をcookieに保存する |
|---|
| 115 | <input type="submit" name="action" value="clear" /> cookieを消去して初期設定に戻す |
|---|
| 116 | </fieldset> |
|---|
| 117 | <input type="hidden" name="q" value="<%= @q %>" /> |
|---|
| 118 | </form> |
|---|
| 119 | </div> |
|---|
| 120 | |
|---|
| 121 | <!-- about --> |
|---|
| 122 | <div id="pane_about" class="pane pane_close"> |
|---|
| 123 | <p>Server Side Browser<br /> |
|---|
| 124 | mizoguchi.coji at gmail.com</p> |
|---|
| 125 | </div> |
|---|
| 126 | </div> |
|---|
| 127 | </div> |
|---|
| 128 | </body> |
|---|
| 129 | </html> |
|---|