view/templates/item/compose.tpl

   1 <div class="generic-page-wrapper">
   2         <h2>{{$l10n.compose_title}}</h2>
   3         {{if $l10n.always_open_compose}}
   4         <p>{{$l10n.always_open_compose nofilter}}</p>
   5         {{/if}}
   6         <div id="profile-jot-wrapper">
   7                 <form class="comment-edit-form" data-item-id="{{$id}}" id="comment-edit-form-{{$id}}" action="compose/{{$type}}" method="post">
   8                         {{*<!--<input type="hidden" name="return" value="{{$return_path}}" />-->*}}
   9                         <input type="hidden" name="post_id_random" value="{{$rand_num}}" />
  10                         <input type="hidden" name="post_type" value="{{$posttype}}" />
  11                         <input type="hidden" name="wall" value="{{$wall}}" />
  12
  13                         <div id="jot-title-wrap">
  14                                 <input type="text" name="title" id="jot-title" class="jothidden jotforms form-control" placeholder="{{$l10n.placeholdertitle}}" title="{{$l10n.placeholdertitle}}" value="{{$title}}" tabindex="1" dir="auto" />
  15                         </div>
  16                         {{if $l10n.placeholdercategory}}
  17                                 <div id="jot-category-wrap">
  18                                         <input name="category" id="jot-category" class="jothidden jotforms form-control" type="text" placeholder="{{$l10n.placeholdercategory}}" title="{{$l10n.placeholdercategory}}" value="{{$category}}" tabindex="2" dir="auto" />
  19                                 </div>
  20                         {{/if}}
  21
  22                         <p class="comment-edit-bb-{{$id}} comment-icon-list">
  23                                 <span>
  24                                         <button type="button" class="btn btn-sm template-icon bb-img" aria-label="{{$l10n.edimg}}" title="{{$l10n.edimg}}" data-role="insert-formatting" data-bbcode="img" data-id="{{$id}}" tabindex="7">
  25                                                 <i class="fa fa-picture-o"></i>
  26                                         </button>
  27                                         <button type="button" class="btn btn-sm template-icon bb-attach" aria-label="{{$l10n.edattach}}" title="{{$l10n.edattach}}" ondragenter="return commentLinkDrop(event, {{$id}});" ondragover="return commentLinkDrop(event, {{$id}});" ondrop="commentLinkDropper(event);" onclick="commentGetLink({{$id}}, '{{$l10n.prompttext}}');" tabindex="8">
  28                                                 <i class="fa fa-paperclip"></i>
  29                                         </button>
  30                                 </span>
  31                                 <span>
  32                                         <button type="button" class="btn btn-sm template-icon bb-url" aria-label="{{$l10n.edurl}}" title="{{$l10n.edurl}}" onclick="insertFormatting('url',{{$id}});" tabindex="9">
  33                                                 <i class="fa fa-link"></i>
  34                                         </button>
  35                                         <button type="button" class="btn btn-sm template-icon underline" aria-label="{{$l10n.eduline}}" title="{{$l10n.eduline}}" onclick="insertFormatting('u',{{$id}});" tabindex="10">
  36                                                 <i class="fa fa-underline"></i>
  37                                         </button>
  38                                         <button type="button" class="btn btn-sm template-icon italic" aria-label="{{$l10n.editalic}}" title="{{$l10n.editalic}}" onclick="insertFormatting('i',{{$id}});" tabindex="11">
  39                                                 <i class="fa fa-italic"></i>
  40                                         </button>
  41                                         <button type="button" class="btn btn-sm template-icon bold" aria-label="{{$l10n.edbold}}" title="{{$l10n.edbold}}" onclick="insertFormatting('b',{{$id}});" tabindex="12">
  42                                                 <i class="fa fa-bold"></i>
  43                                         </button>
  44                                         <button type="button" class="btn btn-sm template-icon quote" aria-label="{{$l10n.edquote}}" title="{{$l10n.edquote}}" onclick="insertFormatting('quote',{{$id}});" tabindex="13">
  45                                                 <i class="fa fa-quote-left"></i>
  46                                         </button>
  47                                         <button id="button_emojipicker" type="button" class="btn btn-sm template-icon emojis" aria-label="{{$l10n.edemojis}}" title="{{$l10n.edemojis}}" tabindex="14">
  48                                                 <i class="fa fa-smile-o"></i>
  49                                         </button>
  50                                 </span>
  51                         </p>
  52                         <div id="dropzone-{{$id}}" class="dropzone" style="overflow:scroll">
  53                                 <p>
  54                                         <textarea id="comment-edit-text-{{$id}}" class="comment-edit-text form-control text-autosize" name="body" placeholder="{{$l10n.default}}" rows="7" tabindex="3" dir="auto" dir="auto">{{$body}}</textarea>
  55                                 </p>
  56                         </div>
  57                         <p class="comment-edit-submit-wrapper">
  58 {{if $type == 'post'}}
  59                                 <span role="presentation" class="form-inline">
  60                                         <input type="text" name="location" class="form-control" id="jot-location" value="{{$location}}" placeholder="{{$l10n.location_set}}"/>
  61                                         <button type="button" class="btn btn-sm template-icon" id="profile-location"
  62                                                 data-title-set="{{$l10n.location_set}}"
  63                                                 data-title-disabled="{{$l10n.location_disabled}}"
  64                                                 data-title-unavailable="{{$l10n.location_unavailable}}"
  65                                                 data-title-clear="{{$l10n.location_clear}}"
  66                                                 title="{{$l10n.location_set}}"
  67                                                 tabindex="6">
  68                                                 <i class="fa fa-map-marker" aria-hidden="true"></i>
  69                                         </button>
  70                                 </span>
  71 {{/if}}
  72                                 <span role="presentation" id="profile-rotator-wrapper">
  73                                         <img role="presentation" id="profile-rotator" src="images/rotator.gif" alt="{{$l10n.wait}}" title="{{$l10n.wait}}" style="display: none;" />
  74                                 </span>
  75                                 <span role="presentation" id="character-counter" class="grey text-info"></span>
  76                                 <button type="button" class="btn btn-default" onclick="preview_comment({{$id}});" id="comment-edit-preview-link-{{$id}}" tabindex="5"><i class="fa fa-eye"></i> {{$l10n.preview}}</button>
  77                                 <button type="submit" class="btn btn-primary" id="comment-edit-submit-{{$id}}" name="submit" tabindex="4"><i class="fa fa-envelope"></i> {{$l10n.submit}}</button>
  78                         </p>
  79
  80                         <div id="comment-edit-preview-{{$id}}" class="comment-edit-preview" style="display:none;"></div>
  81
  82 {{if $type == 'post'}}
  83                         <h3>{{$l10n.visibility_title}}</h3>
  84                         {{$acl_selector nofilter}}
  85
  86                         <div class="jotplugins">
  87                                 {{$jotplugins nofilter}}
  88                         </div>
  89
  90                         {{if $scheduled_at}}{{$scheduled_at nofilter}}{{/if}}
  91                         {{if $created_at}}{{$created_at nofilter}}{{/if}}
  92 {{else}}
  93                         <input type="hidden" name="group_allow" value="{{$group_allow}}"/>
  94                         <input type="hidden" name="contact_allow" value="{{$contact_allow}}"/>
  95                         <input type="hidden" name="group_deny" value="{{$group_deny}}"/>
  96                         <input type="hidden" name="contact_deny" value="{{$contact_deny}}"/>
  97 {{/if}}
  98                 </form>
  99         </div>
 100 </div>
 101 <script>
 102         dzFactory.setupDropzone('#dropzone-{{$id}}', 'comment-edit-text-{{$id}}');
 103 </script>