-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
159 lines (157 loc) · 4.89 KB
/
popup.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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>Getting Started Extension's Popup</title>
<style>
body {
font-family: "Kelson Sans Regular";
font-size: 100%;
height: 280px;
width: 650px;
}
#wrapper{
height: 280px;
width: 650px;
background-color: red;
padding: 5px;
position: absolute;
}
.label{
color: white;
}
#wrapper table{
width: 100%;
/*height: 100%;*/
}
#wrapper table tr{
margin: auto;
}
.pickmeup{
position: absolute !important;
left:50% !important;
top:50% !important;
width: 240px;
height: 221px;
margin-left: -110px;
margin-top: -120px;
}
.only_one_hide{
display: none;
}
#get_report{
margin: 0 auto;
display: block;
}
.chosen-container {
width: 100% !important;
}
.hidden{
display: none;
}
#get_report{
border-radius: 5px;
padding: 10px;
background-color: white;
color: red;
text-decoration:none;
border:none;
cursor: pointer;
font-family: "Kelson Sans Regular";
position: absolute;
bottom: 15px;
left: 50%;
width: 100px;
margin-left: -50px;
}
</style>
<!--
- JavaScript and HTML must be in separate files: see our Content Security
- Policy documentation[1] for details and explanation.
-
- [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
-->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/jquery.pickmeup.min.js"></script>
<link href="css/pickmeup.css" rel="stylesheet">
<script src="js/chosen.jquery.min.js"></script>
<link href="css/chosen.min.css" rel="stylesheet">
<script src="js/popup.js"></script>
</head>
<body>
<div id="wrapper">
<table>
<tr>
<td class="label">User id: </td>
<td><input id="user_id" name="user_id" type="text" /></td>
<td class="label">Access token: </td>
<td><input id="access_token" name="access_token" type="text" /></td>
</tr>
<tr>
<td class="label">Start Date: </td>
<td><input id="start_date" name="start_date" type="text" /></td>
<td class="label">Stop Date: </td>
<td><input id="stop_date" name="stop_date" type="text" /></td>
</tr>
<tr>
<td class="label">Dimensions: </td>
<td colspan="3">
<select id="dimensions" class="chosen-select" multiple style="width:100%">
<option value="DATE" selected="selected">Date</option>
<option value="AD_UNIT_ID" selected="selected">Ad Unit ID</option>
<option value="AD_UNIT_NAME" selected="selected">Ad Unit Name</option>
<option value="BID_TYPE_CODE">Payment model</option> <!-->CPC/CPM</-->
<option value="COUNTRY_CODE">Country code</option>
<option value="COUNTRY_NAME">Country name</option>
<option value="APP_ID">Bundle id</option>
</select>
</td>
</tr>
<tr>
<td class="label">Metrics: </td>
<td colspan="3">
<select id="metrics" class="chosen-select" multiple style="width:100%">
<option value="AD_REQUESTS" selected="selected">Requests</option>
<option value="MATCHED_AD_REQUESTS" selected="selected">Fills</option>
<option value="AD_REQUESTS_COVERAGE" selected="selected">Fillrate</option>
<option value="INDIVIDUAL_AD_IMPRESSIONS" selected="selected">Impressions</option>
<option value="CLICKS" selected="selected">Clicks</option>
<option value="EARNINGS" selected="selected">Revenue</option>
<option value="AD_REQUESTS_CTR">CTR</option>
</select>
</td>
</tr>
<tr>
<td class="label">Filters: </td>
<td colspan="3">
<select id="filters" class="chosen-select" multiple style="width:100%">
<option value="AD_UNIT_ID">Ad Unit ID</option>
<option value="COUNTRY_CODE">Country code</option>
<option value="COUNTRY_NAME">Country name</option>
<option value="APP_ID">Bundle id</option>
</select>
</td>
</tr>
<tr>
<td class="label hidden APP_ID">Bundle IDs: </td>
<td><input id="APP_ID" name="bundle_ids" placeholder="comma separated list" type="text" class="hidden APP_ID"/></td>
<td class="label hidden COUNTRY_NAME">Country Names: </td>
<td><input id="COUNTRY_NAME" name="country_name" placeholder="comma separated list" type="text" class="hidden COUNTRY_NAME"/></td>
</tr>
<tr>
<td class="label hidden COUNTRY_CODE">Country codes: </td>
<td><input id="COUNTRY_CODE" name="country_code" placeholder="comma separated list" type="text" class="hidden COUNTRY_CODE"/></td>
<td class="label hidden AD_UNIT_ID">Ad Units IDs: </td>
<td><input id="AD_UNIT_ID" name="ad_unit_ids" placeholder="comma separated list" type="text" class="hidden AD_UNIT_ID"/></td>
</tr>
</table>
<button id="get_report">Get!</button>
</div>
<div id="status"></div>
<img id="image-result" hidden>
</body>
</html>