-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsync.html
More file actions
107 lines (99 loc) · 6.11 KB
/
sync.html
File metadata and controls
107 lines (99 loc) · 6.11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Authenticator</title>
<link rel="stylesheet" href="./css/cloudphone.css" type="text/css" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/x-icon" sizes="16x16" href="/favicon.ico" />
<link rel="manifest" href="/site.webmanifest" />
</head>
<body>
<div id="splash-screen">
<img src="/favicon.png" alt="icon" loading="eager" draggable="false" />
</div>
<div class="tab-bar">
<div class="tab" data-tab="pin" tabindex="0">
<svg><use href="#password"/></svg>
</div>
<div class="tab active" data-tab="accounts" tabindex="0">
<svg><use href="#list"/></svg>
</div>
</div>
<div class="tab-content">
<div class="tab-panel" data-panel="pin">
<label for="pinInput">PIN</label>
<input
type="number"
id="pinInput"
placeholder="____"
inputmode="numeric"
pattern="[0-9]*"
/>
<button id="addAccountBtn" type="button" class="btn-primary" disabled aria-disabled="true">Add account</button>
<div id="message" class="message"></div>
</div>
<div class="tab-panel active" data-panel="accounts">
<div id="accountsList" class="accounts-list"></div>
</div>
</div>
<div class="context-menu hidden"></div>
<div class="softkey-bar">
<div class="softkey-left" id="softkey-left">
<svg><use href="#menu"/></svg>
</div>
<div class="softkey-center" id="softkey-center"></div>
<div class="softkey-right" id="softkey-right">
<svg><use href="#back"/></svg>
</div>
</div>
<template id="account-item-template">
<div class="account-item" tabindex="0">
<div class="account-header">
<div>
<div class="account-name"></div>
<div class="account-issuer"></div>
</div>
</div>
<div class="code-display"></div>
<div class="timer-bar">
<div class="timer-fill"></div>
</div>
</div>
</template>
<script type="text/javascript" src="./js/cloudphone.js"></script>
<!-- Icons -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="svg-icons">
<symbol id="list" viewBox="0 0 16 16">
<path d="M7.33333 4.66667H11.3333V6H7.33333V4.66667ZM7.33333 7.33333H11.3333V8.66667H7.33333V7.33333ZM7.33333 10H11.3333V11.3333H7.33333V10ZM4.66667 4.66667H6V6H4.66667V4.66667ZM4.66667 7.33333H6V8.66667H4.66667V7.33333ZM4.66667 10H6V11.3333H4.66667V10ZM13.4 2H2.6C2.26667 2 2 2.26667 2 2.6V13.4C2 13.6667 2.26667 14 2.6 14H13.4C13.6667 14 14 13.6667 14 13.4V2.6C14 2.26667 13.6667 2 13.4 2ZM12.6667 12.6667H3.33333V3.33333H12.6667V12.6667Z" fill="currentColor"/>
</symbol>
<symbol id="password" viewBox="0 0 16 16">
<path d="M1.33329 10.6667H14.6666V12H1.33329V10.6667ZM2.09996 7.96667L2.66663 6.98L3.23329 7.96667L4.09996 7.46667L3.53329 6.48H4.66663V5.48H3.53329L4.09996 4.5L3.23329 4L2.66663 4.98L2.09996 4L1.23329 4.5L1.79996 5.48H0.666626V6.48H1.79996L1.23329 7.46667L2.09996 7.96667ZM6.56663 7.46667L7.43329 7.96667L7.99996 6.98L8.56663 7.96667L9.43329 7.46667L8.86663 6.48H9.99996V5.48H8.86663L9.43329 4.5L8.56663 4L7.99996 4.98L7.43329 4L6.56663 4.5L7.13329 5.48H5.99996V6.48H7.13329L6.56663 7.46667ZM15.3333 5.48H14.2L14.7666 4.5L13.9 4L13.3333 4.98L12.7666 4L11.9 4.5L12.4666 5.48H11.3333V6.48H12.4666L11.9 7.46667L12.7666 7.96667L13.3333 6.98L13.9 7.96667L14.7666 7.46667L14.2 6.48H15.3333V5.48Z" fill="currentColor"/>
</symbol>
<symbol id="back" viewBox="0 0 16 16">
<path d="M6.00004 12.6667L6.94004 11.7267L3.88671 8.66667H14.6667V7.33334H3.88671L6.94671 4.27334L6.00004 3.33334L1.33337 8L6.00004 12.6667Z" fill="currentColor"/>
</symbol>
<symbol id="circle" viewBox="0 0 16 16">
<path d="M7.99996 4C10.2066 4 12 5.79333 12 8C12 10.2067 10.2066 12 7.99996 12C5.79329 12 3.99996 10.2067 3.99996 8C3.99996 5.79333 5.79329 4 7.99996 4ZM7.99996 2.66666C5.05329 2.66666 2.66663 5.05333 2.66663 8C2.66663 10.9467 5.05329 13.3333 7.99996 13.3333C10.9466 13.3333 13.3333 10.9467 13.3333 8C13.3333 5.05333 10.9466 2.66666 7.99996 2.66666Z" fill="currentColor"/>
</symbol>
<symbol id="menu" viewBox="0 0 16 16">
<path d="M2 12H14V10.6667H2V12ZM2 8.66667H14V7.33333H2V8.66667ZM2 4V5.33333H14V4H2Z" fill="currentColor"/>
</symbol>
<symbol id="description" viewBox="0 0 16 16">
<path d="M9.33329 1.33333H3.99996C3.26663 1.33333 2.67329 1.93333 2.67329 2.66666L2.66663 13.3333C2.66663 14.0667 3.25996 14.6667 3.99329 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.33333L9.33329 1.33333ZM10.6666 12H5.33329V10.6667H10.6666V12ZM10.6666 9.33333H5.33329V7.99999H10.6666V9.33333ZM8.66663 5.99999V2.33333L12.3333 5.99999H8.66663Z" fill="currentColor"/>
</symbol>
<symbol id="info-filled" viewBox="0 0 16 16">
<path d="M8.00004 1.33333C4.32004 1.33333 1.33337 4.31999 1.33337 7.99999C1.33337 11.68 4.32004 14.6667 8.00004 14.6667C11.68 14.6667 14.6667 11.68 14.6667 7.99999C14.6667 4.31999 11.68 1.33333 8.00004 1.33333ZM8.66671 11.3333H7.33337V7.33333H8.66671V11.3333ZM8.66671 5.99999H7.33337V4.66666H8.66671V5.99999Z" fill="currentColor"/>
</symbol>
<symbol id="privacy" viewBox="0 0 16 16">
<path d="M8 0.666672L2 3.33334V7.33334C2 11.0333 4.56 14.4933 8 15.3333C11.44 14.4933 14 11.0333 14 7.33334V3.33334L8 0.666672ZM7.33333 4.66667H8.66667V6.00001H7.33333V4.66667ZM7.33333 7.33334H8.66667V11.3333H7.33333V7.33334Z" fill="currentColor"/>
</symbol>
<symbol id="delete" viewBox="0 0 16 16">
<path d="M4 12.6667C4 13.4 4.6 14 5.33333 14H10.6667C11.4 14 12 13.4 12 12.6667V4.66667H4V12.6667ZM12.6667 2.66667H10.3333L9.66667 2H6.33333L5.66667 2.66667H3.33333V4H12.6667V2.66667Z" fill="currentColor"/>
</symbol>
</svg>
</body>
</html>