src/chrome/browser/resources/local_discovery/local_discovery.html

   1 <!DOCTYPE HTML>
   2 <html i18n-values="dir:textdirection">
   3 <head>
   4   <meta charset="utf-8">
   5   <title i18n-content="devicesTitle"></title>
   6   <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
   7   <link rel="stylesheet" href="chrome://resources/css/overlay.css">
   8   <link rel="stylesheet" href="chrome://resources/css/spinner.css">
   9   <link rel="stylesheet" href="local_discovery.css">
  10
  11   <script src="chrome://resources/js/action_link.js"></script>
  12   <script src="chrome://resources/js/cr.js"></script>
  13   <script src="chrome://resources/js/util.js"></script>
  14   <script src="chrome://resources/js/load_time_data.js"></script>
  15   <script src="chrome://resources/js/cr/ui/overlay.js"></script>
  16   <script src="chrome://resources/js/cr/ui/focus_manager.js"></script>
  17   <script src="local_discovery.js"></script>
  18   <script src="strings.js"></script>
  19 </head>
  20 <body class="uber-frame"
  21       i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  22   <div class="page" id="main-page">
  23     <div class="overlay" id="overlay" hidden>
  24       <div id="register-overlay" class="page">
  25         <div class="close-button"></div>
  26         <div id="register-page-confirm" class="register-page">
  27           <h1 i18n-content="confirmRegistration"></h1>
  28           <div class="dialog-contents">
  29             <div id="register-message">
  30             </div>
  31
  32             <div class="button-list">
  33               <div id="register-overlay-login-promo"
  34                    class="inline-login-promo"
  35                    hidden>
  36                 <span i18n-content="registerNeedLogin"></span>
  37                 <a is="action-link" id="register-overlay-login-button"
  38                     i18n-content="cloudDevicesLogin"></a>
  39               </div>
  40               <button class="register-cancel" i18n-content="cancel"></button>
  41               <button id="register-continue-button"
  42                       i18n-content="serviceRegister">
  43               </button>
  44           </div>
  45           </div>
  46         </div>
  47
  48         <div id="register-printer-page-adding1" class="register-page">
  49           <h1 i18n-content="addingPrinter"></h1>
  50           <div class="dialog-contents">
  51             <div i18n-content="addingPrinterMessage1"></div>
  52             <div class="button-list">
  53               <button class="register-cancel" i18n-content="cancel"></button>
  54             </div>
  55           </div>
  56         </div>
  57
  58         <div id="register-printer-page-adding2" class="register-page">
  59           <h1 i18n-content="addingPrinter"></h1>
  60           <div class="dialog-contents">
  61             <div class="inline-spinner"> </div>
  62             <span i18n-content="addingPrinterMessage2"></span>
  63             <div class="button-list">
  64               <button class="register-cancel" i18n-content="cancel"></button>
  65             </div>
  66           </div>
  67         </div>
  68
  69         <div id="register-device-page-adding1" class="register-page">
  70           <h1 i18n-content="addingDevice"></h1>
  71           <div class="dialog-contents">
  72             <div i18n-content="addingDeviceMessage1"></div>
  73             <div class="button-list">
  74               <button class="register-cancel" i18n-content="cancel"></button>
  75             </div>
  76           </div>
  77         </div>
  78
  79         <div id="register-device-page-adding2" class="register-page">
  80           <h1 i18n-content="addingDevice"></h1>
  81           <div class="dialog-contents">
  82             <div i18n-content="addingDeviceConfirmCodeMessage"></div>
  83             <h1 id="register-device-page-code"></h1>
  84             <div class="button-list">
  85               <button class="register-cancel" i18n-content="cancel"></button>
  86               <button class="confirm-code" i18n-content="confirmCode"></button>
  87             </div>
  88           </div>
  89         </div>
  90
  91         <div id="register-page-error" class="register-page">
  92           <h1 i18n-content="addingError"></h1>
  93           <div class="dialog-contents">
  94             <div i18n-content="addingErrorMessage" id="error-message"></div>
  95             <div class="button-list">
  96               <button id="register-error-exit" i18n-content="ok"></button>
  97             </div>
  98           </div>
  99         </div>
 100       </div>
 101     </div>
 102
 103     <header>
 104       <a is="action-link" id="back-link" hidden>
 105         <span i18n-content="backButton"></span>
 106       </a>
 107       <h1 i18n-content="devicesTitle"></h1>
 108     </header>
 109
 110     <div class="controls" id="printers">
 111       <h2 i18n-content="availableDevicesTitle"></h2>
 112
 113       <div id="register-login-promo" class="login-promo cloud-print-message"
 114            hidden>
 115         <span i18n-content="registerNeedLogin"></span>
 116         <a is="action-link" id="register-login-link"
 117             i18n-content="cloudDevicesLogin"></a>
 118       </div>
 119       <div id="no-printers-message"
 120            class="cloud-print-message"
 121            i18n-content="noPrintersOnNetworkExplanation">
 122       </div>
 123
 124       <div class="devices" id="register-device-list"></div>
 125
 126       <if expr="not chromeos">
 127         <section id="cloud-print-connector-section">
 128           <h2 i18n-content="titleConnector"></h2>
 129           <div>
 130             <p id="cloudPrintConnectorLabel" class="settings-row"></p>
 131
 132           <div class="settings-row">
 133             <button id="cloudPrintConnectorSetupButton"></button>
 134           </div>
 135         </div>
 136         </section>
 137       </if>
 138     </div>
 139
 140     <div id="my-devices-container">
 141     <h2 i18n-content="myDevicesTitle"></h2>
 142     <div id="cloud-devices-loading" class="cloud-print-message" hidden>
 143       <div class="inline-spinner"> </div> <span i18n-content="loading"></span>
 144     </div>
 145     <div id="cloud-devices-login-promo" class="login-promo cloud-print-message"
 146          hidden>
 147       <span i18n-content="cloudDevicesNeedLogin"></span>
 148       <a is="action-link" id="cloud-devices-login-link"
 149           i18n-content="cloudDevicesLogin"></a>
 150     </div>
 151     <div id="cloud-devices-unavailable"
 152          class="cloud-print-message" hidden>
 153       <span i18n-content="cloudDevicesUnavailable"></span>
 154       <a is="action-link" role="button" id="cloud-devices-retry-link"
 155           i18n-content="retryLoadCloudDevices"></a>
 156     </div>
 157     <div id="cloud-devices">
 158
 159     </div>
 160     </div>
 161   </div>
 162
 163   <script src="chrome://resources/js/i18n_template2.js"></script>
 164   <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 165 </body>
 166 </html>