| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/cr.html"> | 1 <link rel="import" href="chrome://resources/html/cr.html"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele
ctor.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele
ctor.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi
nner.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi
nner.html"> |
| 9 <link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_device_li
st_item.html"> | 9 <link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_device_li
st_item.html"> |
| 10 <link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_dialog_sh
ared_css.html"> | |
| 11 <link rel="import" href="chrome://md-settings/icons.html"> | 10 <link rel="import" href="chrome://md-settings/icons.html"> |
| 12 <link rel="import" href="chrome://md-settings/settings_dialog.html"> | 11 <link rel="import" href="chrome://md-settings/settings_dialog.html"> |
| 13 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> | 12 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> |
| 14 | 13 |
| 15 <dom-module id="bluetooth-device-dialog"> | 14 <dom-module id="bluetooth-device-dialog"> |
| 16 <template> | 15 <template> |
| 17 <style include="settings-shared bluetooth-dialog-shared"></style> | 16 <style include="settings-shared"> |
| 17 #dialogOuterDiv { |
| 18 margin-bottom: 16px; |
| 19 } |
| 20 |
| 21 #dialogHeaderDiv { |
| 22 height: 40px; |
| 23 margin: 0 5px 10px; |
| 24 } |
| 25 |
| 26 #dialogFooterDiv { |
| 27 height: 40px; |
| 28 margin: 0 20px; |
| 29 } |
| 30 |
| 31 #dialogMessage { |
| 32 margin-bottom: 10px; |
| 33 } |
| 34 |
| 35 #dialogTitle { |
| 36 font-size: 125%; |
| 37 margin: 0 10px; |
| 38 } |
| 39 |
| 40 #dialogDeviceList { |
| 41 -webkit-margin-start: 4px; |
| 42 height: 210px; |
| 43 margin-bottom: 20px; |
| 44 overflow-y: auto; |
| 45 } |
| 46 |
| 47 #pairing { |
| 48 margin-bottom: 10px; |
| 49 } |
| 50 |
| 51 #pairing paper-input { |
| 52 text-align: center; |
| 53 } |
| 54 |
| 55 #pinDiv { |
| 56 margin-top: 10px; |
| 57 } |
| 58 |
| 59 iron-selector { |
| 60 width: 100%; |
| 61 } |
| 62 |
| 63 paper-spinner { |
| 64 height: 20px; |
| 65 margin: 0 10px; |
| 66 width: 20px; |
| 67 } |
| 68 |
| 69 /* .display indicates a displayed pin code or passkey. */ |
| 70 span.display { |
| 71 border: 1px solid #ccc; |
| 72 border-radius: 4px; |
| 73 box-shadow: 0 0 0 1px #222; |
| 74 color: #222; |
| 75 font-size: 16px; |
| 76 height: 38px; |
| 77 line-height: 38px; |
| 78 margin: 0 5px; |
| 79 padding: 0 15px; |
| 80 text-align: center; |
| 81 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
| 82 } |
| 83 |
| 84 span.display.next { |
| 85 background: rgb(77, 144, 254); |
| 86 border: 2px solid rgb(77, 144, 254); |
| 87 box-shadow: none; |
| 88 color: #fff; |
| 89 } |
| 90 |
| 91 span.display.untyped { |
| 92 border: 1px solid #d4d4d4; |
| 93 box-shadow: 0 0 0 1px #888; |
| 94 color: #666; |
| 95 } |
| 96 |
| 97 /* .confirm indicates a confirmation passkey. */ |
| 98 span.confirm { |
| 99 color: #999; |
| 100 font-size: 20px; |
| 101 font-weight: 600; /* semibold */ |
| 102 margin: 0 20px; |
| 103 } |
| 104 </style> |
| 18 <settings-dialog id="dialog" class="layout vertical"> | 105 <settings-dialog id="dialog" class="layout vertical"> |
| 19 <!-- TODO(dbeam): use .title instead. --> | 106 <!-- TODO(dbeam): use .title instead. --> |
| 20 <div class="body"> | 107 <div class="body"> |
| 21 <template is="dom-if" if="[[isDialogType_(dialogType, 'addDevice')]]"> | 108 <template is="dom-if" if="[[isDialogType_(dialogType, 'addDevice')]]"> |
| 22 <div id="dialogHeaderDiv" class="settings-box layout horizontal"> | 109 <div id="dialogHeaderDiv" class="settings-box layout horizontal"> |
| 23 <span id="dialogTitle" class="flex"> | 110 <span id="dialogTitle" class="flex"> |
| 24 $i18n{bluetoothAddDevicePageTitle} | 111 $i18n{bluetoothAddDevicePageTitle} |
| 25 </span> | 112 </span> |
| 26 <paper-icon-button icon="close" on-tap="onAddCancelTap_" | 113 <paper-icon-button icon="close" on-tap="onAddCancelTap_" |
| 27 id="closeAdd"> | 114 id="closeAdd"> |
| (...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 105 <paper-button on-tap="onPairCancelTap_" | 192 <paper-button on-tap="onPairCancelTap_" |
| 106 hidden$="[[showDismiss_(pairingDevice, pairingEvent)]]"> | 193 hidden$="[[showDismiss_(pairingDevice, pairingEvent)]]"> |
| 107 $i18n{cancel} | 194 $i18n{cancel} |
| 108 </paper-button> | 195 </paper-button> |
| 109 </template> | 196 </template> |
| 110 </div> | 197 </div> |
| 111 </settings-dialog> | 198 </settings-dialog> |
| 112 </template> | 199 </template> |
| 113 <script src="chrome://md-settings/bluetooth_page/bluetooth_device_dialog.js"><
/script> | 200 <script src="chrome://md-settings/bluetooth_page/bluetooth_device_dialog.js"><
/script> |
| 114 </dom-module> | 201 </dom-module> |
| OLD | NEW |