| <!DOCTYPE html> |
| <html> |
| <head> |
| <link |
| rel="stylesheet" |
| href="https://code.getmdl.io/1.3.0/material.indigo-blue.min.css" |
| type="text/css" |
| /> |
| <link |
| rel="stylesheet" |
| href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" |
| type="text/css" |
| /> |
| <link rel="stylesheet" href="styles.css" type="text/css" /> |
| <style> |
| html { |
| width: 350px; |
| height: 100px; |
| } |
| hr { |
| margin: 0; |
| } |
| </style> |
| </head> |
| |
| <body> |
| <ul class="mdl-list"> |
| <li class="mdl-list__item"> |
| <button |
| id="launchDevToolsButton" |
| class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" |
| > |
| Open DevTools |
| </button> |
| </li> |
| |
| <li class="mdl-list__item"> |
| <span class="mdl-list__item-primary-content"> |
| Open in a: |
| </span> |
| <span class="mdl-list__item-secondary-action"> |
| <form> |
| <fieldset> |
| <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="tabOpt"> |
| <input type="radio" id="tabOption" class="mdl-radio__button" name="devToolsOpener" value="tab" checked> |
| <span class="mdl-radio__label">New tab</span> |
| </label> |
| <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="windowOpt"> |
| <input type="radio" id="windowOption" class="mdl-radio__button" name="devToolsOpener" value="window"> |
| <span class="mdl-radio__label">New window</span> |
| </label> |
| </fieldset> |
| </form> |
| </span> |
| </li> |
| |
| <hr id="appIdDivider"></hr> |
| |
| <li id="appIdContainer" class="mdl-list__item mdl-list__item--two-line"> |
| <span class="mdl-list__item-primary-content"> |
| <button |
| id="copyIdButton" |
| class="mdl-button mdl-js-button mdl-button--accent" |
| > |
| Copy ID |
| </button> |
| <span id="copiedSuccess" class="mdl-list__item-sub-title small-padding hidden">Copied!</span> |
| </span> |
| <span class="mdl-list__item-secondary-content"> |
| <span id="appId"></span> |
| </span> |
| </li> |
| |
| <li class="mdl-list__item mdl-list__item--two-line list-footer"> |
| <span class="mdl-list__item-primary-content"> |
| <!-- Empty to right-align the "file a bug" button. --> |
| </span> |
| <span class="mdl-list__item-secondary-content"> |
| <button |
| id="fileBugButton" |
| class="mdl-button mdl-js-button mdl-button--accent" |
| > |
| File a bug |
| </button> |
| </span> |
| </li> |
| |
| </ul> |
| <div id="loadingSpinner" class="spinner-overlay"> |
| <div class="spinner"></div> |
| </div> |
| <!-- Load script: --> |
| <script src="../popup.dart.js"></script> |
| </body> |
| </html> |
