From ecd01e139615af1a692724605de772d5fe4e06e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal@binarity.cz>
Date: Sun, 2 Oct 2016 22:14:41 +0200
Subject: [PATCH] FIX: fix saving menu widget

---
 .../views/admin/widgets/menu/form.blade.php   | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/resources/views/admin/widgets/menu/form.blade.php b/resources/views/admin/widgets/menu/form.blade.php
index 1cbe3d50..0087e446 100644
--- a/resources/views/admin/widgets/menu/form.blade.php
+++ b/resources/views/admin/widgets/menu/form.blade.php
@@ -21,7 +21,7 @@
     </label>
 
     <input class="form-control" type="text" name="containerClass" placeholder="@lang('widgets/menu.containerClass')"
-           value="{{old("containerClass")}}" />
+           value="{{old("containerClass", $widget->settingsObj->containerClass)}}" />
 
 
     <div class="row">
@@ -30,7 +30,7 @@
 
             <div id="menu-items-container">
                 @foreach($widget->settingsObj->links as $pageId => $details)
-                    <span class="btn btn-sm btn-info" data-page-id="{{$pageId}}"
+                    <span class="added-menu-item btn btn-sm btn-info" data-page-id="{{$pageId}}"
                           id="item-{{$pageId}}">{{$details->text}}</span>
                 @endforeach
 
@@ -78,6 +78,20 @@
             $ ('#widgetSettings').val (JSON.stringify (items));
         });
 
+        function bindRemovingItems() {
+            $ ('.added-menu-item').click (function () {
+                var id = $ (this).data ('page-id');
+                var elem = $ ('#page-' + id);
+
+                if (elem.length != 0)
+                    elem.click ();
+                else
+                    $ (this).remove ();
+            });
+        }
+
+        bindRemovingItems();
+
         $ ('.menu-item').click (function () {
             var url = $ (this).data ('page-url');
             var text = $ (this).text ();
@@ -91,9 +105,10 @@
                 $ (this).removeClass ('btn-secondary')
             } else {
                 // add
-                $ ('#menu-items-container').append ('<span class="btn btn-sm btn-info" id="item-' + id + '" data-page-id="' + id + '">' + text + '</span> ');
+                $ ('#menu-items-container').append ('<span class="added-menu-item btn btn-sm btn-info" id="item-' + id + '" data-page-id="' + id + '">' + text + '</span> ');
                 $ (this).addClass ('btn-secondary');
                 $ (this).removeClass ('btn-info');
+                bindRemovingItems();
             }
 
             // distinguish between added and not-added page