components/proximity_auth/webui/resources/local-state.html - Issue 1108713002: Add chrome://proximity-auth UI implemented with Polymer.

Side by Side Diff: components/proximity_auth/webui/resources/local-state.html

Issue 1108713002: Add chrome://proximity-auth UI implemented with Polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: use hidden?= Created 5 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

OLD	NEW
(Empty)
	1 <link href="chrome://resources/polymer/polymer/polymer.html" rel="import">

	2 <link href="chrome://resources/polymer/paper-shadow/paper-shadow.html" rel="impo rt">

	3 <link href="chrome://resources/polymer/paper-button/paper-button.html" rel="impo rt">

	4 <link href="chrome://resources/polymer/paper-icon-button/paper-icon-button.html" rel="import">

	5 <link href="chrome://resources/polymer/core-icon/core-icon.html" rel="import">

	6 <link href="chrome://resources/polymer/core-icons/notification-icons.html" rel=" import">

	7 <link rel="import" href="device-list.html">

	8

	9 <polymer-element name="local-state" layout vertical>

	10 <template>

	11 <style>

	12 paper-shadow {

	13 background-color: white;

	14 }

	15

	16 #card-row {

	17 margin-top: 22px;

	18 }

	19

	20 #enrollment-card {

	21 margin-right: 30px;

	22 }

	23

	24 .card-content {

	25 margin: 24px 16px 0px 16px;

	26 }

	27

	28 .card-title {

	29 font-size: 20px;

	30 }

	31

	32 .card-subtitle {

	33 color: #767676;

	34 font-size: 14px;

	35 margin-bottom: 16px;

	36 }

	37

	38 paper-button {

	39 margin: 8px;

	40 }

	41

	42 .card-icon {

	43 color: green;

	44 height: 90px;

	45 margin: 16px 16px 0 0;

	46 width: 90px;

	47 }

	48

	49 .next-sync-icon {

	50 color: green;

	51 margin-right: 4px;

	52 }

	53

	54 .error-icon {

	55 color: orange;

	56 }

	57 </style>

	58

	59 <div id="card-row" layout horizontal>

	60

	61 <!-- CryptAuth Enrollment Info Card -->

	62 <paper-shadow id="enrollment-card" layout vertical flex>

	63 <div layout horizontal>

	64 <div class="card-content" flex layout vertical>

	65 <div class="card-title">Enrollment</div>

	66 <div class="card-subtitle">

	67 {{ enrollmentInfo.lastSuccessTime \|\| "Never enrolled" }}

	68 </div>

	69 <div class layout horizontal center flex>

	70 <core-icon class="next-sync-icon error-icon" icon="schedule">

	71 </core-icon>

	72 {{enrollmentInfo.nextRefreshTime}} to refresh

	73 </div>

	74 </div>

	75 <core-icon

	76 class="card-icon {{

	77 enrollmentInfo.lastAttemptFailed ? 'error-icon' : ''

	78 }}"

	79 icon="{{

	80 enrollmentInfo.lastAttemptFailed ? 'error' : 'cloud-done'

	81 }}">

	82 </core-icon>

	83 </div>

	84 <paper-button self-start>Force Enroll</paper-button>

	85 </paper-shadow>

	86

	87 <!-- Device Sync Info Card -->

	88 <paper-shadow id="device-card" layout vertical flex>

	89 <div layout horizontal flex>

	90 <div class="card-content" flex layout vertical>

	91 <div class="card-title">Device Sync</div>

	92 <div class="card-subtitle">

	93 {{ deviceSyncInfo.lastSuccessTime \|\| "Never synced" }}

	94 </div>

	95 <div class layout horizontal center flex>

	96 <core-icon class="next-sync-icon" icon="schedule"></core-icon>

	97 {{ deviceSyncInfo.nextRefreshTime }} to refresh

	98 </div>

	99 </div>

	100 <core-icon

	101 class="card-icon {{

	102 { 'error-icon': deviceSyncInfo.lastAttemptFailed } \| tokenList

	103 }}"

	104 icon="{{

	105 deviceSyncInfo.lastAttemptFailed ? 'error' : 'cloud-done'

	106 }}">

	107 </core-icon>

	108 </div>

	109 <paper-button self-start>Force Sync</paper-button>

	110 </paper-shadow>

	111 </div>

	112

	113 <device-list label="Unlock Keys" devices="{{unlockKeys}}"></device-list>

	114 </template>

	115 <script src="local-state.js"></script>

	116 </polymer-element>

OLD	NEW