-<h3 class="heading">{{$title}}</h3>
-
-<p>
-{{$desc}}
-</p>
-
-<form id="event-edit-form" action="{{$post}}" method="post" >
-
-<input type="hidden" name="event_id" value="{{$eid}}" />
-<input type="hidden" name="cid" value="{{$cid}}" />
-<input type="hidden" name="uri" value="{{$uri}}" />
-<input type="hidden" name="preview" id="event-edit-preview" value="0" />
-
-<div id="event-start-text">{{$s_text}}</div>
-{{$s_dsel}}
-
-<div id="event-finish-text">{{$f_text}}</div>
-{{$f_dsel}}
-
-<div id="event-datetime-break"></div>
-
-<input type="checkbox" name="nofinish" value="1" id="event-nofinish-checkbox" {{$n_checked}} /> <div id="event-nofinish-text">{{$n_text}}</div>
-
-<div id="event-nofinish-break"></div>
-
-<input type="checkbox" name="adjust" value="1" id="event-adjust-checkbox" {{$a_checked}} /> <div id="event-adjust-text">{{$a_text}}</div>
-
-<div id="event-adjust-break"></div>
-
-<div id="event-summary-text">{{$t_text}}</div>
-<input type="text" id="event-summary" name="summary" value="{{$t_orig|escape:'html'}}" />
-
-
-<div id="event-desc-text">{{$d_text}}</div>
-<textarea id="event-desc-textarea" name="desc">{{$d_orig}}</textarea>
-
-
-<div id="event-location-text">{{$l_text}}</div>
-<textarea id="event-location-textarea" name="location">{{$l_orig}}</textarea>
-
-<div id="event-location-break"></div>
-
-<input type="checkbox" name="share" value="1" id="event-share-checkbox" {{$sh_checked}} /> <div id="event-share-text">{{$sh_text}}</div>
-<div id="event-share-break"></div>
-
-{{$acl}}
-
-<div class="clear"></div>
-<input id="event-edit-preview" type="submit" name="preview" value="{{$preview|escape:'html'}}" onclick="doEventPreview(); return false;" />
-<input id="event-submit" type="submit" name="submit" value="{{$submit|escape:'html'}}" />
-</form>
-
+<script type="text/javascript" src="{{$baseurl}}/view/theme/frio/js/event_edit.js"></script>
+
+<div id="event-form-wrapper">
+ <h3 class="heading">{{$title}}</h3>
+
+ {{* The event edit navigation menu (text input, permissions, preview, filebrowser) *}}
+ <ul id="event-nav" class="nav nav-tabs event-nav" role="menubar" data-tabs="tabs">
+ {{* Mark the first list entry as active because it is the first which is active after opening
+ the modal. Changing of the activity status is done by js in event_head.tpl *}}
+ <li class="active" role="menuitem">
+ <a id="event-edit-lnk" onclick="eventEditActive(); return false;">{{$basic}}</a>
+ </li>
+ <li role="menuitem">
+ <a id="event-desc-lnk" onclick="eventDescActive(); return false;">{{$advanced}}</a>
+ </li>
+ {{if $acl}}
+ <li role="menuitem" {{if !$sh_checked}} style="display: none"{{/if}}>
+ <a id="event-perms-lnk" onclick="eventAclActive(); return false;">{{$permissions}}</a>
+ </li>
+ {{/if}}
+ {{if $preview}}
+ <li role="menuitem">
+ <a id="event-preview-lnk" onclick="eventPreviewActive(); return false;">{{$preview}}</a>
+ </li>
+ {{/if}}
+ {{* commented out because it isn't implemented yet
+ <li role="menuitem"><a id="event-preview-link" onclick="fbrowserActive(); return false;"> Browser </a></li>
+ *}}
+ </ul>
+
+ <div id="event-edit-form-wrapper">
+ <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}}">
+
+ <input type="hidden" name="event_id" value="{{$eid}}" />
+ <input type="hidden" name="cid" value="{{$cid}}" />
+ <input type="hidden" name="uri" value="{{$uri}}" />
+ <input type="hidden" name="preview" id="event-edit-preview" value="0" />
+
+ {{* The tab conten with the necessary basic settings *}}
+ <div id="event-edit-wrapper">
+
+ {{* The event title *}}
+ {{include file="field_input.tpl" field=$summary}}
+
+ <div id="event-edit-time">
+ {{* The field for event starting time *}}
+ {{$s_dsel nofilter}}
+
+ {{* The field for event finish time *}}
+ {{$f_dsel nofilter}}
+
+ {{* checkbox if the the event doesn't have a finish time *}}
+ {{include file="field_checkbox.tpl" field=$nofinish}}
+
+ {{* checkbox for adjusting the event time to the timezone of the user *}}
+ {{include file="field_checkbox.tpl" field=$adjust}}
+ </div>
+
+ {{* checkbox to enable event sharing and the permissions tab *}}
+ {{if ! $eid}}
+ {{include file="field_checkbox.tpl" field=$share}}
+ {{/if}}
+
+ {{* The submit button - saves the event *}}
+ <div class="pull-right" >
+ <button id="event-submit" type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
+ </div>
+ <div class="clear"></div>
+ </div>
+
+ {{* The advanced tab *}}
+ <div id="event-desc-wrapper" style="display: none">
+
+ {{* The textarea for the event description *}}
+ <div class="form-group">
+ <div id="event-desc-text"><b>{{$d_text}}</b></div>
+ <textarea id="comment-edit-text-desc" class="form-control text-autosize" name="desc" >{{$d_orig}}</textarea>
+ <ul id="event-desc-text-edit-bb" class="comment-edit-bb comment-icon-list nav nav-pills hidden-xs pull-left">
+ {{* commented out because it isn't implemented yet
+ <li>
+ <button type="button" class="btn-link icon bb-img" style="cursor: pointer;" title="{{$edimg}}" data-role="insert-formatting" data-comment=" " data-bbcode="img" data-id="desc">
+ <i class="fa fa-picture-o"></i>
+ </button>
+ </li>
+ *}}
+ <li>
+ <button type="button" class="btn-link icon bb-url" style="cursor: pointer;" title="{{$edurl}}" data-role="insert-formatting" data-comment=" " data-bbcode="url" data-id="desc">
+ <i class="fa fa-link"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon bb-video" style="cursor: pointer;" title="{{$edvideo}}" data-role="insert-formatting" data-comment=" " data-bbcode="video" data-id="desc">
+ <i class="fa fa-video-camera"></i>
+ </button>
+ </li>
+
+ <li>
+ <button type="button" class="btn-link icon underline" style="cursor: pointer;" title="{{$eduline}}" data-role="insert-formatting" data-comment=" " data-bbcode="u" data-id="desc">
+ <i class="fa fa-underline"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon italic" style="cursor: pointer;" title="{{$editalic}}" data-role="insert-formatting" data-comment=" " data-bbcode="i" data-id="desc">
+ <i class="fa fa-italic"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon bold" style="cursor: pointer;" title="{{$edbold}}" data-role="insert-formatting" data-comment=" " data-bbcode="b" data-id="desc">
+ <i class="fa fa-bold"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon quote" style="cursor: pointer;" title="{{$edquote}}" data-role="insert-formatting" data-comment=" " data-bbcode="quote" data-id="desc">
+ <i class="fa fa-quote-left"></i>
+ </button>
+ </li>
+ </ul>
+ <div class="clear"></div>
+ </div>
+
+ {{* The textarea for the event location *}}
+ <div class="form-group">
+ <div id="event-location-text"><b>{{$l_text}}</b></div>
+ <textarea id="comment-edit-text-loc" class="form-control text-autosize" name="location">{{$l_orig}}</textarea>
+ <ul id="comment-tools-loc" class="comment-edit-bb comment-icon-list nav nav-pills hidden-xs pull-left">
+ {{* commented out because it isn't implemented yet
+ <li>
+ <button type="button" class="btn-link icon bb-img" style="cursor: pointer;" title="{{$edimg}}" data-role="insert-formatting" data-comment=" " data-bbcode="img" data-id="loc">
+ <i class="fa fa-picture-o"></i>
+ </button>
+ </li>
+ *}}
+ <li>
+ <button type="button" class="btn-link icon bb-url" style="cursor: pointer;" title="{{$edurl}}" data-role="insert-formatting" data-comment=" " data-bbcode="url" data-id="loc">
+ <i class="fa fa-link"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon bb-video" style="cursor: pointer;" title="{{$edvideo}}" data-role="insert-formatting" data-comment=" " data-bbcode="video" data-id="loc">
+ <i class="fa fa-video-camera"></i>
+ </button>
+ </li>
+
+ <li>
+ <button type="button" class="btn-link icon underline" style="cursor: pointer;" title="{{$eduline}}" data-role="insert-formatting" data-comment=" " data-bbcode="u" data-id="loc">
+ <i class="fa fa-underline"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon italic" style="cursor: pointer;" title="{{$editalic}}" data-role="insert-formatting" data-comment=" " data-bbcode="i" data-id="loc">
+ <i class="fa fa-italic"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon bold" style="cursor: pointer;" title="{{$edbold}}" data-role="insert-formatting" data-comment=" " data-bbcode="b" data-id="loc">
+ <i class="fa fa-bold"></i>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="btn-link icon quote" style="cursor: pointer;" title="{{$edquote}}" data-role="insert-formatting" data-comment=" " data-bbcode="quote" data-id="loc">
+ <i class="fa fa-quote-left"></i>
+ </button>
+ </li>
+ </ul>
+ <div class="clear"></div>
+ </div>
+ </div>
+
+ {{* The tab for the permissions (if event sharing is enabled) *}}
+ <div id="event-acl-wrapper" style="display: none">
+ {{$acl nofilter}}
+ </div>
+
+ {{* The tab for the event preview (content is inserted by js) *}}
+ <div id="event-preview" style="display: none"></div>
+
+ <div class="clear"></div>
+
+ </form>
+ </div>
+</div>
+
+<script type="text/javascript">
+ $(document).ready( function() {
+ // disable finish date input if it isn't available
+ enableDisableFinishDate();
+ // load bbcode autocomplete for the description textarea
+ $('#comment-edit-text-desc, #comment-edit-text-loc').bbco_autocomplete('bbcode');
+
+ // initiale autosize for the textareas
+ autosize($("textarea.text-autosize"));
+ });
+</script>