Merge pull request #1139 from tobiasd/20210627-hu

[friendica-addons.git] / advancedcontentfilter / templates / settings.tpl

diff --git a/advancedcontentfilter/templates/settings.tpl b/advancedcontentfilter/templates/settings.tpl
index 813dc91991b18752749488fe22805ac27f9b5030..9ae56c3b4080dbd2256555595e93b09e5a3443e6 100644 (file)
--- a/advancedcontentfilter/templates/settings.tpl
+++ b/advancedcontentfilter/templates/settings.tpl
@@ -1,96 +1,20 @@
 <div id="adminpage">
        <style>[v-cloak] { display: none; }</style>
-       <div id="rules">
-               <p><a href="settings/addon">🔙 {{$backtosettings}}</a></p>
-               <h1>
-                       {{$title}}
+       <div id="rules"></div>
 
-                       <a href="{{$baseurl}}/advancedcontentfilter/help" class="btn btn-default btn-sm" title="{{$help}}">
-                               <i class="fa fa-question fa-2x" aria-hidden="true"></i>
-                       </a>
-               </h1>
-               <div>{{$advanced_content_filter_intro}}</div>
-               <h2>
-                       {{$your_rules}}
-                       <button class="btn btn-primary btn-sm" title="{{$add_a_rule}}" @click="showModal = true">
-                               <i class="fa fa-plus fa-2x" aria-hidden="true"></i>
-                       </button>
-               </h2>
-               <div v-if="rules.length === 0" v-cloak>
-                       {{$no_rules}}
-               </div>
+       <script>
+               var existingRules = {{$rules nofilter}};
 
-               <ul class="list-group" v-cloak>
-                       <li class="list-group-item" v-for="rule in rules">
-                               <p class="pull-right">
-                                       <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)">
-                                               <i class="fa fa-toggle-on" aria-hidden="true"></i> {{$enabled}}
-                                       </button>
-                                       <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>
-                                               <i class="fa fa-toggle-off" aria-hidden="true"></i> {{$disabled}}
-                                       </button>
+               var messages = {
+       {{foreach $messages as $key => $value}}
+                       {{$key}}: "{{$value}}",
+       {{/foreach}}
+               };
 
-                                       <button type="button" class="btn btn-xs btn-primary" v-on:click="editRule(rule)" aria-label="{{$edit_this_rule}}" title="{{$edit_this_rule}}">
-                                               <i class="fa fa-pencil" aria-hidden="true"></i>
-                                       </button>
-                                       <button type="button" class="btn btn-xs btn-default" v-on:click="deleteRule(rule)" aria-label="{{$delete_this_rule}}" title="{{$delete_this_rule}}">
-                                               <i class="fa fa-trash-o" aria-hidden="true"></i>
-                                       </button>
-                               </p>
-                               <h3 class="list-group-item-heading">
-                                       {{$rule}} #{{ rule.id }}: {{ rule.name }}
-                               </h3>
-                               <pre class="list-group-item-text" v-if="rule.expression">{{ rule.expression }}</pre>
-                       </li>
-               </ul>
+               var csrfToken = "{{$form_security_token}}";
 
-               <div class="modal fade" ref="vuemodal" tabindex="-1" role="dialog" v-cloak>
-                       <div class="modal-dialog" role="document">
-                               <div class="modal-content">
-                                       <div class="modal-header">
-               {{if $current_theme == 'frio'}}
-                                               <button type="button" class="close" data-dismiss="modal" aria-label="{{$close}}" @click="showModal = false"><span aria-hidden="true">&times;</span></button>
-               {{/if}}
-                                               <h3 v-if="rule.id">{{$edit_the_rule}} "{{ rule.name }}"</h3>
-                                               <h3 v-if="!rule.id">{{$add_a_rule}}</h3>
-                                       </div>
-                                       <div class="modal-body">
-                                               <form>
-                                                       <input type="hidden" name="form_security_token" id="csrf" value="{{$form_security_token}}" />
-                                                       <div class="alert alert-danger" role="alert" v-if="errorMessage">{{ errorMessage }}</div>
-                                                       <div class="form-group">
-                                                               <input class="form-control" placeholder="{{$rule_name}}" v-model="rule.name">
-                                                       </div>
-                                                       <div class="form-group">
-                                                               <input class="form-control" placeholder="{{$rule_expression}}" v-model="rule.expression">
-                                                       </div>
-                                               </form>
-                                       </div>
-                                       <div class="modal-footer">
-                                               <button type="button" class="btn btn-default" data-dismiss="modal" aria-label="Close" @click="resetForm()">{{$cancel}}</button>
-                                               <button slot="button" class="btn btn-primary" type="button" v-if="rule.id" v-on:click="saveRule(rule)">{{$save_this_rule}}</button>
-                                               <button slot="button" class="btn btn-primary" type="button" v-if="!rule.id" v-on:click="addRule()">{{$add_a_rule}}</button>
-                                       </div>
-                               </div><!-- /.modal-content -->
-                       </div><!-- /.modal-dialog -->
-               </div><!-- /.modal -->
-
-               <form class="form-inline" v-on:submit.prevent="showVariables()">
-                       <fieldset>
-                               <legend>Show post variables</legend>
-                               <div class="form-group" style="width: 50%">
-                                       <label for="itemUrl" class="sr-only">Post URL or item guid</label>
-                                       <input class="form-control" id="itemUrl" placeholder="Post URL or item guid" v-model="itemUrl" style="width: 100%">
-                               </div>
-                               <button type="submit" class="btn btn-primary">Show Variables</button>
-                       </fieldset>
-               </form>
-               <pre v-cloak>
-{{ itemJson }}
-               </pre>
-       </div>
-
-       <script> var existingRules = {{$rules}};</script>
+               var currentTheme = "{{$current_theme}}";
+       </script>
 
        <!-- JS -->
        <script src="{{$baseurl}}/view/asset/vue/dist/vue.min.js"></script>