Close #22

lib/iconpicker.php

@@ -15,6 +15,14 @@ include_once __DIR__ . "/fontawesome5_iconlist.php";
         <input type="text" id="icon_search" class="form-control" />
     </div>
     <div class="icon_bin">
+        <label title="No Icon" data-search="no icon blank empty none" data-icon="">
+            <input type="radio" class="iconselector_radio" name="selectedicon" value="" />
+            <div class="card icon">
+                <div class="card-body m-0 p-1 text-red">
+                    <span class="fas fa-times fa-fw"></span>
+                </div>
+            </div>
+        </label>
         <?php
         foreach ($FONTAWESOME as $fa => $info) {
             ?>

pages/editor.php

@@ -157,7 +157,7 @@ if (!is_empty($VARS['siteid'])) {
                                     <div
                                         class="list-group-item"
                                         data-pageid="<?php echo $page['pageid']; ?>">
-                                            <i class="fas fa-sort"></i> <?php echo $page['title']; ?>
+                                        <i class="fas fa-sort"></i> <?php echo $page['title']; ?>
                                     </div>
                                     <?php
                                 }
@@ -248,6 +248,10 @@ if (!is_empty($VARS['siteid'])) {
                     <br /> <div class="card d-inline-block mb-2">
                         <div class="card-body p-1">
                             <img id="selectedimage" class="img-responsive" />
+                            <br />
+                            <span class="btn btn-sm btn-outline-danger mt-1" id="removeimagebtn">
+                                <span class="fas fa-times fa-fw"></span> <?php lang("remove image"); ?>
+                            </span>
                         </div>
                     </div>
                     <div id="imagepicker">

static/js/editorparent.js

@@ -86,6 +86,10 @@ function editComplex(json) {
             });
         }
         loadComplexImageBrowser();
+        $("#removeimagebtn").click(function () {
+            $("#imageEdit").data("image", "");
+            $("#imageEdit #selectedimage").attr("src", "");
+        });
     }
     if (typeof content.link === 'undefined') {
         $("#linkEdit").addClass("d-none");
@@ -231,7 +235,7 @@ navbarSortList = sortable('#navbar-order-list', {
     }
 });
 
-sortable('#navbar-order-list')[0].addEventListener('sortupdate', function(e) {
+sortable('#navbar-order-list')[0].addEventListener('sortupdate', function (e) {
     var items = e.detail.origin.items;
     var pageids = [];
     for (var i = 0; i < items.length; i++) {