Merge pull request #2 from Weble/feature/ais-sort-by

added sort by builder element

Author: sisilvic

plugin/assets/algolia.min.js

@@ -9,6 +9,7 @@ import {
     AisRefinementList,
     AisStats,
     AisSearchBox,
+    AisSortBy,
 } from 'vue-instantsearch';
 
 import {history as historyRouter} from 'instantsearch.js/es/lib/routers';
@@ -47,6 +48,7 @@ export default {
         AisCurrentRefinements,
         AisStats,
         AisSearchBox,
+        AisSortBy,
     },
 
     data() {

plugin/assets/src/components/AlgoliaSearch.js

@@ -0,0 +1,70 @@
+{
+    "@import": "./element.php",
+    "name": "algolia_sort",
+    "title": "Sort Items",
+    "group": "Algolia",
+    "icon": "${url:svg/icon.svg}",
+    "iconSmall": "${url:svg/iconSmall.svg}",
+    "element": true,
+    "width": 500,
+    "templates": {
+        "render": "./templates/template.php",
+        "content": "./templates/content.php"
+    },
+    "fields": {
+        "sorting_items": {
+            "label": "List Item",
+            "type": "content-items",
+            "item": "algolia_sort_item"
+        },
+        "position": "${builder.position}",
+        "position_left": "${builder.position_left}",
+        "position_right": "${builder.position_right}",
+        "position_top": "${builder.position_top}",
+        "position_bottom": "${builder.position_bottom}",
+        "position_z_index": "${builder.position_z_index}",
+        "margin": "${builder.margin}",
+        "margin_remove_top": "${builder.margin_remove_top}",
+        "margin_remove_bottom": "${builder.margin_remove_bottom}",
+        "maxwidth": "${builder.maxwidth}",
+        "maxwidth_breakpoint": "${builder.maxwidth_breakpoint}",
+        "block_align": "${builder.block_align}",
+        "block_align_breakpoint": "${builder.block_align_breakpoint}",
+        "block_align_fallback": "${builder.block_align_fallback}",
+        "text_align": "${builder.text_align_justify}",
+        "text_align_breakpoint": "${builder.text_align_breakpoint}",
+        "text_align_fallback": "${builder.text_align_justify_fallback}",
+        "animation": "${builder.animation}",
+        "_parallax_button": "${builder._parallax_button}",
+        "visibility": "${builder.visibility}",
+        "name": "${builder.name}",
+        "status": "${builder.status}",
+        "id": "${builder.id}",
+        "class": "${builder.cls}",
+        "attributes": "${builder.attrs}",
+        "css": {
+            "label": "CSS",
+            "description": "Enter your own custom CSS. The following selectors will be prefixed automatically for this element: <code>.el-element</code>, <code>.el-item</code>, <code>.el-title</code>, <code>.el-meta</code>, <code>.el-content</code>, <code>.el-image</code>, <code>.el-link</code>",
+            "type": "editor",
+            "editor": "code",
+            "mode": "css",
+            "attrs": {
+                "debounce": 500
+            }
+        }
+    },
+    "fieldset": {
+        "default": {
+            "type": "tabs",
+            "fields": [
+                {
+                    "title": "Settings",
+                    "fields": [
+                        "sorting_items"
+                    ]
+                },
+                "${builder.advanced}"
+            ]
+        }
+    }
+}

plugin/builder/algolia_sort/element.json

@@ -0,0 +1,23 @@
+<?php
+
+
+return [
+
+    'transforms' => [
+
+        'render' => function ($node) {
+
+
+
+            foreach ($node->children as $child) {
+                $node->props['sorting_items'][] = [
+                    'value' => $child->props['item_value'],
+                    'label' => $child->props['item_label']
+                ];
+            }
+
+        }
+
+    ],
+
+];

plugin/builder/algolia_sort/element.php

@@ -0,0 +1,11 @@
+<?php
+$el = $this->el('div', $attrs);
+
+$search = $this->el('ais-sort-by', [
+    ':items' => json_encode($props['sorting_items'])
+])
+?>
+
+<?= $el($props, $attrs); ?>
+    <?= $search($props); ?><?= $search->end(); ?>
+<?= $el->end(); ?>

plugin/builder/algolia_sort/svg/icon.svg

@@ -0,0 +1,33 @@
+{
+    "@import": "./element.php",
+    "name": "algolia_sort_item",
+    "title": "Item",
+    "width": 500,
+    "fields": {
+        "item_value": {
+            "label": "Title",
+            "source": true
+        },
+        "item_label": {
+            "label": "Title",
+            "source": true
+        },
+        "status": "${builder.statusItem}",
+        "source": "${builder.source}"
+    },
+    "fieldset": {
+        "default": {
+            "type": "tabs",
+            "fields": [
+                {
+                    "title": "Settings",
+                    "fields": [
+                        "item_value",
+                        "item_label"
+                    ]
+                },
+                "${builder.advancedItem}"
+            ]
+        }
+    }
+}

plugin/builder/algolia_sort/svg/iconSmall.svg

@@ -0,0 +1,14 @@
+<?php
+
+
+return [
+
+    'transforms' => [
+
+        'render' => function ($node) {
+
+        }
+
+    ],
+
+];