This repository has been archived by the owner on Nov 3, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
home.html
111 lines (94 loc) · 3.81 KB
/
home.html
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
108
109
110
<!doctype html>
<!--
This page is shown when the extension button is clicked, because the
"browser_action" field in manifest.json contains the "default_popup" key with
value "popup.html".
-->
<html>
<head>
<title>Branch Link Creator Extension</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="home.css">
</head>
<body>
<div class="title">
<img class="logo" src="branch_logo.png" />
<p class="logo-description" >Link Creator</p>
</div>
<div class="highlight">
<div id="status-text" class="text-center status-text" ></div>
<div class="key-screen">
<input id="branch-key-input" type="key" class="form-control" placeholder="Place your public Branch key (key_live...)">
<div id="error-text" class="text-right error"></div>
</div>
<div class="link-screen">
<div id="link-text" class="link left-column" ></div>
<div class="text-right actions right-column">
<!-- Trigger -->
<button id="edit-button" class="btn-lg btn-secondary" data-clipboard-text="https://branch.io">
</button>
<button id="copy-button" class="btn-lg" data-clipboard-text="https://branch.io">
</button>
</div>
<div id="copy-text" class="text-right">Copied to Clipboard</div>
</div>
<div class="edit-screen">
<div id="domain-text" class="link text-right left-column" >branch.app.link/</div>
<div class="text-right right-column">
<input id="alias-input" type="key" class="form-control" placeholder="TivYNGu">
</div>
<div id="error-text" class="text-right error"></div>
</div>
</div>
<div class="key-screen">
<div id="key-text" class="info text-right">Retrieve your Branch Key from <a href="https://dashboard.branch.io/settings" target="_blank">Settings</a>.</div>
<div class="text-right buttons">
<button id="save-button" class="btn-lg" data-clipboard-text="https://branch.io">
Save Key
</button>
</div>
</div>
<div class="link-screen">
<div class="text-left links left-column">
<span id="change-text" class="change-text">Change Key</span> | <span id="help-text" class="change-text"><a href="https://dev.branch.io/getting-started/creating-links/chrome-extension/" target="_blank">Help</a></span>
</div>
<div class="text-right buttons right-column">
<a href="https://dashboard.branch.io/marketing" target="_blank" class="btn-lg btn-secondary">
Dashboard
</a>
</div>
</div>
<div class="edit-screen">
<div class="analytics-tags">
<div class="left-column">
<input id="channel-input" type="key" class="form-control" placeholder="channel">
</div>
<div class="right-column">
<input id="campaign-input" type="key" class="form-control" placeholder="campaign">
</div>
</div>
<input id="tags-input" type="key" class="form-control" placeholder="tags (separated by spaces)">
<div class="custom-checkbox">
<input type="checkbox" id="web-only-input">
<label for="web-only-input">
<div class="web-only">
Web-only link
<div class="info">
Always redirect to web, even if the app is installed.
</div>
</div>
</label>
</div>
<div class="text-right buttons">
<button id="edit-cancel-button" class="btn-lg btn-secondary" data-clipboard-text="https://branch.io">
Cancel
</button>
<button id="edit-save-button" class="btn-lg" data-clipboard-text="https://branch.io">
Save
</button>
</div>
</div>
<script src="clipboard.min.js"></script>
<script src="home.js"></script>
</body>
</html>