-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
180 lines (163 loc) · 7.24 KB
/
options.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Settings | Ergo for Trello</title>
<link rel="stylesheet" href="/assets/css/options.css">
<script type="text/javascript" src="/assets/js/options.js"></script>
</head>
<body>
<div id="header">
<img src="/assets/img/ergoLogo_full_white.png" alt="Ergo Logo">
</div>
<div id="content">
<div class="option-io">
<div class="title">
<p>Settings</p>
<img class="back-btn" src="/assets/img/backbtn.png" alt="Back">
</div>
<ul class="settings grid-list">
<!-- Minimal Dark Theme -->
<li class="detailed-settings">
<div class="checkbox">
<input type="checkbox" name="minimalDark" id="minimalDark">
<label for="minimalDark"></label>
</div>
<div class="setting-label">
<p>Minimal Dark</p>
<img src="/assets/img/right-arrow.png" />
</div>
</li>
<!-- Background Gradients -->
<li class="detailed-settings">
<div class="checkbox">
<input type="checkbox" name="backgroundGradients" id="backgroundGradients">
<label for="backgroundGradients"></label>
</div>
<div class="setting-label">
<p>Background Gradients</p>
<img src="/assets/img/right-arrow.png" />
</div>
</li>
<!-- Card Counting -->
<li class="detailed-settings">
<div class="checkbox">
<input type="checkbox" name="cardCounter" id="cardCounter">
<label for="cardCounter"></label>
</div>
<div class="setting-label">
<p>Card Counter</p>
<img src="/assets/img/right-arrow.png" />
</div>
</li>
<!-- Action Snapping -->
<li>
<div class="checkbox">
<input type="checkbox" name="actionSnapping" id="actionSnapping">
<label for="actionSnapping"></label>
</div>
<div class="setting-label">
<p>Action Snapping</p>
</div>
</li>
<!-- List Colors -->
<li class="detailed-settings">
<div class="checkbox">
<input type="checkbox" name="listColors" id="listColors">
<label for="listColors"></label>
</div>
<div class="setting-label">
<p>List Colors</p>
<img src="/assets/img/right-arrow.png" />
</div>
</li>
</ul>
</div>
<div class="option-details">
<!-- Minimal Dark Theme -->
<div id="minimalDark-settings" class="detail-pane">
<p class="title">Minimal Dark</p>
<p>Make the theme your own</p>
<ul class="settings grid-list">
<!-- Dotted Labels -->
<li>
<div class="checkbox" data-parentSetting="minimalDark">
<input type="checkbox" name="dottedLabels" id="dottedLabels">
<label for="dottedLabels"></label>
</div>
<div class="setting-label">
<p>Dotted Labels</p>
</div>
</li>
<!-- Background Influence -->
<li>
<div class="checkbox" data-parentSetting="minimalDark">
<input type="checkbox" name="backgroundInfluence" id="backgroundInfluence">
<label for="backgroundInfluence"></label>
</div>
<div class="setting-label">
<p>Background Influence</p>
</div>
</li>
<!-- Wide Card -->
<li>
<div class="checkbox" data-parentSetting="minimalDark">
<input type="checkbox" name="wideCard" id="wideCard">
<label for="wideCard"></label>
</div>
<div class="setting-label">
<p>Wide Card</p>
</div>
</li>
</ul>
</div>
<!-- Background Gradients -->
<div id="backgroundGradients-settings" class="detail-pane">
<p class="title">Background Gradients</p>
<p>Fully customize your Trello board with custom gradient color presets.</p>
<p>Simply use the tools below to setup your gradient colors and
use that color for your board background!</p>
<ul id="gradientSettings" class="settings gradient-settings">
</ul>
</div>
<!-- Card Counter -->
<div id="cardCounter-settings" class="detail-pane">
<p class="title">Card Counter</p>
<p>Apply your own limitations to the cards within your lists.</p>
<p>Feel free to limit the amount you can have with a harsh limit, or simply display a warning when reaching your limit.</p>
<ul class="settings grid-list">
<li>
<div class="checkbox" data-parentSetting="cardCounter">
<input type="checkbox" name="warningColors" id="warningColors">
<label for="warningColors"></label>
</div>
<div class="setting-label">
<p>Warning Colors</p>
</div>
</li>
<li>
<div class="checkbox" data-parentSetting="cardCounter">
<input type="checkbox" name="harshLimits" id="harshLimits">
<label for="harshLimits"></label>
</div>
<div class="setting-label">
<p>Harsh Limits</p>
</div>
</li>
</ul>
</div>
<!-- List Colors -->
<div id="listColors-settings" class="detail-pane">
<p class="title">List Colors</p>
<p>Setup some preset list colors for consistency in a color coded workflow</p>
<p>Use the color dot on list headers to specify list color and style</p>
<ul class="color-preset-settings settings">
<div class="color-preset-container">
</div>
</ul>
</div>
</div>
</div>
<p class="version-number">v1.0</p>
</body>
</html>