advancedcontentfilter/templates/settings.tpl

   1 <div id="adminpage">
   2         <style>[v-cloak] { display: none; }</style>
   3         <div id="rules">
   4                 <p><a href="settings/addon">🔙 {{$backtosettings}}</a></p>
   5                 <h1>
   6                         {{$title}}
   7
   8                         <a href="{{$baseurl}}/advancedcontentfilter/help" class="btn btn-default btn-sm" title="{{$help}}">
   9                                 <i class="fa fa-question fa-2x" aria-hidden="true"></i>
  10                         </a>
  11                 </h1>
  12                 <div>{{$advanced_content_filter_intro}}</div>
  13                 <h2>
  14                         {{$your_rules}}
  15                         <button class="btn btn-primary btn-sm" title="{{$add_a_rule}}" @click="showModal = true">
  16                                 <i class="fa fa-plus fa-2x" aria-hidden="true"></i>
  17                         </button>
  18                 </h2>
  19                 <div v-if="rules.length === 0" v-cloak>
  20                         {{$no_rules}}
  21                 </div>
  22
  23                 <ul class="list-group" v-cloak>
  24                         <li class="list-group-item" v-for="rule in rules">
  25                                 <p class="pull-right">
  26                                         <button type="button" class="btn btn-xs btn-primary" v-on:click="toggleActive(rule)" aria-label="{{$disable_this_rule}}" title="{{$disable_this_rule}}" v-if="parseInt(rule.active)">
  27                                                 <i class="fa fa-toggle-on" aria-hidden="true"></i> {{$enabled}}
  28                                         </button>
  29                                         <button type="button" class="btn btn-xs btn-default" v-on:click="toggleActive(rule)" aria-label="{{$enable_this_rule}}" title="{{$enable_this_rule}}" v-else>
  30                                                 <i class="fa fa-toggle-off" aria-hidden="true"></i> {{$disabled}}
  31                                         </button>
  32
  33                                         <button type="button" class="btn btn-xs btn-primary" v-on:click="editRule(rule)" aria-label="{{$edit_this_rule}}" title="{{$edit_this_rule}}">
  34                                                 <i class="fa fa-pencil" aria-hidden="true"></i>
  35                                         </button>
  36                                         <button type="button" class="btn btn-xs btn-default" v-on:click="deleteRule(rule)" aria-label="{{$delete_this_rule}}" title="{{$delete_this_rule}}">
  37                                                 <i class="fa fa-trash-o" aria-hidden="true"></i>
  38                                         </button>
  39                                 </p>
  40                                 <h3 class="list-group-item-heading">
  41                                         {{$rule}} #{{ rule.id }}: {{ rule.name }}
  42                                 </h3>
  43                                 <pre class="list-group-item-text" v-if="rule.expression">{{ rule.expression }}</pre>
  44                         </li>
  45                 </ul>
  46
  47                 <div class="modal fade" ref="vuemodal" tabindex="-1" role="dialog" v-cloak>
  48                         <div class="modal-dialog" role="document">
  49                                 <div class="modal-content">
  50                                         <div class="modal-header">
  51                 {{if $current_theme == 'frio'}}
  52                                                 <button type="button" class="close" data-dismiss="modal" aria-label="{{$close}}" @click="showModal = false"><span aria-hidden="true">&times;</span></button>
  53                 {{/if}}
  54                                                 <h3 v-if="rule.id">{{$edit_the_rule}} "{{ rule.name }}"</h3>
  55                                                 <h3 v-if="!rule.id">{{$add_a_rule}}</h3>
  56                                         </div>
  57                                         <div class="modal-body">
  58                                                 <form>
  59                                                         <input type="hidden" name="form_security_token" id="csrf" value="{{$form_security_token}}" />
  60                                                         <div class="alert alert-danger" role="alert" v-if="errorMessage">{{ errorMessage }}</div>
  61                                                         <div class="form-group">
  62                                                                 <input class="form-control" placeholder="{{$rule_name}}" v-model="rule.name">
  63                                                         </div>
  64                                                         <div class="form-group">
  65                                                                 <input class="form-control" placeholder="{{$rule_expression}}" v-model="rule.expression">
  66                                                         </div>
  67                                                 </form>
  68                                         </div>
  69                                         <div class="modal-footer">
  70                                                 <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close" @click="resetForm()">{{$cancel}}</button>
  71                                                 <button slot="button" class="btn btn-primary" type="button" v-if="rule.id" v-on:click="saveRule(rule)">{{$save_this_rule}}</button>
  72                                                 <button slot="button" class="btn btn-primary" type="button" v-if="!rule.id" v-on:click="addRule()">{{$add_a_rule}}</button>
  73                                         </div>
  74                                 </div><!-- /.modal-content -->
  75                         </div><!-- /.modal-dialog -->
  76                 </div><!-- /.modal -->
  77
  78                 <form class="form-inline" v-on:submit.prevent="showVariables()">
  79                         <fieldset>
  80                                 <legend>Show post variables</legend>
  81                                 <div class="form-group" style="width: 50%">
  82                                         <label for="itemUrl" class="sr-only">Post URL or item guid</label>
  83                                         <input class="form-control" id="itemUrl" placeholder="Post URL or item guid" v-model="itemUrl" style="width: 100%">
  84                                 </div>
  85                                 <button type="submit" class="btn btn-primary">Show Variables</button>
  86                         </fieldset>
  87                 </form>
  88                 <pre v-cloak>
  89 {{ itemJson }}
  90                 </pre>
  91         </div>
  92
  93         <script> var existingRules = {{$rules}};</script>
  94
  95         <!-- JS -->
  96         <script src="{{$baseurl}}/view/asset/vue/dist/vue.min.js"></script>
  97         <script src="{{$baseurl}}/addon/advancedcontentfilter/advancedcontentfilter.js"></script>
  98 </div>