]> git.mxchange.org Git - friendica.git/blob - view/theme/frio/templates/event_form.tpl
Merge pull request #4754 from annando/frio-accessibility
[friendica.git] / view / theme / frio / templates / event_form.tpl
1
2 <script type="text/javascript" src="{{$baseurl}}/view/theme/frio/js/event_edit.js"></script>
3
4 <div id="event-form-wrapper">
5         <h3 class="heading">{{$title}}</h3>
6
7         {{* The event edit navigation menu (text input, permissions, preview, filebrowser) *}}
8         <ul id="event-nav" class="nav nav-tabs event-nav" role="menubar" data-tabs="tabs">
9                 {{* Mark the first list entry as active because it is the first which is active after opening
10                         the modal. Changing of the activity status is done by js in event_head.tpl *}}
11                 <li class="active" role="menuitem">
12                         <a id="event-edit-lnk" onclick="eventEditActive(); return false;">{{$basic}}</a>
13                 </li>
14                 <li role="menuitem">
15                         <a id="event-desc-lnk" onclick="eventDescActive(); return false;">{{$advanced}}</a>
16                 </li>
17                 {{if $acl}}
18                 <li role="menuitem" {{if !$sh_checked}} style="display: none"{{/if}}>
19                         <a id="event-perms-lnk" onclick="eventAclActive(); return false;">{{$permissions}}</a>
20                 </li>
21                 {{/if}}
22                 {{if $preview}}
23                 <li role="menuitem">
24                         <a id="event-preview-lnk" onclick="eventPreviewActive(); return false;">{{$preview}}</a>
25                 </li>
26                 {{/if}}
27                 {{* commented out because it isn't implemented yet
28                 <li role="menuitem"><a id="event-preview-link" onclick="fbrowserActive(); return false;"> Browser </a></li>
29                 *}}
30         </ul>
31
32         <div id="event-edit-form-wrapper">
33         <form id="event-edit-form" action="{{$post}}" method="post" data-allow_cid="{{$allow_cid}}" data-allow_gid="{{$allow_gid}}" data-deny_cid="{{$deny_cid}}" data-deny_gid="{{$deny_gid}}">
34
35                 <input type="hidden" name="event_id" value="{{$eid}}" />
36                 <input type="hidden" name="cid" value="{{$cid}}" />
37                 <input type="hidden" name="uri" value="{{$uri}}" />
38                 <input type="hidden" name="preview" id="event-edit-preview" value="0" />
39
40                 {{* The tab conten with the necessary basic settings *}}
41                 <div id="event-edit-wrapper">
42
43                         {{* The event title *}}
44                         {{include file="field_input.tpl" field=$summary}}
45
46                         <div id="event-edit-time">
47                                 {{* The field for event starting time *}}
48                                 {{$s_dsel}}
49
50                                 {{* The field for event finish time *}}
51                                 {{$f_dsel}}
52
53                                 {{* checkbox if the the event doesn't have a finish time *}}
54                                 {{include file="field_checkbox.tpl" field=$nofinish}}
55
56                                 {{* checkbox for adjusting the event time to the timezone of the user *}}
57                                 {{include file="field_checkbox.tpl" field=$adjust}}
58                         </div>
59
60                         {{* checkbox to enable event sharing and the permissions tab *}}
61                         {{if ! $eid}}
62                         {{include file="field_checkbox.tpl" field=$share}}
63                         {{/if}}
64
65                         {{* The submit button - saves the event *}}
66                         <div class="pull-right" >
67                                 <button id="event-submit" type="submit" name="submit" class="btn btn-primary" value="{{$submit|escape:'html'}}">{{$submit}}</button>
68                         </div>
69                         <div class="clear"></div>
70                 </div>
71
72                 {{* The advanced tab *}}
73                 <div id="event-desc-wrapper" style="display: none">
74
75                         {{* The textarea for the event description *}}
76                         <div class="form-group">
77                                 <div id="event-desc-text"><b>{{$d_text}}</b></div>
78                                 <textarea id="comment-edit-text-desc" class="form-control text-autosize" name="desc" >{{$d_orig}}</textarea>
79                                 <ul id="event-desc-text-edit-bb" class="comment-edit-bb comment-icon-list nav nav-pills hidden-xs pull-left">
80                                         {{* commented out because it isn't implemented yet
81                                         <li>
82                                                 <button type="button" class="btn-link icon" style="cursor: pointer;" title="{{$edimg|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="img" data-id="desc">
83                                                         <i class="fa fa-picture-o"></i>
84                                                 </button>
85                                         </li>
86                                         *}}
87                                         <li>
88                                                 <button type="button" class="btn-link icon bb-url" style="cursor: pointer;" title="{{$edurl|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="url" data-id="desc">
89                                                         <i class="fa fa-link"></i>
90                                                 </button>
91                                         </li>
92                                         <li>
93                                                 <button type="button" class="btn-link icon bb-video" style="cursor: pointer;" title="{{$edvideo|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="video" data-id="desc">
94                                                         <i class="fa fa-video-camera"></i>
95                                                 </button>
96                                         </li>
97
98                                         <li>
99                                                 <button type="button" class="btn-link icon underline" style="cursor: pointer;" title="{{$eduline|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="u" data-id="desc">
100                                                         <i class="fa fa-underline"></i>
101                                                 </button>
102                                         </li>
103                                         <li>
104                                                 <button type="button" class="btn-link icon italic" style="cursor: pointer;" title="{{$editalic|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="i" data-id="desc">
105                                                         <i class="fa fa-italic"></i>
106                                                 </button>
107                                         </li>
108                                         <li>
109                                                 <button type="button" class="btn-link icon bold" style="cursor: pointer;"  title="{{$edbold|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="b" data-id="desc">
110                                                         <i class="fa fa-bold"></i>
111                                                 </button>
112                                         </li>
113                                         <li>
114                                                 <button type="button" class="btn-link icon quote" style="cursor: pointer;" title="{{$edquote|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="quote" data-id="desc">
115                                                         <i class="fa fa-quote-left"></i>
116                                                 </button>
117                                         </li>
118                                 </ul>
119                                 <div class="clear"></div>
120                         </div>
121
122                         {{* The textarea for the event location *}}
123                         <div class="form-group">
124                                 <div id="event-location-text"><b>{{$l_text}}</b></div>
125                                 <textarea id="comment-edit-text-loc" class="form-control text-autosize" name="location">{{$l_orig}}</textarea>
126                                 <ul id="comment-tools-loc" class="comment-edit-bb comment-icon-list nav nav-pills hidden-xs pull-left">
127                                         {{* commented out because it isn't implemented yet
128                                         <li>
129                                                 <button type="button" class="btn-link icon" style="cursor: pointer;" title="{{$edimg|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="img" data-id="loc">
130                                                         <i class="fa fa-picture-o"></i>
131                                                 </button>
132                                         </li>
133                                         *}}
134                                         <li>
135                                                 <button type="button" class="btn-link icon bb-url" style="cursor: pointer;" title="{{$edurl|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="url" data-id="loc">
136                                                         <i class="fa fa-link"></i>
137                                                 </button>
138                                         </li>
139                                         <li>
140                                                 <button type="button" class="btn-link icon bb-video" style="cursor: pointer;" title="{{$edvideo|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="video" data-id="loc">
141                                                         <i class="fa fa-video-camera"></i>
142                                                 </button>
143                                         </li>
144
145                                         <li>
146                                                 <button type="button" class="btn-link icon underline" style="cursor: pointer;" title="{{$eduline|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="u" data-id="loc">
147                                                         <i class="fa fa-underline"></i>
148                                                 </button>
149                                         </li>
150                                         <li>
151                                                 <button type="button" class="btn-link icon italic" style="cursor: pointer;" title="{{$editalic|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="i" data-id="loc">
152                                                         <i class="fa fa-italic"></i>
153                                                 </button>
154                                         </li>
155                                         <li>
156                                                 <button type="button" class="btn-link icon bold" style="cursor: pointer;"  title="{{$edbold|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="b" data-id="loc">
157                                                         <i class="fa fa-bold"></i>
158                                                 </button>
159                                         </li>
160                                         <li>
161                                                 <button type="button" class="btn-link icon quote" style="cursor: pointer;" title="{{$edquote|escape:'html'}}" data-role="insert-formatting" data-comment=" " data-bbcode="quote" data-id="loc">
162                                                         <i class="fa fa-quote-left"></i>
163                                                 </button>
164                                         </li>
165                                 </ul>
166                                 <div class="clear"></div>
167                         </div>
168                 </div>
169
170                 {{* The tab for the permissions (if event sharing is enabled) *}}
171                 <div id="event-acl-wrapper" style="display: none">
172                         {{$acl}}
173                 </div>
174
175                 {{* The tab for the event preview (content is inserted by js) *}}
176                 <div id="event-preview" style="display: none"></div>
177
178                 <div class="clear"></div>
179
180         </form>
181         </div>
182 </div>
183
184 <script type="text/javascript">
185         $(document).ready( function() {
186                 // disable finish date input if it isn't available
187                 enableDisableFinishDate();
188                 // load bbcode autocomplete for the description textarea
189                 $('#comment-edit-text-desc, #comment-edit-text-loc').bbco_autocomplete('bbcode');
190
191                 // initiale autosize for the textareas
192                 autosize($("textarea.text-autosize"));
193         });
194 </script>