src/allmydata/web/welcome.xhtml

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
   2       Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html lang="en" xmlns:n="http://nevow.com/ns/nevow/0.1">
   4   <head>
   5     <meta charset="utf-8"/>
   6     <title>Tahoe-LAFS - Welcome</title>
   7     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   8     <meta name="description" content="Tahoe-LAFS is a free and open distributed storage system"/>
   9     <meta name="author" content="Tahoe-LAFS"/>
  10
  11     <!-- Le styles -->
  12     <link href="/css/bootstrap.css" rel="stylesheet"/>
  13     <link href="/css/new-tahoe.css" rel="stylesheet"/>
  14
  15     <!-- Le fav and touch icons -->
  16     <link rel="shortcut icon" href="/icon.png" />
  17   </head>
  18
  19   <body>
  20
  21     <div class="navbar navbar-fixed-top">
  22       <div class="navbar-inner">
  23         <div class="container-fluid">
  24           <a class="brand" href="/"><img src="/img/logo.png" alt="Tahoe-LAFS"/></a>
  25           <table class="node-info pull-right">
  26             <tr>
  27               <th>Nickname:</th>
  28               <td n:render="data" n:data="my_nickname" />
  29             </tr>
  30             <tr>
  31               <th>Node ID:</th>
  32               <td n:render="my_nodeid" />
  33             </tr>
  34           </table>
  35         </div>
  36       </div>
  37     </div>
  38
  39     <div class="container-fluid">
  40       <div class="row-fluid">
  41         <div class="span3">
  42           <div class="well sidebar-nav nav">
  43              <div class="nav-header">Open Tahoe-URI:</div>
  44              <div class="nav-form">
  45                <form action="uri" method="get" enctype="multipart/form-data">
  46                  <input type="text" name="uri" />
  47                  <p><input type="submit" class="btn" value="View File or Directory &#187;" /></p>
  48                </form>
  49             </div>
  50             <hr/>
  51
  52             <div class="nav-header">Download Tahoe-URI:</div>
  53             <div class="nav-form">
  54               <form action="uri" method="get" enctype="multipart/form-data">
  55                 <label for="download-uri">
  56                   URI
  57                   <input type="text" name="uri" />
  58                 </label>
  59                 <label for="download-filename">
  60                   Filename
  61                   <input type="text" name="filename" />
  62                 </label>
  63                 <input type="hidden" name="save" value="true"/>
  64                 <p><input type="submit" class="btn" value="Download File &#187;" /></p>
  65               </form>
  66             </div>
  67             <hr/>
  68
  69             <div class="nav-header">Upload File</div>
  70             <div class="nav-form">
  71               <form action="uri" method="post" enctype="multipart/form-data">
  72                 <input type="file" class="freeform-input-file" name="file" />
  73                 <input type="hidden" name="t" value="upload" />
  74
  75                 <label for="upload-chk" class="radio">
  76                   <input type="radio" checked="checked" id="upload-chk" value="chk" name="format" />
  77                   Immutable
  78                 </label>
  79
  80                 <label for="upload-sdmf" class="radio">
  81                   <input type="radio" id="upload-sdmf" value="sdmf" name="format" />
  82                   <acronym title="Small Distributed Mutable File">SDMF</acronym>
  83                 </label>
  84
  85                 <label for="upload-mdmf" class="radio">
  86                   <input type="radio" id="upload-mdmf" value="mdmf" name="format" />
  87                   <acronym title="Medium Distributed Mutable File">MDMF</acronym> (experimental)
  88                 </label>
  89
  90                 <p><input type="submit" class="btn" value="Upload File &#187;" /></p>
  91               </form>
  92             </div>
  93             <hr/>
  94
  95             <div class="nav-header">Create Directory</div>
  96             <div class="nav-form">
  97               <form action="uri" method="post" enctype="multipart/form-data">
  98                 <label for="mkdir-sdmf" class="radio">
  99                   <input type="radio" checked="checked" id="mkdir-sdmf" value="sdmf" name="format" />
 100                   <acronym title="Small Distributed Mutable File">SDMF</acronym>
 101                 </label>
 102
 103                 <label for="mkdir-mdmf" class="radio">
 104                   <input type="radio" id="mkdir-mdmf" value="mdmf" name="format" />
 105                   <acronym title="Medium Distributed Mutable File">MDMF</acronym> (experimental)
 106                 </label>
 107
 108                 <input type="hidden" name="t" value="mkdir" />
 109                 <input type="hidden" name="redirect_to_result" value="true" />
 110                 <input type="submit" class="btn" value="Create a directory &#187;" />
 111               </form>
 112             </div>
 113
 114           </div><!--/.well -->
 115           <div class="well sidebar-nav">
 116             <div class="nav-header">
 117               <ul class="nav nav-list">
 118                 <li class="nav-header">Tools</li>
 119                 <li><a href="status">Recent and Active Operations</a></li>
 120                 <li><a href="statistics">Operational Statistics</a></li>
 121               </ul>
 122             </div>
 123             <hr/>
 124             <div class="nav-header">
 125               <ul class="nav nav-list">
 126                 <li class="nav-header">Save incident report</li>
 127                 <li><div n:render="incident_button" /></li>
 128               </ul>
 129             </div>
 130           </div><!--/.well -->
 131         </div><!--/span-->
 132         <div class="span9">
 133           <div style="margin-bottom: 16px">
 134             <h1 style="font-size: 48px">Grid Status</h1>
 135           </div>
 136           <div class="grid-status">
 137             <div class="row-fluid">
 138               <div class="span6">
 139                 <div>
 140                   <h3>
 141                     <div class="status-indicator"><img><n:attr name="src">img/connected-<n:invisible n:render="string" n:data="connected_to_introducer" />.png</n:attr><n:attr name="alt"><n:invisible n:render="string" n:data="connected_to_introducer_alt" /></n:attr></img></div>
 142                     <div n:render="string" n:data="introducer_description" />
 143                   </h3>
 144                   <div class="furl" n:render="string" n:data="introducer_furl_prefix" />
 145                 </div>
 146                 <div>
 147                   <h3>
 148                     <div class="status-indicator"><img><n:attr name="src">img/connected-<n:invisible n:render="string" n:data="connected_to_helper" />.png</n:attr><n:attr name="alt"><n:invisible n:render="string" n:data="connected_to_helper_alt" /></n:attr></img></div>
 149                     <div n:render="string" n:data="helper_description" />
 150                   </h3>
 151                   <div class="furl" n:render="string" n:data="helper_furl_prefix" />
 152                 </div>
 153               </div><!--/span-->
 154               <div class="span6">
 155                 <div class="span4 services">
 156                   <h3>Services</h3>
 157                   <div n:render="services" />
 158                 </div><!--/span-->
 159               </div><!--/span-->
 160             </div><!--/row-->
 161           </div>
 162           <div class="row-fluid">
 163             <h2>
 164               Connected to <span n:render="string" n:data="connected_storage_servers" />
 165               of <span n:render="string" n:data="known_storage_servers" /> known storage servers
 166             </h2>
 167           </div><!--/row-->
 168           <table class="table table-striped table-bordered peer-status" n:render="sequence" n:data="services">
 169             <thead>
 170               <tr n:pattern="header">
 171                 <td><h3>Nickname</h3></td>
 172                 <td><h3>Address</h3></td>
 173                 <td><h3>Last&nbsp;RX</h3></td>
 174                 <td><h3>Version</h3></td>
 175                 <td><h3>Available</h3></td>
 176               </tr>
 177             </thead>
 178             <tr n:pattern="item" n:render="service_row">
 179               <td class="nickname-and-peerid">
 180                 <div class="status-indicator"><img><n:attr name="src">img/connected-<n:slot name="service_connection_status" />.png</n:attr><n:attr name="alt"><n:slot name="service_connection_status_alt" /></n:attr></img></div>
 181                 <a class="timestamp"><n:attr name="title"><n:slot name="service_connection_status_abs_time"/></n:attr><n:slot name="service_connection_status_rel_time"/></a>
 182                 <div class="nickname"><n:slot name="nickname"/></div>
 183                 <div class="nodeid"><n:slot name="peerid"/></div>
 184               </td>
 185               <td class="address"><n:slot name="address"/></td>
 186               <td class="service-last-received-data"><a class="timestamp"><n:attr name="title"><n:slot name="last_received_data_abs_time"/></n:attr><n:slot name="last_received_data_rel_time"/></a></td>
 187               <td class="service-version"><n:slot name="version"/></td>
 188               <td class="service-available-space"><n:slot name="available_space"/></td>
 189             </tr>
 190             <tr n:pattern="empty"><td colspan="5">You are not presently connected to any peers</td></tr>
 191           </table>
 192         </div><!--/span-->
 193       </div><!--/row-->
 194
 195       <hr/>
 196
 197       <footer>
 198         <p>&#169; <a href="https://tahoe-lafs.org/">Tahoe-LAFS Software Foundation 2013</a></p>
 199         <p class="minutia">Page rendered at <span n:render="data" n:data="rendered_at" /></p>
 200         <p class="minutia" n:render="string" n:data="version"></p>
 201         <p class="minutia">Tahoe-LAFS code imported from: <span n:render="data" n:data="import_path" /></p>
 202       </footer>
 203
 204     </div><!--/.fluid-container-->
 205   </body>
 206 </html>