-
Notifications
You must be signed in to change notification settings - Fork 0
/
sym-eventcalendar-config.html
80 lines (79 loc) · 3.34 KB
/
sym-eventcalendar-config.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
<ul kendo-panel-bar class="t-side-panel" style="font-size: 14px;">
<!--link rel="stylesheet" type="text/css" href="scripts/app/editor/symbols/ext/sym-eventcalendar-config-style.css"-->
<li class="k-state-active">
<span class="panel-bar-label-no-wrap">Configuration</span>
<div class="config-option-single-row" style="margin:10px 20px; font-size: 14px;">
<div class="config-option-ie11-overflow-fix">
<div style="width: 85%; margin: 10px 0 10px 15px;">
<pv-color-picker colorkeyword="Header", ng-model="config.HeaderColor">
</pv-color-picker>
</div>
<div style="width: 85%; margin: 10px 0 10px 15px;">
<pv-color-picker colorkeyword="Background", ng-model="config.BackgroundColor">
</pv-color-picker>
</div>
</div>
</div>
<div class="config-option-single-row" style="margin:10px 20px; font-size: 14px;">
<div class="config-option-ie11-overflow-fix">
<!--div class="c-config-content" -->
<label for="cal-MaxDailyEvents" style="width: 60%;">Events/day cap: </label>
<!--div style="width: 85%; margin: 10px 0 15px 10px;"-->
<input id="cal-MaxDailyEvents"
type="number"
class="collection-config-numeric-input"
min="2"
max="1000"
value="100"
step="1"
style="width: 40%;"
ng-model="config.MaxDailyEvents"
/>
<!--class="config-text-input-box"-->
<!--/div-->
</div>
</div>
<div class="config-option-single-row" style="margin:10px 20px; font-size: 14px; cursor: default;" ng-style="disable && {opacity: 0.5}">
<div class="config-option-ie11-overflow-fix">
<label for="config-option-slider" style="width: 60%;">Color hue: </label>
<div style="width: 50px; height: 15px; float: right; padding: 1px; margin-right: 20px; border: 1px solid black; background-color: hsl({{config.ColorHue}}, 90%, 60%);"></div>
<input class="config-option-slider"
style="width:85%; height:22px; margin: 2px 0 12px 20px; background-color: grey; /* For browsers that do not support gradients */
background-image: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);"
type="range" min=0 max=360 step=1
ng-model="config.ColorHue" title="{{config.ColorHue}}" ng-change="update()" ng-disabled="disable"
/>
</div>
</div>
<!--div class="config-option-multiple-row" style="margin:10px 20px; font-size: 14px;">
<div style="width: 85%; margin: 10px 0 15px 20px;">
<div class="c-config-content">
Width: {{config.Width}}<br>
Height: {{config.Height}}
</div>
</div>
</div-->
</li>
<li class="k-state-active">
<span class="panel-bar-label-no-wrap">Data Update</span>
<div class="config-option-single-row" style="margin:10px 20px; font-size: 14px;">
<div class="config-option-ie11-overflow-fix">
<!--div class="c-config-content" -->
<label for="cal-AutoUpdatePeriod" style="width: 60%;">Auto Update (mins): </label>
<!--div style="width: 85%; margin: 10px 0 15px 10px;"-->
<input id="cal-AutoUpdatePeriod"
type="number"
class="collection-config-numeric-input"
min="0"
max="1440"
value="15"
step="1"
style="width: 40%;"
ng-model="config.AutoUpdatePeriod"
/>
<!--class="config-text-input-box"-->
<!--/div-->
</div>
</div>
</li>
</ul>