-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
100 lines (99 loc) · 3.9 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cantarell" rel="stylesheet">
<link href="./css/main.css" rel="stylesheet">
<link rel="stylesheet" href="/css/spinner.css">
<link rel="stylesheet" href="/css/scrollbar.css">
<link rel="stylesheet" href="/css/toggle.css">
<script src="vwo-controller.js"></script>
</head>
<body>
<div id="app">
<div id="info">
<p class="ClickValue-link-title">ClickValue's VWO Chrome extension</p>
<span class="help-btn">?</span>
</div>
<div id="description" style="display:none">
<p>
This chrome extension is build by ClickValue.
ClickValue is an Amsterdam based, data driven, online marketing agency.
The tool makes users able to see active VWO experiments and change test
variations. For more information you can visit www.clickvalue.nl
</p>
<p>This new version uses the VWO API to retrieve active experiments and goals.</p>
<h3>API key</h3>
<p>
To use the API you will first need to create an API token (if you already
have a token for the extension in your VWO main account you don't have to
create a new one and add it directly to the extension). The token will be
used to communicate with the VWO API and retrieve the data that belongs to
account(s) holding the token. We advice you to create 1 token for your main account.
To create a token please follow these steps:
</p>
<ul>
<li>
Visit <a class="dev-token" href="http://app.vwo.com/#/developers/tokens">
http://app.vwo.com/#/developers/tokens</a>.
</li>
<li>Login to the account for which you want to create a token</li>
<li>Press "Add another API token"</li>
<li>Insert a token name and as a permission select browse</li>
<li>Press "Generate"</li>
<li>Copy the token text and add it to the extension</li>
<li>Add a descriptive name to the token</li>
</ul>
<p>You should now be able to see active experiments on pages that belong to
your account.
</p>
</div>
<div id=main-content>
<div class="API-key">
<div class="current-keys">
<label>API keys: <select class="api-key-select"></select></label>
<div>
<img src="/img/plus.svg" class="add-a-key">
<img src="/img/minus.svg" class="remove-a-key">
</div>
</div>
<div class="add-new-key" style="display:none">
<form>
<input class="add-api-key" type="text" placeholder="token"><br>
<input class="api-key-name" type="text" placeholder="name"><br>
<button class="add-api-key-btn">Add</button>
</form>
</div>
</div>
<div class="experiments">
<div class="experiments-header">
<span style="font-weight:bold">Experiments</span>
<span class="sk-folding-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</span>
</div>
<div class="experiments-wrapper">
</div>
</div>
<div class="goals" id="eventsBox">
<div class="goals-header">
<span style="font-weight:bold">Fired goals</span>
<!-- <label class="onoffswitch-label" for="blockqubit"> -->
<img class="garbage-bin" src="img/garbagebin.png" style="display:none">
<span class="sk-folding-cube goals-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</span>
</div>
<div class="goals-wrapper">
</div>
</div>
</div>
</body>
</html>