src/newslash_web/templates/common/article/editor.html.tt2

   1 <div class="journal-editor">
   2   <div class="alert alert-info" v-show="message">
   3     <div v-if="createdUrl">
   4       投稿を行いました。URL:<A :href="createdUrl" v-text="createdUrl"></a>
   5     </div>
   6     <div v-else v-text="message"></div>
   7   </div>
   8   <form id="post-submission" v-show="showForm">
   9
  10     <p class="form-group">
  11       <label for="post-title">タイトル：</label>
  12       <input id="post-title" type="text" class="form-control" name="title" v-model="title" placeholder="タイトル" />
  13     </p>
  14
  15     <div class="form-inline" v-if="item.content_type == 'story'">
  16       <p class="form-group">
  17         <label for="post-createtime" >日時（JST）：</label>
  18         <input id="post-createtime" type="datetime-local" class="form-control" name="createtime" v-model="createtime" placeholder="XXXX-XX-XX XX:XX:XX" value="[% date.format(date.now, "%FT%T") %]"/>
  19       </p>
  20       <p class="form-group">
  21         <label for="post-author" >編集者：</label>
  22         <select id="post-author" class="form-control" name="author" v-model="item.author" >
  23           [%- FOREACH author IN authors -%]
  24           <option value="[% author.nickname %]" [% IF author.uid == user.uid && !x_template %]selected="selected"[% END %]>[% author.nickname %]</option>
  25           [%- END -%]
  26         </select>
  27       </p>
  28     </div>
  29
  30     <p class="form-group" v-if="item.content_type == 'story'">
  31       <label for="post-dept">部門名</label>
  32       <input id="post-dept" type="text" class="form-control" name="dept" v-model="item.dept" placeholder="部門名" />
  33     </p>
  34
  35     <p class="form-group">
  36       <label for="post-introtext">本文：</label>
  37       <textarea id="post-introtext" name="introtext" class="form-control" v-model="introtext" placeholder="本文をここに記述してください" ></textarea>
  38     </p>
  39
  40     <p class="form-group" v-if="item.content_type == 'story'">
  41       <label for="post-bodytext">続きの本文：</label>
  42       <textarea id="post-bodytext" name="bodytext" class="form-control" v-model="bodytext" placeholder="続きの本文をここに記述してください" ></textarea>
  43     </p>
  44
  45     <div class="tag-editor">
  46       <p class="form-group">
  47         <label for="tag-single">タグ（空白区切り）：</label>
  48         <input type="text" class="form-control" id="tag-single" v-model="tagsString" v-on:keydown.enter.prevent="updateTopics">
  49         <button type="button" class="btn btn-default"
  50                 v-on:click.prevent="updateTopics">更新</button>
  51       </p>
  52       <div class="topics">
  53         <ol>
  54           <li v-for="topic in currentTopics">
  55             <img :src="topicIconURL(topic)" v-show="topicIconURL(topic)" />
  56             <span v-text="topic"></span>
  57           </li>
  58         </ol>
  59       </div>
  60     </div>
  61
  62     <div  class="form-group" v-if="item.content_type == 'story'">
  63       <label for="post-add_related">関連ストーリー：</label>
  64       <div class="related-stories">
  65         <ul v-for="rel in item.related">
  66           <li v-if="rel.type == 'story'"><a :href="'/story/' + rel.key_id" v-text="rel.title"></a></li>
  67         </ul>
  68       </div>
  69       <textarea id="post-add_related" name="add_related" class="form-control" v-model="relatedUrls" placeholder="関連ストーリー（1行に1URL）" ></textarea>
  70     </div>
  71
  72     <div class="form-inline" v-if="item.content_type == 'story'">
  73       <p class="form-group">
  74         <label for="post-mediaurl">メディアURL：</label>
  75         <input id="post-mediaurl" type="text" class="form-control" name="mediaurl" v-model="item.mediaurl" placeholder="URL" />
  76       </p>
  77       <p class="form-group">
  78         <label for="post-mediatype">メディアタイプ：</label>
  79         <select id="post-mediatype" class="form-control" name="mediatype" v-model="item.mediatype">
  80           <option value="youtube">YouTube</option>
  81         </select>
  82       </p>
  83     </div>
  84
  85     <div class="form-inline" v-if="item.content_type == 'story' || item.content_type == 'journal'">
  86       <p class="form-group">
  87         <label for="post-commentstatus">コメント設定：</label>
  88         <select id="post-commentstatus" class="form-control" name="commentstatus" v-model="commentstatus">
  89           <option value="disabled">コメント無効</option>
  90           <option value="enabled"[% IF !x_template %] selected="selected"[% END %]>コメント有効</option>
  91           <option value="friends_fof_only">トモダチとそのトモダチ</option>
  92           <option value="friends_only">トモダチのみ</option>
  93           <option value="logged_in">ログインユーザのみ</option>
  94           <option value="no_foe">テキじゃないみんな</option>
  95           <option value="no_foe_eof">テキとトモダチのテキ以外</option>
  96         </select>
  97       </p>
  98
  99       <p class="checkbox" v-if="item.content_type == 'story'">
 100         <label>
 101           <input type="checkbox" id="post-display" name="display" v-model="item.display" value="1" [% IF !x_template %]checked="checked"[% END %]/>
 102           管理者や編集者以外にも表示
 103         </label>
 104       </p>
 105     </div>
 106
 107     <p class="checkbox" v-show="!item.id && item.content_type == 'journal'">
 108       <label>
 109         <input type="checkbox" id="post-submissioncopy" name="submissioncopy" v-model="submissioncopy" value="1" />
 110         日記のコピーをタレコミとして投稿する
 111       </label>
 112     </p>
 113
 114     <p>
 115       <button type="submit" class="btn btn-primary" v-on:click.prevent="showPreview">投稿確認</button>
 116       <button type="button" class="btn btn-default"
 117               v-if="cancelable"
 118               v-on:click.prevent="cancelEdit">キャンセル</button>
 119       <span v-text="message"></span>
 120     </p>
 121   </form>
 122
 123   <form id="post-submit" v-show="showSubmit">
 124     <p>
 125       <button type="submit" class="btn btn-default" v-on:click.prevent="postItem" :disabled="disablePost">投稿</button>
 126       <button type="button" class="btn" v-on:click="leavePreview" :disabled="disablePost">戻る</button>
 127       <span v-text="message"></span>
 128     </p>
 129   </form>
 130 </div>