templates/jot.tpl

   1 <button class="btn btn-sm btn-main pull-right" id="jotOpen" onclick="jotShow(); return false;"><i class="fa fa-pencil-square-o fa-2x"></i></button>
   2 <!--data-toggle="modal" data-target="#jot-modal"-->
   3
   4
   5
   6 <div id="jot-content">
   7         <form id="profile-jot-form" action="{{$action}}" method="post">
   8                 <div id="profile-jot-wrapper">
   9                         <div>
  10                                 <div id="character-counter" class="grey jothidden text-info pull-left"></div>
  11                                 <!--<div id="profile-jot-desc" class="jothidden pull-right">&nbsp;</div>-->
  12                         </div>
  13
  14                         <div id="profile-jot-banner-end"></div>
  15
  16                         <input type="hidden" name="type" value="{{$ptyp}}" />
  17                         <input type="hidden" name="profile_uid" value="{{$profile_uid}}" />
  18                         <input type="hidden" name="return" value="{{$return_path}}" />
  19                         <input type="hidden" name="location" id="jot-location" value="{{$defloc}}" />
  20                         <input type="hidden" name="coord" id="jot-coord" value="" />
  21                         <input type="hidden" name="post_id" value="{{$post_id}}" />
  22                         <input type="hidden" name="preview" id="jot-preview" value="0" />
  23                         <input type="hidden" name="post_id_random" value="{{$rand_num}}" />
  24                         {{if $notes_cid}}
  25                         <input type="hidden" name="contact_allow[]" value="<{{$notes_cid}}>" />
  26                         {{/if}}
  27                         <div id="jot-title-wrap"><input name="title" id="jot-title" class="jothidden jotforms form-control" type="text" placeholder="{{$placeholdertitle}}" title="{{$placeholdertitle}}" value="{{$title}}" style="display:block;" /></div>
  28                         {{if $placeholdercategory}}
  29                         <div id="jot-category-wrap"><input name="category" id="jot-category" class="jothidden jotforms form-control" type="text" placeholder="{{$placeholdercategory}}" title="{{$placeholdercategory}}" value="{{$category}}" /></div>
  30                         {{/if}}
  31
  32                         <div id="jot-text-wrap">
  33                         <textarea rows="2" cols="64" class="profile-jot-text form-control" id="profile-jot-text" name="body" style="min-width:100%; max-width:100%;">{{if $content}}{{$content}}{{else}}{{$share}}{{/if}}</textarea>
  34                         </div>
  35
  36                         <ul id="profile-jot-submit-wrapper" class="jothidden nav nav-pills">
  37                                 <li><a id="profile-location" onclick="jotGetLocation();return false;" title="{{$setloc}}"><i class="fa fa-map-marker"></i></a></li>
  38                                 <li><a href="#" id="wall-image-upload" title="{{$upload}}" data-toggle="modal" data-target="#PhotoModal"><i class="fa fa-picture-o"></i></a></li>
  39                                 <li><a href="#" onclick="return false;" id="wall-file-upload"  title="{{$attach}}"><i class="fa fa-paperclip"></i></a></li>
  40                                 <li><a id="profile-link"  ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;" title="{{$weblink}}"><i class="fa fa-link"></i></a></li>
  41                                 <li><a id="profile-video" onclick="jotVideoURL();return false;" title="{{$video}}"><i class="fa fa-film"></i></a></li>
  42                                 <li><a id="profile-audio" onclick="jotAudioURL();return false;" title="{{$audio}}"><i class="fa fa-music"></i></a></li>
  43                                 <!-- TODO: waiting for a better placement
  44                                 <li><a id="profile-nolocation" onclick="jotClearLocation();return false;" title="{{$noloc}}">{{$shortnoloc}}</a></li>
  45                                 -->
  46
  47                                 <li class="pull-right"><button class="btn btn-primary" id="jot-submit" type="submit" id="profile-jot-submit" name="submit" ><i class="fa fa-slideshare fa-fw"></i> {{$share}}</button></li>
  48                                 <div id="profile-rotator-wrapper" style="display: {{$visitor}};" >
  49                                         <img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait}}" style="display: none;" />
  50                                 </div>
  51                                 <div id="profile-jot-plugin-wrapper">
  52                                         {{$jotplugins}}
  53                                 </div>
  54                         </ul>
  55                 </div>
  56
  57                 <div id="profile-jot-acl-wrapper" style="display: none;">
  58                         {{$acl}}
  59                 </div>
  60
  61                 <div id="jot-preview-content" style="display:none;"></div>
  62
  63                 {{if $content}}<script>initEditor();</script>{{/if}}
  64         </form>
  65 </div>
  66
  67
  68 <!-- Modal -->
  69 <div id="jot-modal" class="modal fade" role="dialog">
  70         <div class="modal-dialog">
  71                 <div class="modal-content">
  72
  73                         <div class="modal-header">
  74                                 <button type="button" class="close" data-dismiss="modal">&times;</button>
  75                                 <!--<h4 class="modal-title">Modal Header</h4>-->
  76                                 <ul class="nav nav-tabs" role="menubar" data-tabs="tabs">
  77                                         {{* mark the first list entry as active because it is the first which is active after opening
  78                                                 the modal. Changing of the activity status is done by js in jot.tpl-header *}}
  79                                         <li class="active" role="menuitem"><a id="jot-text-lnk" onclick="jotActive(); return false;">Text</a></li>
  80                                         {{if $acl}}<li role="menuitem"><a id="jot-perms-lnk" onclick="aclActive();return false;">Permissions</a></li>{{/if}}
  81                                         <li role="menuitem"><a id="jot-preview-lnk" onclick="previewActive();return false;">{{$preview}}</a></li>
  82                                 </ul>
  83                         </div>
  84
  85
  86                         <div id="jot-modal-body" class="modal-body">
  87
  88
  89 <!-- End Modal -->
  90                         </div>
  91                 </div>
  92         </div>
  93 </div>
  94
  95
  96 <script>
  97         $('iframe').load(function() {
  98             this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
  99         });
 100 </script>