src/newslash_web/templates/admin/ads/index.html.tt2

   1 [% WRAPPER common/layout %]
   2
   3 <div class="app-frame" id="ad-code-manager">
   4   <h3>AD Code Manager</h3>
   5
   6   <div class="alert alert-danger" v-if="message == 'save_failed'">保存に失敗しました</div>
   7   <div class="alert alert-success" v-else-if="message == 'saved'">保存しました</div>
   8   <div class="alert alert-danger" v-else-if="message == 'delete_failed'">削除に失敗しました</div>
   9   <div class="alert alert-success" v-else-if="message == 'deleted'">削除しました</div>
  10   <div class="alert alert-danger" v-else-if="message">エラー</div>
  11
  12   <form class="form">
  13     <div id="forms-wrapper">
  14       <div id="ad-codes-selector">
  15         <select size="30" v-model="selected">
  16           <option v-for="code in adCodes" :value="code" v-text="code.name"></option>
  17         </select>
  18         <button type="button" @click="addItem">新規作成</button>
  19         <button type="button" @click="deleteItem(selected)" :disabled="!selected.ad_id && selected.ad_id !== 0">削除</button>
  20       </div>
  21
  22       <div id="ad-codes-editor">
  23         <div>
  24           <label>AD_CODE_ID：<input class="inline" v-model="selected.ad_id" disabled/></label>
  25         </div>
  26         <div>
  27           <label>ステータス：
  28             <select v-model="selected.status">
  29               <option value="enabled" >有効</option>
  30               <option value="disabled">無効</option>
  31             </select>
  32           </label>
  33         </div>
  34         <div>
  35           <label>名称：<input v-model="selected.name" /></label>
  36         </div>
  37         <div>
  38           <label>説明：<input v-model="selected.description"/></label>
  39         </div>
  40         <div>
  41           <label>広告コード：
  42             <textarea class="tallest" v-model="selected.content"></textarea>
  43           </label>
  44         </div>
  45         <div>
  46           <button type="button" :disabled="!selected.ad_id && selected.ad_id !== 0" @click="saveItem(selected)">保存</button>
  47         </div>
  48       </div>
  49     </div>
  50   </form>
  51 </div>
  52
  53 [% helpers.load_js("ad-codes-editor.js") %]
  54 [%# <script src="/js/ad-codes-editor.js" ></script> %]
  55 <script>
  56   adCodesEditor.run({ el: '#ad-code-manager' });
  57 </script>
  58
  59 [% END %]