From c2f0472682539d3600bc556495013f50d8d34fb5 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 2 Jul 2019 16:41:12 +0200
Subject: [PATCH] #2843

---
 src/app/Magic/Fields/Date.php                 |  10 ++
 src/app/Magic/Fields/Datetime.php             |  22 +++
 src/app/Magic/Models/News.php                 |  48 ++++++
 .../views/fields/select_and_order.blade.php   | 153 ++++++++++++++++++
 4 files changed, 233 insertions(+)
 create mode 100644 src/app/Magic/Fields/Date.php
 create mode 100644 src/app/Magic/Fields/Datetime.php
 create mode 100644 src/app/Magic/Models/News.php
 create mode 100644 src/resources/views/fields/select_and_order.blade.php

diff --git a/src/app/Magic/Fields/Date.php b/src/app/Magic/Fields/Date.php
new file mode 100644
index 0000000..ca59d88
--- /dev/null
+++ b/src/app/Magic/Fields/Date.php
@@ -0,0 +1,10 @@
+<?php
+
+
+namespace Cubist\Backpack\app\Magic\Fields;
+
+class Date extends Datetime
+{
+    protected $_adminType = 'date_picker';
+    protected $_databaseType = 'date';
+}
diff --git a/src/app/Magic/Fields/Datetime.php b/src/app/Magic/Fields/Datetime.php
new file mode 100644
index 0000000..e70c379
--- /dev/null
+++ b/src/app/Magic/Fields/Datetime.php
@@ -0,0 +1,22 @@
+<?php
+
+
+namespace Cubist\Backpack\app\Magic\Fields;
+
+class Datetime extends Field
+{
+    protected $_adminType = 'datetime_picker';
+    protected $_cast = 'date';
+    protected $pickerOptions = ['format' => 'DD/MM/YYYY HH:mm', 'language' => 'fr'];
+    protected $_databaseType='datetime';
+
+    public function _mutator($value)
+    {
+        return \Date::parse($value);
+    }
+
+    public function getDefaultAttributes()
+    {
+        return array_merge(parent::getDefaultAttributes(), ['datetime_picker_options' => $this->pickerOptions]);
+    }
+}
diff --git a/src/app/Magic/Models/News.php b/src/app/Magic/Models/News.php
new file mode 100644
index 0000000..a974717
--- /dev/null
+++ b/src/app/Magic/Models/News.php
@@ -0,0 +1,48 @@
+<?php
+
+
+namespace Cubist\Backpack\app\Magic\Models;
+
+
+class News extends CubistMagicModel
+{
+
+    protected $table = 'cubist_news';
+
+    protected $_options = ['name' => 'news',
+        'singular' => 'actualité',
+        'plural' => 'actualités'];
+
+    public function setFields()
+    {
+        parent::setFields();
+
+        $this->addField(['name' => 'title',
+            'label' => 'Titre',
+            'type' => 'Text',
+            'column' => true]);
+
+        $this->addField(['name' => 'slug',
+            'type' => 'Slug',
+            'label' => 'Slug (URL)']);
+
+        $this->addField(['name' => 'date',
+            'type' => 'Datetime',
+            'label' => 'Date de publication',
+            'column' => true]);
+
+        $this->addField(['name' => 'chapo',
+            'type' => 'Textarea',
+            'label' => 'Chapo']);
+
+        $this->addField(['name' => 'image',
+            'type' => 'Images',
+            'label' => 'Image']);
+
+        $this->addField(['name' => 'status',
+            'type' => 'SelectFormArray',
+            'options' => ['0' => 'Offline', '1' => 'Published'],
+            'column' => true
+        ]);
+    }
+}
diff --git a/src/resources/views/fields/select_and_order.blade.php b/src/resources/views/fields/select_and_order.blade.php
new file mode 100644
index 0000000..898d09f
--- /dev/null
+++ b/src/resources/views/fields/select_and_order.blade.php
@@ -0,0 +1,153 @@
+<!-- select_and_order -->
+@php
+    $values = isset($field['value']) ? (array)$field['value'] : [];
+@endphp
+
+<div @include('crud::inc.field_wrapper_attributes') >
+    <label>{!! $field['label'] !!}</label>
+    @include('crud::inc.field_translatable_icon')
+    <div>
+        <ul id="{{ $field['name'] }}_selected" class="{{ $field['name'] }}_connectedSortable select_and_order_selected pull-left">
+            @if(old($field["name"]))
+                @if(is_array(old($field["name"])))
+                    @foreach (old($field["name"]) as $key)
+                        @if(array_key_exists($key,$field['options']))
+                            <li value="{{$key}}"><i class="fa fa-arrows"></i> {{ $field['options'][$key] }}</li>
+                        @endif
+                    @endforeach
+                @endif
+            @elseif (is_array($values))
+                @foreach ($values as $key)
+                    @if(array_key_exists($key,$field['options']))
+                    <li value="{{$key}}"><i class="fa fa-arrows"></i> {{ $field['options'][$key] }}</li>
+                    @endif
+                @endforeach
+            @endif
+        </ul>
+        <ul id="{{ $field['name'] }}_all" class="{{ $field['name'] }}_connectedSortable select_and_order_all pull-right">
+            @if(old($field["name"]))
+                @foreach ($field['options'] as $key => $value)
+                    @if(!is_array(old($field["name"])) || !in_array($key, old($field["name"])))
+                        <li value="{{ $key}}"><i class="fa fa-arrows"></i> {{ $value }}</li>
+                    @endif
+                @endforeach
+            @elseif (isset($field['options']))
+                @foreach ($field['options'] as $key => $value)
+                    @if(is_array($values) && !in_array($key, $values))
+                        <li value="{{ $key}}"><i class="fa fa-arrows"></i> {{ $value }}</li>
+                    @endif
+                @endforeach
+            @endif
+        </ul>
+
+        {{-- The results will be stored here --}}
+        <div id="{{ $field['name'] }}_results"></div>
+    </div>
+
+
+
+    {{-- HINT --}}
+    @if (isset($field['hint']))
+        <p class="help-block">{!! $field['hint'] !!}</p>
+    @endif
+</div>
+
+
+{{-- ########################################## --}}
+{{-- Extra CSS and JS for this particular field --}}
+{{-- If a field type is shown multiple times on a form, the CSS and JS will only be loaded once --}}
+@if ($crud->checkIfFieldIsFirstOfItsType($field, $fields))
+
+    {{-- FIELD CSS - will be loaded in the after_styles section --}}
+    @push('crud_fields_styles')
+    <style>
+        .select_and_order_all,
+        .select_and_order_selected {
+            min-height: 120px;
+            list-style-type: none;
+            max-height: 220px;
+            overflow: scroll;
+            overflow-x: hidden;
+            padding: 0px 5px 5px 5px;
+            border: 1px solid #e6e6e6;
+            width: 48%;
+        }
+        .select_and_order_all {
+            border: none;
+        }
+        .select_and_order_all li,
+        .select_and_order_selected li{
+            border: 1px solid #eee;
+            margin-top: 5px;
+            padding: 5px;
+            font-size: 1em;
+            overflow: hidden;
+            cursor: grab;
+            border-style: dashed;
+        }
+        .select_and_order_all li {
+            background: #fbfbfb;
+            color: grey;
+        }
+        .select_and_order_selected li {
+            border-style: solid;
+        }
+        .select_and_order_all li.ui-sortable-helper,
+        .select_and_order_selected li.ui-sortable-helper {
+            color: #3c8dbc;
+            border-collapse: #3c8dbc;
+            z-index: 9999;
+        }
+        .select_and_order_all .ui-sortable-placeholder,
+        .select_and_order_selected .ui-sortable-placeholder {
+            border: 1px dashed #3c8dbc;
+            visibility: visible!important;
+        }
+        .ui-sortable-handle {
+            -ms-touch-action: none;
+            touch-action: none;
+        }
+
+    </style>
+    @endpush
+
+    @push('crud_fields_scripts')
+    <script src="{{ asset('vendor/adminlte/bower_components/jquery-ui/jquery-ui.min.js') }}"></script>
+    @endpush
+
+@endif
+
+{{-- FIELD JS - will be loaded in the after_scripts section --}}
+@push('crud_fields_scripts')
+<script>
+    jQuery(document).ready(function($) {
+        $( "#{{ $field['name'] }}_all, #{{ $field['name'] }}_selected" ).sortable({
+            connectWith: ".{{ $field['name'] }}_connectedSortable",
+            update: function() {
+                var updatedlist = $(this).attr('id');
+                if((updatedlist == "{{ $field['name'] }}_selected")) {
+                    $("#{{ $field['name'] }}_results").html("");
+                    if($("#{{ $field['name'] }}_selected").find('li').length==0) {
+                        var input = document.createElement("input");
+                        input.setAttribute('name',"{{ $field['name'] }}");
+                        input.setAttribute('value',null);
+                        input.setAttribute('type','hidden');
+                        $("#{{ $field['name'] }}_results").append(input);
+                    } else {
+                        $("#{{ $field['name'] }}_selected").find('li').each(function(val,obj) {
+                            var input = document.createElement("input");
+                            input.setAttribute('name',"{{ $field['name'] }}[]");
+                            input.setAttribute('value',obj.getAttribute('value'));
+                            input.setAttribute('type','hidden');
+                            $("#{{ $field['name'] }}_results").append(input);
+                        });
+                    }
+                }
+            }
+        }).disableSelection();
+    });
+</script>
+@endpush
+
+{{-- End of Extra CSS and JS --}}
+{{-- ########################################## --}}
-- 
2.39.5