src/newslash_web/templates/journal/create.html.tt2

   1 [% WRAPPER common/layout sidebar=1 vue=1%]
   2 <div class="main-column">
   3   <div class="post submission main-contents">
   4     <div id="post-editor">
   5       <h2>日記の編集</h2>
   6       <div id="post-preview">
   7         <div v-html="message" class="message"></div>
   8         <h3>プレビュー：</h3>
   9         [%-
  10         story.title = "";
  11         story.content_type = "journal";
  12         story.author = user.nickname;
  13         story.time = "";
  14         story.introtext = "";
  15         story.preview = 1;
  16         story.commentcount = 0;
  17         story.vue_template = 1;
  18         -%]
  19         [%- INCLUDE common/article hide_more_link=1 -%]
  20       </div>
  21
  22       <form id="post-submission" v-show="showForm">
  23         <p class="form-group">
  24           <label for="post-title">タイトル：</label>
  25           <input id="post-title" type="text" class="form-control" name="title" v-model="title" placeholder="タイトル" />
  26         </p>
  27         <p class="form-group">
  28           <label for="post-introtext">本文：</label>
  29           <textarea id="post-introtext" name="introtext" class="form-control" v-model="introtext" placeholder="本文をここに記述してください" ></textarea>
  30         </p>
  31         <div class="form-inline">
  32           <p class="form-group">
  33             <label for="post-commentstatus">コメント設定：</label>
  34             <select id="post-commentstatus" class="form-control" name="commentstatus" v-model="commentstatus">
  35               <option value="disabled">コメント無効</option>
  36               <option value="enabled" selected="selected">コメント有効</option>
  37               <option value="friends_fof_only">トモダチとそのトモダチ</option>
  38               <option value="friends_only">トモダチのみ</option>
  39               <option value="logged_in">ログインユーザのみ</option>
  40               <option value="no_foe">テキじゃないみんな</option>
  41               <option value="no_foe_eof">テキとトモダチのテキ以外</option>
  42             </select>
  43           </p>
  44           <p class="checkbox">
  45             <label>
  46               <input type="checkbox" id="post-submissioncopy" name="submissioncopy" v-model="submissioncopy" value="1" />
  47               日記のコピーをタレコミとして投稿する
  48             </label>
  49           </p>
  50         </div>
  51         <p>
  52           <button type="submit" class="btn btn-default" v-on:click.prevent="showPreview">投稿確認</button>
  53         </p>
  54       </form>
  55
  56       <form id="post-submit" v-show="showSubmit">
  57         <p>
  58           <button type="submit" class="btn btn-default" v-on:click.prevent="postSubmission">投稿</button>
  59           <button type="button" class="btn" v-on:click="leavePreview">戻る</button>
  60         </p>
  61       </form>
  62
  63     </div><!-- #post-form -->
  64
  65   </div>
  66 </div>
  67 [%- INCLUDE common/sidebar -%]
  68
  69 <script src="/js/editor.js" ></script>
  70 <script>
  71   editor.run({ type: 'journal', el: '#post-editor', user: user, });
  72 </script>
  73
  74 [% END %]