feat(wizard): replace home pictogram with text and move below category tree

Author: btry

inc/form.class.php

@@ -639,7 +639,8 @@ public function showServiceCatalog() : void {
    public function showWizard() : void {
       echo '<div id="plugin_formcreator_wizard_categories" class="card">';
       echo '<div><h2 class="card-title">'._n("Category", "Categories", 2, 'formcreator').'</h2></div>';
-      echo '<div><a href="#" id="wizard_seeall"><i class="fas fa-home"></i></a></div>';
+      echo '<div class="slinky-menu"></div>';
+      echo '<div><a href="#" id="wizard_seeall">' . __('See all', 'formcreator') . '</a></div>';
       echo '</div>';
 
       echo '<div id="plugin_formcreator_wizard_right" class="card">';

js/scripts.js

@@ -149,16 +149,13 @@ function updateCategoriesView() {
       data: {wizard: 'categories'},
       dataType: "json"
    }).done(function(response) {
-      var html = '<div class="slinky-menu">';
-      html = html + buildCategoryList(response);
-      html = html + '</div>';
+      var html = buildCategoryList(response);
 
       //Display categories
-      $('#plugin_formcreator_wizard_categories .slinky-menu').remove();
-      $('#plugin_formcreator_wizard_categories').append(html);
+      $('#plugin_formcreator_wizard_categories .slinky-menu').html(html);
 
       // Setup slinky
-      slinkyCategories = $('#plugin_formcreator_wizard_categories div:nth(2)').slinky({
+      slinkyCategories = $('#plugin_formcreator_wizard_categories .slinky-menu').slinky({
          label: true
       });