From 018e24f434fd1a40e46a2dc5a12e14d6ce90114a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simonas=20=C5=A0erlinskas?= <simonas.serlinskas@nfq.com>
Date: Mon, 5 Sep 2016 16:23:37 +0300
Subject: [PATCH] moved profiles page js to script file

---
 Resources/js/script.js                  | 78 ++++++++++++++++++++++---
 Resources/public/script.js              |  2 +-
 Resources/views/Profiles/list.html.twig | 68 ++-------------------
 Resources/views/Settings/list.html.twig |  5 ++
 4 files changed, 82 insertions(+), 71 deletions(-)

diff --git a/Resources/js/script.js b/Resources/js/script.js
index effb74a..80f6cd6 100644
--- a/Resources/js/script.js
+++ b/Resources/js/script.js
@@ -1,5 +1,5 @@
 $(document).ready(function () {
-    var table = $('#settings').DataTable( {
+    var settingTable = $('#settings').DataTable( {
         ajax: {
             url: Routing.generate('ongr_settings_search_page'),
             dataSrc: 'documents'
@@ -141,18 +141,18 @@ $(document).ready(function () {
             data: data,
             success: function (response) {
                 if (response.error == false) {
-                    table.ajax.reload();
+                    settingTable.ajax.reload();
                     $('#setting-form-modal').modal('hide')
                 } else {
-                    $('#setting-form-error').show();
                     $('#setting-form-error-message').html(response.message);
+                    $('#setting-form-error').show();
                 }
             }
         });
     });
 
     $('#settings tbody').on( 'click', 'a.edit', function () {
-        var data = table.row( $(this).parents('tr') ).data();
+        var data = settingTable.row( $(this).parents('tr') ).data();
         reloadProfiles(data.profile);
         $('#setting-action-title').text('Setting edit');
         $('#force-update').val('1');
@@ -188,15 +188,14 @@ $(document).ready(function () {
 
     $('#settings tbody').on( 'click', 'a.delete-setting', function (e) {
         e.preventDefault();
-
         var name = $(this).data('name');
         $.confirm({
-            text: "Are you sure you want to delete "+name+" setting?",
+            text: "Are you sure you want to delete setting?",
             title: "Confirmation required",
             confirm: function(button) {
                 $.post(Routing.generate('ongr_settings_settings_delete'), {name: name}, function(data) {
                     if (data.error == false) {
-                        table.ajax.reload();
+                        settingTable.ajax.reload();
                     }
                 });
             },
@@ -206,4 +205,69 @@ $(document).ready(function () {
             dialogClass: "modal-dialog modal-lg"
         });
     });
+
+
+
+    //Profile section
+    var profileTable = $('#profiles').DataTable( {
+        ajax: {
+            url: Routing.generate('ongr_settings_profiles_get_all_detailed'),
+            dataSrc: 'documents'
+        },
+        stateSave: true,
+        order: [[ 1, "asc" ]],
+        columns: [
+            { data: 'name' },
+            { data: 'name' },
+            { data: 'settings' },
+            {}
+        ],
+        columnDefs: [
+            {
+                "targets": 0,
+                "orderable": false,
+                "render": function ( data, type, row ) {
+                    var className = 'toggle-profile';
+                    var label = $('<label/>').addClass('btn btn-default').addClass(className)
+                        .addClass(className + '-' + row['name']).attr('data-name', row['name']);
+                    var on = label.clone().html('ON').attr('data-element', className + '-' + row['name']);
+                    var off = label.clone().html('OFF').attr('data-element', className + '-' + row['name']);
+
+                    if (row['active'] == true) {
+                        on.addClass('btn-primary');
+                    } else {
+                        off.addClass('btn-primary');
+                    }
+
+                    var cell = $('<div/>').addClass('btn-group btn-group-sm').append(on, off);
+
+                    return cell.prop('outerHTML');
+                }
+            },
+            {
+                "targets": 2,
+                "orderable": false,
+            },
+            {
+                "targets": 3,
+                "data": null,
+                "orderable": false,
+                "defaultContent": '<a class="copy-link btn btn-primary btn-xs" data-toggle="modal" data-target="#setting-edit">Copy link</a>&nbsp;' +
+                ''
+            } ]
+    } );
+
+    $('#profiles tbody').on( 'click', 'label.toggle-profile', function () {
+        var self = $(this);
+        $.post(Routing.generate('ongr_settings_profiles_toggle'), {name:self.data('name')}, function(){
+            $(".toggle-profile-" + self.data('name')).toggleClass('btn-primary');
+        })
+    } );
+
+    $('#profiles tbody').on( 'click', 'a.copy-link', function (e) {
+        e.preventDefault();
+        $('#profile-list-error-message').html('Enabling profiles by link is not yet implemented.');
+        $('#profile-list-error').show();
+    } );
+
 });
\ No newline at end of file
diff --git a/Resources/public/script.js b/Resources/public/script.js
index 99a8f8f..ae69d45 100644
--- a/Resources/public/script.js
+++ b/Resources/public/script.js
@@ -1 +1 @@
-$(document).ready(function(){function t(t,e){var a="";e&&(a='checked="checked"');var n='<label class="profile-choice"><input type="checkbox" '+a+' name="setting[profile][]" value="'+t+'">'+t+"</label>";$("#profiles-container .checkbox").append(n)}function e(e){$("#profiles-loader").show(),$("#profiles-container .checkbox").html(""),$.post(Routing.generate("ongr_settings_profiles_get_all"),function(a){$("#profiles-loader").hide(),a.forEach(function(a){$.inArray(a,e)>-1?t(a,!0):t(a,!1)})})}var a=$("#settings").DataTable({ajax:{url:Routing.generate("ongr_settings_search_page"),dataSrc:"documents"},stateSave:!0,columns:[{data:"name"},{data:"value"},{data:"description"},{data:"profile"},{}],columnDefs:[{targets:1,render:function(t,e,a){if("bool"==a.type){var n=$("<label/>").addClass("boolean-property btn btn-default").addClass("boolean-property-"+a.id).attr("data-name",a.name),i=n.clone().html("ON").attr("data-element","boolean-property-"+a.id).attr("data-value",1),o=n.clone().html("OFF").attr("data-element","boolean-property-"+a.id).attr("data-value",0);1==a.value?i.addClass("btn-primary"):o.addClass("btn-primary");var l=$("<div/>").addClass("btn-group btn-group-sm").append(i,o);return l.prop("outerHTML")}return t}},{targets:3,orderable:!1},{targets:4,data:null,orderable:!1,render:function(t,e,a){return'<a class="edit btn btn-primary btn-xs" data-toggle="modal" data-target="#setting-edit">Edit</a>&nbsp;<a class="delete delete-setting btn btn-danger btn-xs" data-name="'+a.name+'">Delete</a>'}}]}),n=$("<button/>").html("Add new setting").addClass("btn btn-success btn-sm").attr({id:"new-setting-button"});$("#settings_filter").append(n.prop("outerHTML")),$("#new-setting-button").on("click",function(){$("#profiles-loader").show(),$(".profile-choice").remove(),$("#setting-action-title").text("New setting"),$("#setting-form-modal").modal(),e()}),$("#select-all-profiles").on("click",function(){$('#profiles-container .checkbox input[type="checkbox"]').prop("checked",!0)}),$("#add-new-profile").on("click",function(){t($("#add-new-profile-input").val()),$("#add-new-profile-input").val("")}),$("#add-new-profile-show-form").on("click",function(){$(this).hide(),$("#add-new-profile-container").show(),$("#add-new-profile-input").focus()}),$(".bool-value-input").on("click",function(){$(".bool-value-input").removeClass("btn-primary"),$(this).addClass("btn-primary"),$("#bool-value-input").val($(this).data("value"))}),$("#setting-value-tabs").on("shown.bs.tab",function(t){var e=$(t.target).data("value");$("#setting-type-input").val(e)}),$("#setting-form-modal").on("hide.bs.modal",function(){$("#setting-form-error").hide(),$("#setting-name-input").val(""),$("#setting-description-input").val(""),$("#setting-value-input").val(""),$("#force-update").val("0"),$(".bool-value-input").removeClass("btn-primary"),$(".bool-value-input-0").addClass("btn-primary"),$("#bool-value-input").val("0"),$("#string-value-input").val(""),$("#yaml-value-input").val(""),$("#setting-name-input").removeAttr("disable"),$("input:checkbox").removeAttr("checked")}),$("#setting-form-submit").on("click",function(t){t.preventDefault(),$("#setting-value-input").val($("#"+$("#setting-type-input").val()+"-value-input").val());var e=$("#setting-form").serializeArray();$.ajax({url:Routing.generate("ongr_settings_setting_submit"),data:e,success:function(t){0==t.error?(a.ajax.reload(),$("#setting-form-modal").modal("hide")):($("#setting-form-error").show(),$("#setting-form-error-message").html(t.message))}})}),$("#settings tbody").on("click","a.edit",function(){var t=a.row($(this).parents("tr")).data();switch(e(t.profile),$("#setting-action-title").text("Setting edit"),$("#force-update").val("1"),$("#setting-name-input").val(t.name),$("#setting-name-input").attr("disable","disable"),$("#setting-name").val(t.name),$("#setting-description-input").val(t.description),$("#setting-value-input").val(t.value),$("#setting-type-input").val(t.type),$('#setting-value-tabs a[href="#'+t.type+'-value"]').tab("show"),$("#"+t.type+"-value-input").val(t.value),t.type){case"yaml":case"string":break;case"bool":$(".bool-value-input").removeClass("btn-primary"),$(".bool-value-input-"+t.value).addClass("btn-primary")}$("#setting-form-modal").modal()}),$("#settings tbody").on("click","label.boolean-property",function(){var t=$(this);$.post(Routing.generate("ongr_settings_settings_update_value"),{name:t.data("name"),value:t.data("value")},function(){var e=t.data("element");$("."+e).toggleClass("btn-primary")})}),$("#settings tbody").on("click","a.delete-setting",function(t){t.preventDefault();var e=$(this).data("name");$.confirm({text:"Are you sure you want to delete "+e+" setting?",title:"Confirmation required",confirm:function(t){$.post(Routing.generate("ongr_settings_settings_delete"),{name:e},function(t){0==t.error&&a.ajax.reload()})},confirmButton:"Yes, delete it",cancelButton:"No",confirmButtonClass:"btn-danger",dialogClass:"modal-dialog modal-lg"})})});
\ No newline at end of file
+$(document).ready(function(){function t(t,e){var a="";e&&(a='checked="checked"');var n='<label class="profile-choice"><input type="checkbox" '+a+' name="setting[profile][]" value="'+t+'">'+t+"</label>";$("#profiles-container .checkbox").append(n)}function e(e){$("#profiles-loader").show(),$("#profiles-container .checkbox").html(""),$.post(Routing.generate("ongr_settings_profiles_get_all"),function(a){$("#profiles-loader").hide(),a.forEach(function(a){$.inArray(a,e)>-1?t(a,!0):t(a,!1)})})}var a=$("#settings").DataTable({ajax:{url:Routing.generate("ongr_settings_search_page"),dataSrc:"documents"},stateSave:!0,columns:[{data:"name"},{data:"value"},{data:"description"},{data:"profile"},{}],columnDefs:[{targets:1,render:function(t,e,a){if("bool"==a.type){var n=$("<label/>").addClass("boolean-property btn btn-default").addClass("boolean-property-"+a.id).attr("data-name",a.name),o=n.clone().html("ON").attr("data-element","boolean-property-"+a.id).attr("data-value",1),l=n.clone().html("OFF").attr("data-element","boolean-property-"+a.id).attr("data-value",0);1==a.value?o.addClass("btn-primary"):l.addClass("btn-primary");var i=$("<div/>").addClass("btn-group btn-group-sm").append(o,l);return i.prop("outerHTML")}return t}},{targets:3,orderable:!1},{targets:4,data:null,orderable:!1,render:function(t,e,a){return'<a class="edit btn btn-primary btn-xs" data-toggle="modal" data-target="#setting-edit">Edit</a>&nbsp;<a class="delete delete-setting btn btn-danger btn-xs" data-name="'+a.name+'">Delete</a>'}}]}),n=$("<button/>").html("Add new setting").addClass("btn btn-success btn-sm").attr({id:"new-setting-button"});$("#settings_filter").append(n.prop("outerHTML")),$("#new-setting-button").on("click",function(){$("#profiles-loader").show(),$(".profile-choice").remove(),$("#setting-action-title").text("New setting"),$("#setting-form-modal").modal(),e()}),$("#select-all-profiles").on("click",function(){$('#profiles-container .checkbox input[type="checkbox"]').prop("checked",!0)}),$("#add-new-profile").on("click",function(){t($("#add-new-profile-input").val()),$("#add-new-profile-input").val("")}),$("#add-new-profile-show-form").on("click",function(){$(this).hide(),$("#add-new-profile-container").show(),$("#add-new-profile-input").focus()}),$(".bool-value-input").on("click",function(){$(".bool-value-input").removeClass("btn-primary"),$(this).addClass("btn-primary"),$("#bool-value-input").val($(this).data("value"))}),$("#setting-value-tabs").on("shown.bs.tab",function(t){var e=$(t.target).data("value");$("#setting-type-input").val(e)}),$("#setting-form-modal").on("hide.bs.modal",function(){$("#setting-form-error").hide(),$("#setting-name-input").val(""),$("#setting-description-input").val(""),$("#setting-value-input").val(""),$("#force-update").val("0"),$(".bool-value-input").removeClass("btn-primary"),$(".bool-value-input-0").addClass("btn-primary"),$("#bool-value-input").val("0"),$("#string-value-input").val(""),$("#yaml-value-input").val(""),$("#setting-name-input").removeAttr("disable"),$("input:checkbox").removeAttr("checked")}),$("#setting-form-submit").on("click",function(t){t.preventDefault(),$("#setting-value-input").val($("#"+$("#setting-type-input").val()+"-value-input").val());var e=$("#setting-form").serializeArray();$.ajax({url:Routing.generate("ongr_settings_setting_submit"),data:e,success:function(t){0==t.error?(a.ajax.reload(),$("#setting-form-modal").modal("hide")):($("#setting-form-error-message").html(t.message),$("#setting-form-error").show())}})}),$("#settings tbody").on("click","a.edit",function(){var t=a.row($(this).parents("tr")).data();switch(e(t.profile),$("#setting-action-title").text("Setting edit"),$("#force-update").val("1"),$("#setting-name-input").val(t.name),$("#setting-name-input").attr("disable","disable"),$("#setting-name").val(t.name),$("#setting-description-input").val(t.description),$("#setting-value-input").val(t.value),$("#setting-type-input").val(t.type),$('#setting-value-tabs a[href="#'+t.type+'-value"]').tab("show"),$("#"+t.type+"-value-input").val(t.value),t.type){case"yaml":case"string":break;case"bool":$(".bool-value-input").removeClass("btn-primary"),$(".bool-value-input-"+t.value).addClass("btn-primary")}$("#setting-form-modal").modal()}),$("#settings tbody").on("click","label.boolean-property",function(){var t=$(this);$.post(Routing.generate("ongr_settings_settings_update_value"),{name:t.data("name"),value:t.data("value")},function(){var e=t.data("element");$("."+e).toggleClass("btn-primary")})}),$("#settings tbody").on("click","a.delete-setting",function(t){t.preventDefault();var e=$(this).data("name");$.confirm({text:"Are you sure you want to delete setting?",title:"Confirmation required",confirm:function(t){$.post(Routing.generate("ongr_settings_settings_delete"),{name:e},function(t){0==t.error&&a.ajax.reload()})},confirmButton:"Yes, delete it",cancelButton:"No",confirmButtonClass:"btn-danger",dialogClass:"modal-dialog modal-lg"})});$("#profiles").DataTable({ajax:{url:Routing.generate("ongr_settings_profiles_get_all_detailed"),dataSrc:"documents"},stateSave:!0,order:[[1,"asc"]],columns:[{data:"name"},{data:"name"},{data:"settings"},{}],columnDefs:[{targets:0,orderable:!1,render:function(t,e,a){var n="toggle-profile",o=$("<label/>").addClass("btn btn-default").addClass(n).addClass(n+"-"+a.name).attr("data-name",a.name),l=o.clone().html("ON").attr("data-element",n+"-"+a.name),i=o.clone().html("OFF").attr("data-element",n+"-"+a.name);1==a.active?l.addClass("btn-primary"):i.addClass("btn-primary");var r=$("<div/>").addClass("btn-group btn-group-sm").append(l,i);return r.prop("outerHTML")}},{targets:2,orderable:!1},{targets:3,data:null,orderable:!1,defaultContent:'<a class="copy-link btn btn-primary btn-xs" data-toggle="modal" data-target="#setting-edit">Copy link</a>&nbsp;'}]});$("#profiles tbody").on("click","label.toggle-profile",function(){var t=$(this);$.post(Routing.generate("ongr_settings_profiles_toggle"),{name:t.data("name")},function(){$(".toggle-profile-"+t.data("name")).toggleClass("btn-primary")})}),$("#profiles tbody").on("click","a.copy-link",function(t){t.preventDefault(),$("#profile-list-error-message").html("Enabling profiles by link is not yet implemented."),$("#profile-list-error").show()})});
\ No newline at end of file
diff --git a/Resources/views/Profiles/list.html.twig b/Resources/views/Profiles/list.html.twig
index 9f2242d..a70a157 100644
--- a/Resources/views/Profiles/list.html.twig
+++ b/Resources/views/Profiles/list.html.twig
@@ -2,6 +2,11 @@
 
 
 {% block body %}
+    <div id="profile-list-error" class="alert alert-danger alert-dismissible fade in" style="display: none;" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
+        <h4>You got an error!</h4>
+        <p id="profile-list-error-message"></p>
+    </div>
     <table id="profiles" class="display table table-striped table-bordered" cellspacing="0" width="100%">
         <thead>
         <tr>
@@ -12,67 +17,4 @@
         </tr>
         </thead>
     </table>
-{% endblock %}
-
-{% block javascripts %}
-    {{ parent() }}
-    <script type="application/javascript">
-        $(document).ready(function () {
-
-            var table = $('#profiles').DataTable( {
-                ajax: {
-                    url: './profiles/get_all_detailed',
-                    dataSrc: 'documents'
-                },
-                stateSave: true,
-                order: [[ 1, "asc" ]],
-                columns: [
-                    { data: 'name' },
-                    { data: 'name' },
-                    { data: 'settings' },
-                    {}
-                ],
-                columnDefs: [
-                    {
-                        "targets": 0,
-                        "orderable": false,
-                        "render": function ( data, type, row ) {
-                            var className = 'toggle-profile';
-                            var label = $('<label/>').addClass('btn btn-default').addClass(className)
-                                    .addClass(className + '-' + row['name']).attr('data-name', row['name']);
-                            var on = label.clone().html('ON').attr('data-element', className + '-' + row['name']);
-                            var off = label.clone().html('OFF').attr('data-element', className + '-' + row['name']);
-
-                            if (row['active'] == true) {
-                                on.addClass('btn-primary');
-                            } else {
-                                off.addClass('btn-primary');
-                            }
-
-                            var cell = $('<div/>').addClass('btn-group btn-group-sm').append(on, off);
-
-                            return cell.prop('outerHTML');
-                        }
-                    },
-                    {
-                        "targets": 2,
-                        "orderable": false,
-                    },
-                    {
-                        "targets": 3,
-                        "data": null,
-                        "orderable": false,
-                        "defaultContent": '<a class="edit btn btn-primary btn-xs" data-toggle="modal" data-target="#setting-edit">Copy link</a>&nbsp;' +
-                        ''
-                    } ]
-            } );
-
-            $('#profiles tbody').on( 'click', 'label.toggle-profile', function () {
-                var self = $(this);
-                $.post('./profiles/toggle', {name:self.data('name')}, function(){
-                    $(".toggle-profile-" + self.data('name')).toggleClass('btn-primary');
-                })
-            } );
-        })
-    </script>
 {% endblock %}
\ No newline at end of file
diff --git a/Resources/views/Settings/list.html.twig b/Resources/views/Settings/list.html.twig
index 024bb8f..9543ada 100644
--- a/Resources/views/Settings/list.html.twig
+++ b/Resources/views/Settings/list.html.twig
@@ -1,5 +1,10 @@
 {% extends 'ONGRSettingsBundle::base.html.twig' %}
 {% block body %}
+    <div id="setting-list-error" class="alert alert-danger alert-dismissible fade in" style="display: none;" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
+        <h4>You got an error!</h4>
+        <p id="setting-list-error-message"></p>
+    </div>
     <table id="settings" class="display table table-striped table-bordered" cellspacing="0" width="100%">
         <thead>
         <tr>