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