forked from june07/NiM
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
132 lines (125 loc) · 7.26 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
<!doctype html>
<script type="text/javascript" src="./js/googleanalytics.js"></script>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/angular.min.js"></script>
<script type="text/javascript" src="./js/materialize.min.js"></script>
<script type="text/javascript" src="./js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="popup.js"></script>
<html ng-app="NimPopupApp" ng-csp>
<head>
<title>
<span class="i18n">appName</span>
</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/materialize.min.css">
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/animate.css">
<link rel="stylesheet" href="nim.css">
</head>
<body ng-controller="nimPopupController as main" class="right">
<!-- Modal Structure -->
<div id="modal1" class="modal">
<div class="modal-content">
<table class="table table-striped">
<thead>
<tr>
<th width="100px"><a href="#" ng-click="sortType = 'type'; sortReverse = !sortReverse">Type
<span ng-show="sortType == 'type' && sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'type' && !sortReverse" class="fa fa-caret-up"></span></a></th>
<th><a href="#" ng-click="sortType = 'subject'; sortReverse = !sortReverse">Subject
<span ng-show="sortType == 'subject' && sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'subject' && !sortReverse" class="fa fa-caret-up"></span></a></th>
<th width="150px"><a href="#" ng-click="sortType = 'date'; sortReverse = !sortReverse">Date
<span ng-show="sortType == 'date' && sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'date' && !sortReverse" class="fa fa-caret-up"></span></a></th>
</tr>
</thead>
<tbody>
<tr ng-repeat-start="x in bg.settings.notifications | orderBy:sortType:sortReverse" ng-click="main.active=x.date" >
<td>{{x.notification.type}}</td>
<td><h3>{{x.notification.title}}</h3>
<div ng-show="main.active!=x.date"><p>{{x.notification.message | stringLimit: 120: true }}</div>
<div ng-show="main.active==x.date"><p>{{x.notification.message | stringLimit: 120: false }}</div></td>
<td><span am-time-ago="{{x.date}}"></span></td>
</tr>
<tr ng-repeat-end ng-show="main.active==x.date">
<td></td>
<td>{{x.notification.message | stringLimit: -120: true}}</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container container-page">
<div class="row">
<div class="col s12 m4 l4 valign-wrapper header-column">
<div class="fixed-action-btn horizontal" style="bottom: 85px; right: 15px;">
<a class="btn-floating green lighten-5"> <i class="large"></i> </a>
<ul>
<li>
<a href="#modal1" class="btn btn-floating green lighten-2"><i class="large material-icons">message</i></a>
</li>
<li>
<a class="btn-floating green lighten-1" id="options-button"><i class="large material-icons">settings</i></a>
</li>
</ul>
</div>
<img src="./icon/icon128.png" class="left logo-padding" />
<div class="header left valign">
<span class="i18n">appName</span>
</div>
</div>
</div>
<div class="row">
<div class="col l2 m1"></div>
<div class="col s11 m12 l12">
<form>
<div class="row">
<div class="input-field col s6">
<input placeholder="localhost" id="hostname" type="text" class="validate card-title input-text ga-track" ng-model="bg.settings.host">
<font color="#9e9e9e"><span class="i18n">Hostname</span></font>
</div>
<div class="input-field col s6">
<input id="port" type="text" class="validate card-title input-text ga-track" value placeholder="9229" ng-model="bg.settings.port">
<font color="#9e9e9e"><span class="i18n">Port</span></font>
</div>
</div>
<div class="row">
<div class="col s12 center">
<span class="waves-effect waves-light"> <input type="button" id="open devtools" value="Open DevTools" ng-disabled="bg.settings.auto" class="btn light-green lighten-1 ga-track i18n" ng-click="clickHandler()"></span>
<div class="switch" ng-true-value="true" ng-false-value="false">
<label>
<span class="i18n">Manual</span>
<input id="auto switch" type="checkbox" ng-model="bg.settings.auto" class="ga-track">
<span class="lever"></span>
<span class="i18n">Auto</span>
</label>
</div>
</div>
</div>
</form>
</div>
<div class="col m1 l2"></div>
</div>
<div class="row row-footer">
<footer class="page-footer grey lighten-3">
<div class="footer-copyright">
<div class="container footer-text">
© 2016 June07
<a class="right footer-text" ng-click="track('https://donorbox.org/chrome-extentions')" target="_blank" href="https://donorbox.org/chrome-extentions"><span class="i18n">Donate</span></a>
</div>
</div>
</footer>
</div>
</div>
<div class="card light-green container-message" ng-if="bg.settings.debug">
<div class="card-content light-green lighten-5 black-text">
<p class="message"><span class="i18n">Enabled</span>: {{ bg.loaded | date:'yyyy-MM-dd HH:mm Z' }}<br><span class="i18n">Uptime</span>: {{ bg.moment.duration(bg.timer, 'seconds').humanize(); }}</p>
<p class="message">{{bg.message}}</p>
</div>
</div>
</body>
</html>