-
Notifications
You must be signed in to change notification settings - Fork 1.8k
/
images-form.hbs
134 lines (134 loc) · 6.3 KB
/
images-form.hbs
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
<form class="ui form {{if this.isLoading 'loading'}} text-cursor" {{action 'submit' on='submit'}}>
<h2 class="ui header">{{t 'Event Images'}}</h2>
<h3 class="ui header">{{t 'Large Size'}}</h3>
<div class="three fields">
<div class="field">
<label>{{t 'Width (in px)'}}</label>
<Input @type="number" @name="large_width" @value={{this.image.eventImageSize.fullWidth}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Height (in px)'}}</label>
<Input @type="number" @name="large_height" @value={{this.image.eventImageSize.fullHeight}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Quality (in %)'}}</label>
<Input @type="number" @name="large_quality" @value={{this.image.eventImageSize.fullQuality}} @min={{1}} />
</div>
</div>
<div class="field">
<UiCheckbox @label={{t "Standard aspect ratio is 13:5. Tick to maintain aspect ratio."}} @class="checkbox" @name="large_ratio" @checked={{this.image.eventImageSize.fullAspect}} @onChange={{action (mut this.image.eventImageSize.fullAspect)}} />
</div>
{{t 'Standard Size of the available area is 1300px X 500px'}}
<p>{{t 'Found in :'}}</p>
<div class="ui bulleted list">
<div class="item">{{t 'Background Header Image in Public Event Page'}}</div>
</div>
<h3 class="ui header">{{t 'Thumbnail Size'}}</h3>
<div class="three fields">
<div class="field">
<label>{{t 'Width (in px)'}}</label>
<Input @type="number" @name="thumb_width" @value={{this.image.eventImageSize.thumbnailWidth}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Height (in px)'}}</label>
<Input @type="number" @name="thumb_height" @value={{this.image.eventImageSize.thumbnailHeight}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Quality (in %)'}}</label>
<Input @type="number" @name="thumb_quality" @value={{this.image.eventImageSize.thumbnailQuality}} @min={{1}} />
</div>
</div>
<div class="field">
<UiCheckbox @label={{t "Standard aspect ratio is 5:2. Tick to maintain aspect ratio."}} @class="checkbox" @name="thumb_ratio" @checked={{this.image.eventImageSize.thumbnailAspect}} @onChange={{action (mut this.image.eventImageSize.thumbnailAspect)}} />
</div>
{{t 'Standard Size of the available area is 500px X 200px'}}
<p>{{t 'Found in :'}}</p>
<div class="ui bulleted list">
<div class="item">{{t 'Home Page Event Images'}}</div>
<div class="item">{{t 'My Session Page Event Images'}}</div>
<div class="item">{{t 'My Ticket Page Event Images'}}</div>
</div>
<h3 class="ui header">{{t 'Icon Size'}}</h3>
<div class="three fields">
<div class="field">
<label>{{t 'Width (in px)'}}</label>
<Input @type="number" @name="event_icon_width" @value={{this.image.eventImageSize.iconWidth}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Height (in px)'}}</label>
<Input @type="number" @name="event_icon_height" @value={{this.image.eventImageSize.iconHeight}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Quality (in %)'}}</label>
<Input @type="number" @name="event_icon_quality" @value={{this.image.eventImageSize.iconQuality}} @min={{1}} />
</div>
</div>
<div class="field">
<UiCheckbox @label={{t "Standard aspect ratio is 5:2. Tick to maintain aspect ratio."}} @class="checkbox" @name="icon_ratio" @checked={{this.image.eventImageSize.iconAspect}} @onChange={{action (mut this.image.eventImageSize.iconAspect)}} />
</div>
{{t 'Standard Size of the available area is 75px X 30px'}}
<h3 class="ui header">{{t 'Logo Size (Event Wizard)'}}</h3>
<div class="three fields">
<div class="field">
<label>{{t 'Width (in px)'}}</label>
<Input @type="number" @name="logo_width" @value={{this.image.eventImageSize.logoWidth}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Height (in px)'}}</label>
<Input @type="number" @name="logo_height" @value={{this.image.eventImageSize.logoHeight}} @min={{1}} />
</div>
</div>
{{t 'Standard Size of the available area is 500px X 200px'}}
<div class="ui divider"></div>
<h2 class="ui header">{{t 'Profile/Speaker Images'}}</h2>
<h3 class="ui header">{{t 'Thumbnail Size'}}</h3>
<div class="two fields">
<div class="field">
<label>{{t 'Width & Height (in px)'}}</label>
<Input @type="number" @name="profile_small_size" @value={{this.image.speakerImageSize.thumbnailSizeWidthHeight}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Quality (in %)'}}</label>
<Input @type="number" @name="profile_small_quality" @value={{this.image.speakerImageSize.thumbnailSizeQuality}} @min={{1}} />
</div>
</div>
{{t 'Standard Size of the available area is 150px X 150px'}}
<p>{{t 'Found in :'}}</p>
<div class="ui bulleted list">
<div class="item">{{t 'Event Public Page'}}</div>
</div>
<h3 class="ui header">{{t 'Small Size'}}</h3>
<div class="two fields">
<div class="field">
<label>{{t 'Width & Height (in px)'}}</label>
<Input @type="number" @name="profile_thumb_size" @value={{this.image.speakerImageSize.smallSizeWidthHeight}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Quality (in %)'}}</label>
<Input @type="number" @name="profile_thumb_quality" @value={{this.image.speakerImageSize.smallSizeQuality}} @min={{1}} />
</div>
</div>
{{t 'Standard Size of the available area is 50px X 50px'}}
<p>{{t 'Found in :'}}</p>
<div class="ui bulleted list">
<div class="item">{{t 'Speaker Tab in Event Dashboard'}}</div>
</div>
<h3 class="ui header">{{t 'Icon Size'}}</h3>
<div class="two fields">
<div class="field">
<label>{{t 'Width & Height (in px)'}}</label>
<Input @type="number" @name="profile_icon_size" @value={{this.image.speakerImageSize.iconSizeWidthHeight}} @min={{1}} />
</div>
<div class="field">
<label>{{t 'Quality (in %)'}}</label>
<Input @type="number" @name="profile_icon_quality" @value={{this.image.speakerImageSize.iconSizeQuality}} @min={{1}} />
</div>
</div>
{{t 'Standard Size of the available area is 35px X 35px'}}
<p>{{t 'Found in :'}}</p>
<div class="ui bulleted list">
<div class="item">{{t 'Top Bar Right Corner'}}</div>
</div>
<div class="ui hidden divided"></div>
<button class="ui teal button" type="submit" name="submit">{{t 'Save'}}</button>
</form>