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