From 7788a598f4906f363c02e1aacf579f8515433aa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal@binarity.cz>
Date: Tue, 22 Mar 2016 15:53:23 +0100
Subject: [PATCH] FEATURE: *in progress* working on menu widgets

---
 .../Contracts/MenuExtensionHandler.php        |  10 +-
 app/Widgets/Menu/Extensions/URL.php           |  29 ++++-
 app/Widgets/Menu/Menu.php                     |  28 +----
 app/Widgets/Menu/Presenters/Menu.php          |  19 ++-
 resources/lang/en/widgets/menu.php            |   4 +-
 .../en/widgets/tvorba-menu-od-petera.html     | 114 ++++++++++++++++++
 .../views/admin/widgets/menu/edit.blade.php   |  20 +++
 .../widgets/menu/extensions/url.blade.php     |  17 +++
 .../views/admin/widgets/menu/form.blade.php   |  97 +++++++++++++++
 .../views/admin/widgets/menu/new.blade.php    |  10 ++
 10 files changed, 317 insertions(+), 31 deletions(-)
 create mode 100644 resources/lang/en/widgets/tvorba-menu-od-petera.html
 create mode 100644 resources/views/admin/widgets/menu/edit.blade.php
 create mode 100644 resources/views/admin/widgets/menu/extensions/url.blade.php
 create mode 100644 resources/views/admin/widgets/menu/form.blade.php
 create mode 100644 resources/views/admin/widgets/menu/new.blade.php

diff --git a/app/Widgets/Contracts/MenuExtensionHandler.php b/app/Widgets/Contracts/MenuExtensionHandler.php
index bf4cd89d..e15a68f5 100644
--- a/app/Widgets/Contracts/MenuExtensionHandler.php
+++ b/app/Widgets/Contracts/MenuExtensionHandler.php
@@ -3,5 +3,13 @@ namespace App\Widgets\Contracts;
 
 interface MenuExtensionHandler {
 
-    public static function getPossibleValues();
+    public function getName();
+    public function getDescription();
+    public function getId();
+    
+    public function getPossibleValues();
+
+    public function getFormExtensionTemplate();
+
+    public function save();
 }
\ No newline at end of file
diff --git a/app/Widgets/Menu/Extensions/URL.php b/app/Widgets/Menu/Extensions/URL.php
index 913e0592..d53179f6 100644
--- a/app/Widgets/Menu/Extensions/URL.php
+++ b/app/Widgets/Menu/Extensions/URL.php
@@ -4,8 +4,33 @@ namespace App\Widgets\Menu\Extensions;
 use App\Widgets\Contracts\MenuExtensionHandler;
 
 class URL implements MenuExtensionHandler {
-    public static function getPossibleValues()
+    public function getPossibleValues()
     {
-        // TODO: Implement getPossibleValues() method.
+        return '*';
+    }
+
+    public function getId()
+    {
+        return 'url';
+    }
+
+    public function getName()
+    {
+        return trans('widgets/menu.extensionURL');
+    }
+
+    public function getDescription()
+    {
+        return trans('widgets/menu.extensionURLDescription');
+    }
+
+    public function getFormExtensionTemplate()
+    {
+        return 'admin.widgets.menu.extensions.url';
+    }
+
+    public function save()
+    {
+        // TODO: Implement save() method.
     }
 }
\ No newline at end of file
diff --git a/app/Widgets/Menu/Menu.php b/app/Widgets/Menu/Menu.php
index 902cd5ae..84d01e30 100644
--- a/app/Widgets/Menu/Menu.php
+++ b/app/Widgets/Menu/Menu.php
@@ -3,9 +3,9 @@ namespace App\Widgets\Menu;
 
 use App\Http\Requests\Request;
 use App\Widgets\Contracts\WidgetRenderer;
-use App\Widgets\Widget;
+use App\Widgets\NonInstallableWidget;
 
-class Menu extends Widget
+class Menu extends NonInstallableWidget
 {
     /**
      * Name getter
@@ -14,7 +14,7 @@ class Menu extends Widget
      */
     public static function getName()
     {
-        return 'widgets/menu.name';
+        return 'widgets/menu.widgetName';
     }
 
     /**
@@ -24,7 +24,7 @@ class Menu extends Widget
      */
     public static function getDescription()
     {
-        return 'widgets/menu.description';
+        return 'widgets/menu.widgetDescription';
     }
 
     /**
@@ -45,24 +45,6 @@ class Menu extends Widget
      */
     public static function save(\App\Models\Widget $widget, Request $request)
     {
-        // TODO: Implement save() method.
-    }
-
-    /**
-     * Function for installing given widget
-     *
-     * @return mixed
-     */
-    public static function install()
-    {
-        // TODO: Implement install() method.
-    }
-
-    /**
-     * Function for uninstalling widget
-     */
-    public static function uninstall()
-    {
-        // TODO: Implement uninstall() method.
+        return $widget;
     }
 }
\ No newline at end of file
diff --git a/app/Widgets/Menu/Presenters/Menu.php b/app/Widgets/Menu/Presenters/Menu.php
index c3e431d2..13bb1275 100644
--- a/app/Widgets/Menu/Presenters/Menu.php
+++ b/app/Widgets/Menu/Presenters/Menu.php
@@ -4,6 +4,7 @@ namespace App\Widgets\Menu\Presenters;
 use App\Models\Widget;
 use App\Models\WidgetType;
 use App\Widgets\Contracts\WidgetRenderer;
+use Illuminate\Support\Facades\App;
 
 class Menu implements WidgetRenderer
 {
@@ -18,7 +19,7 @@ class Menu implements WidgetRenderer
      */
     public static function render($settings)
     {
-        // TODO: Implement render() method.
+        return json_encode($settings);
     }
 
     /**
@@ -30,7 +31,16 @@ class Menu implements WidgetRenderer
      */
     public static function renderAddForm(WidgetType $type)
     {
-        // TODO: Implement renderAddForm() method.
+        $extensions = App::make('registerMenuExtension')
+                         ->get();
+
+        $widget = new Widget();
+
+        return view('admin.widgets.menu.new', [
+            'type'       => $type,
+            'widget'     => $widget,
+            'extensions' => $extensions
+        ]);
     }
 
     /**
@@ -42,6 +52,9 @@ class Menu implements WidgetRenderer
      */
     public static function renderEditForm(Widget $widget)
     {
-        // TODO: Implement renderEditForm() method.
+        $extensions = App::make('registerMenuExtension')
+                         ->get();
+
+        return view('admin.widgets.menu.edit', ['widget' => $widget]);
     }
 }
\ No newline at end of file
diff --git a/resources/lang/en/widgets/menu.php b/resources/lang/en/widgets/menu.php
index fe78a0f5..854dc151 100644
--- a/resources/lang/en/widgets/menu.php
+++ b/resources/lang/en/widgets/menu.php
@@ -1,5 +1,5 @@
 <?php
 return [
-    'name'        => 'Menu',
-    'description' => 'User defined menu'
+    'widgetName'        => 'Menu',
+    'widgetDescription' => 'User defined menu'
 ];
\ No newline at end of file
diff --git a/resources/lang/en/widgets/tvorba-menu-od-petera.html b/resources/lang/en/widgets/tvorba-menu-od-petera.html
new file mode 100644
index 00000000..e99b9c0d
--- /dev/null
+++ b/resources/lang/en/widgets/tvorba-menu-od-petera.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title></title>
+	<style>
+		label { display: inline-block; margin-right: 10px; }
+
+		a { display: inline-block; margin-right: 10px; }
+	</style>
+</head>
+<body>
+<div id="zoznampoloziek">
+	​
+</div>
+<div class="jednapolozka" id="hlavnanovapolozka">
+	<input type="text" class="polozkamenu" data-id="0" data-parent="0">
+	<a href="javascript:void(0);" onclick="pridajPolozku(this.parentNode.getElementsByClassName('polozkamenu')[0])">pridaj
+																																						 polozku</a>
+</div>
+<hr>
+<a href="javascript:console.info(model)">printni model do conosoly</a>
+<script type="text/javascript">
+	var model = {};
+	var counter = 0;
+	var zoznam = document.getElementById ('zoznampoloziek');
+	var hlavnapolozka = document.getElementById ('hlavnanovapolozka');
+
+	function pridajPolozku(element) {
+		if (element.value == '') {
+			alert ('prazdnu polozku nepridas');
+			return false;
+		}
+
+		counter++;
+		element.setAttribute ('data-id', counter);
+		model[element.getAttribute ('data-id')] = {
+			'name': element.value,
+			'parent': element.getAttribute ('data-parent'),
+		};
+
+		element.value = '';
+
+		aktualizujZoznam ();
+	}
+	function zmazat(element) {
+		var polozka = element.parentNode.getElementsByTagName ('LABEL')[0];
+		if (confirm ('naozaj zmazat id: ' + polozka.getAttribute ('data-id') + ' : "' + polozka.textContent + '" ?')) {
+			delete model[polozka.getAttribute ('data-id')];
+			aktualizujZoznam ();
+		}
+	}
+
+	function novePridajPolozku(element) {
+		var polozka = element.parentNode.getElementsByTagName ('LABEL')[0],
+				  subpolozkainput = hlavnapolozka.cloneNode (true),
+				  subinput = subpolozkainput.getElementsByClassName ('polozkamenu')[0];
+
+		counter++;
+		subpolozkainput.removeAttribute ('id');
+		subinput.setAttribute ('data-id', counter.toString ());
+		subinput.setAttribute ('data-parent', polozka.getAttribute ('data-id'));
+
+		element.parentNode.appendChild (subpolozkainput);
+	}
+
+	function novyDomPrePolozky(id, parent, name) {
+		var div = document.createElement ('div'),
+				  popis = document.createElement ('label'),
+				  zmaz = document.createElement ('a'),
+				  sub = document.createElement ('a');
+
+		popis.textContent = name;
+		popis.setAttribute ('data-id', id);
+		popis.setAttribute ('data-parent', parent);
+
+		zmaz.textContent = 'zmaz';
+		zmaz.href = 'javascript:void(0);';
+		zmaz.setAttribute ('onclick', 'zmazat(this);');
+
+		sub.textContent = 'pridaj sub';
+		sub.href = 'javascript:void(0)';
+		sub.setAttribute ('onclick', 'novePridajPolozku(this);');
+		div.appendChild (popis);
+		div.appendChild (zmaz);
+		div.appendChild (sub);
+
+		return div;
+	}
+	function aktualizujZoznam() {
+		var key,
+				  novydom,
+				  zoznamitems = zoznam.childNodes,
+				  zoznamitems_i = zoznamitems.length;
+		while (zoznamitems_i--) {
+			zoznam.removeChild (zoznamitems[zoznamitems_i]);
+		}
+
+		for (key in model) {
+			if (model.hasOwnProperty (key)) {
+				novydom = novyDomPrePolozky (key, model[key].parent, model[key].name);
+				if (model[key].parent == 0) {
+					zoznam.appendChild (novydom);
+				} else {
+					zoznam.insertBefore (novydom, zoznam.querySelector ('[data-id="' + model[key].parent + '"]').parentNode.nextSibling);
+				}
+			}
+		}
+		zoznam.appendChild (document.createElement ('div'));
+	}
+
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/resources/views/admin/widgets/menu/edit.blade.php b/resources/views/admin/widgets/menu/edit.blade.php
new file mode 100644
index 00000000..3685072f
--- /dev/null
+++ b/resources/views/admin/widgets/menu/edit.blade.php
@@ -0,0 +1,20 @@
+@extends('admin.layout')
+
+@section('pageName', @trans('widgets/menu.edit', ['name' => $widget->name]))
+
+@section('content')
+    <h1>@lang('widgets/menu.edit', ['name' => $widget->name])</h1>
+
+    <div class="row">
+        <div class="column large-8">
+            @include('admin.widgets.menu.form', ['formAction' => route('widgets.postEdit', ['id' => $widget->id])])
+
+        </div>
+        <div class="column large-4">
+            <h3>@lang('widgets/menu.preview')</h3>
+
+            @widgetPreview($widget)
+        </div>
+    </div>
+@stop
+
diff --git a/resources/views/admin/widgets/menu/extensions/url.blade.php b/resources/views/admin/widgets/menu/extensions/url.blade.php
new file mode 100644
index 00000000..447ce7f4
--- /dev/null
+++ b/resources/views/admin/widgets/menu/extensions/url.blade.php
@@ -0,0 +1,17 @@
+<label>
+    @lang('widgets.url')
+
+    <input type="text" name="url" id="urlField"/>
+</label>
+
+<label>
+    @lang('widgets.anchor')
+
+    <input type="text" name="anchor" id="anchorField"/>
+</label>
+
+<label>
+    @lang('widgets.openInNewWindow')
+
+    <input type="checkbox" checked="checked" name="openInNewWindow" id="openInNewWindowField"/>
+</label>
\ No newline at end of file
diff --git a/resources/views/admin/widgets/menu/form.blade.php b/resources/views/admin/widgets/menu/form.blade.php
new file mode 100644
index 00000000..a8afd180
--- /dev/null
+++ b/resources/views/admin/widgets/menu/form.blade.php
@@ -0,0 +1,97 @@
+@if (!isset($hideMessages))
+    @if (session('success'))
+        <div class="callout success">
+            {{ session('success') }}
+        </div>
+    @endif
+
+    @if (session('error'))
+        <div class="callout alert">
+            {{ session('error') }}
+        </div>
+    @endif
+@endif
+
+<form action="{{$formAction}}" method="POST">
+    {!! csrf_field() !!}
+    <label>
+        @lang('widgets/menu.name')
+
+        <input type="text" name="name" value="{{old("name", $widget->name)}}" placeholder="@lang('widgets/menu.name')" />
+
+        @if (isset($errors) && $errors->has('name'))
+            <div class="callout alert">
+                {{ $errors->first('name') }}
+            </div>
+        @endif
+    </label>
+
+    <label>
+        @lang('widgets/menu.description')
+
+        <input type="text" name="description" placeholder="@lang('widgets/menu.description')"
+               value="{{old("description", $widget->description)}}" />
+
+        @if (isset($errors) && $errors->has('description'))
+            <div class="callout alert">
+                {{ $errors->first('description') }}
+            </div>
+        @endif
+    </label>
+
+    <textarea name="moduleSettings" id="menuConfig">{}</textarea>
+
+    <button type="submit" class="button success">@lang('widgets/menu.createNew')</button>
+</form>
+
+
+<ul class="tabs" data-tabs id="createMenu">
+    @foreach($extensions as $extension)
+        <li class="tabs-title @if($extension->getId() == reset($extensions)->getId()) is-active @endif">
+            <a href="#{{$extension->getId()}}" @if($extension->getId() == reset($extensions)->getId()) aria-selected="true" @endif>
+                {{trans($extension->getName())}}
+            </a>
+        </li>
+    @endforeach
+</ul>
+
+<div class="tabs-content" data-tabs-content="createMenu">
+    @foreach($extensions as $extension)
+        <div class="tabs-panel @if($extension->getId() == reset($extensions)->getId()) is-active @endif" id="{{$extension->getId()}}">
+            <h4>{{$extension->getName()}}</h4>
+            <p>{{$extension->getDescription()}}</p>
+
+            <form action="#" id="menuItem-{{$extension->getId()}}" class="menuItems" data-extension="{{$extension->getId()}}">
+                @include($extension->getFormExtensionTemplate())
+
+                <div class="row">
+                    <button class="button" type="submit"><i class="fa fa-plus"></i></button>
+                </div>
+            </form>
+        </div>
+    @endforeach
+</div>
+
+@section('javascripts')
+    <script type="text/javascript">
+        $('.menuItems').submit(function () {
+            var id = $(this).data('extension');
+            var existingSettings = {};
+
+            try {
+                existingSettings = JSON.parse ($ ('#menuConfig').val ());
+            } catch (err) {
+                // ignore
+            }
+
+            $(this).find(':input').each(function () {
+                var name = $(this).attr('name');
+                var value = $(this).val();
+
+                alert('name: '+name+", value: "+value);
+            });
+
+            return false;
+        });
+    </script>
+@stop
\ No newline at end of file
diff --git a/resources/views/admin/widgets/menu/new.blade.php b/resources/views/admin/widgets/menu/new.blade.php
new file mode 100644
index 00000000..cc9e5e70
--- /dev/null
+++ b/resources/views/admin/widgets/menu/new.blade.php
@@ -0,0 +1,10 @@
+@extends('admin.layout')
+
+@section('pageName', @trans('widgets/menu.new'))
+
+@section('content')
+    <h1>@lang('widgets/menu.new')</h1>
+
+    @include('admin.widgets.menu.form', ['formAction' => route('widgets.postNew', ['type' => $type])])
+@stop
+