added remix icon selector

package-lock.json

@@ -8,6 +8,7 @@
                 "@fortawesome/fontawesome-free": "^6.1.1",
                 "jquery": "^2.2.4",
                 "jquery-sortable": "^0.9.13",
+                "remixicon": "^3.6.0",
                 "rvnm": "^1.4.0",
                 "select2": "^4.1.0-rc.0",
                 "vazir-font": "^30.1.0",
@@ -7714,6 +7715,11 @@
                 "node": ">= 0.10"
             }
         },
+        "node_modules/remixicon": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-3.6.0.tgz",
+            "integrity": "sha512-+IEL/cPimpAhvg7o24Pwyd3v+R0/j0p0WK4MHJUfv/HrsHJ0LElnbMFY8l+Uu/xDBzFIvGB64towtEnAkK9obg=="
+        },
         "node_modules/replace-ext": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz",
@@ -15651,6 +15657,11 @@
             "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
             "dev": true
         },
+        "remixicon": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-3.6.0.tgz",
+            "integrity": "sha512-+IEL/cPimpAhvg7o24Pwyd3v+R0/j0p0WK4MHJUfv/HrsHJ0LElnbMFY8l+Uu/xDBzFIvGB64towtEnAkK9obg=="
+        },
         "replace-ext": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz",

package.json

@@ -11,10 +11,16 @@
     },
     "devDependencies": {
         "@popperjs/core": "^2.10.2",
+        "alertifyjs": "^1.13.1",
         "axios": "^0.25",
         "bootstrap": "^5.3.0",
+        "chart.js": "^3.8.2",
         "laravel-mix": "^6.0.6",
+        "lightbox2": "^2.11.3",
         "lodash": "^4.17.19",
+        "owl.carousel": "^2.3.4",
+        "persian-date": "^1.1.0",
+        "persian-datepicker": "^1.2.0",
         "postcss": "^8.1.14",
         "resolve-url-loader": "^3.1.2",
         "sass": "^1.32.11",
@@ -22,13 +28,6 @@
         "vue": "^2.6.12",
         "vue-loader": "^15.9.8",
         "vue-template-compiler": "^2.7.10",
-
-        "lightbox2": "^2.11.3",
-        "owl.carousel": "^2.3.4",
-        "persian-date": "^1.1.0",
-        "persian-datepicker": "^1.2.0",
-        "alertifyjs": "^1.13.1",
-        "chart.js": "^3.8.2",
         "x-mega-menu": "^1.2.0",
         "xzoom": "^1.0.15"
     },
@@ -36,6 +35,7 @@
         "@fortawesome/fontawesome-free": "^6.1.1",
         "jquery": "^2.2.4",
         "jquery-sortable": "^0.9.13",
+        "remixicon": "^3.6.0",
         "rvnm": "^1.4.0",
         "select2": "^4.1.0-rc.0",
         "vazir-font": "^30.1.0",

resources/js/app.js

@@ -70,6 +70,8 @@ Vue.component('example-component', require('./components/ExampleComponent.vue').
 Vue.component('meta-price', require('./components/MetaPrice.vue').default);
 Vue.component('currency', require('./components/CurrencyInput.vue').default);
 Vue.component('meta-element', require('./components/MetaElement.vue').default);
+Vue.component('remix-icon-picker', require('./components/RemixIconPicker.vue').default);
+
 var app = new Vue({
     el: '#app',
     data: {

resources/sass/app.scss

@@ -1,6 +1,7 @@
 // Fonts
 
 @import "~@fortawesome/fontawesome-free/css/all.min.css";
+@import "~remixicon/fonts/remixicon.css";
 @import "~vazir-font/dist/font-face.css";
 @import "~vue-multiselect/dist/vue-multiselect.min.css";
 @import "~persian-datepicker/dist/css/persian-datepicker.min.css";

resources/views/admin/props/propForm.blade.php

@@ -122,17 +122,7 @@
                 {{__("Icon")}}
             </div>
             <div class="card-body">
-                <input type="hidden" name="icon" id="icon" value="{{old('icon',$p->icon??null)}}"/>
+                <remix-icon-picker xname="icon" xval="{{old('icon',$p->icon??null)}}"></remix-icon-picker>
-                <div class="btn-group btn-block">
-                    <button type="button" class="btn btn-primary  iconpicker-component"><i
-                            class=" fa-fw {{$p->icon??''}}"></i></button>
-                    <button type="button" data-src="#icon" class="icp icp-dd btn  btn-primary dropdown-toggle"
-                            data-selected="fa-car" data-toggle="dropdown">
-                        <span class="caret"></span>
-                        <span class="sr-only">Toggle Dropdown</span>
-                    </button>
-                    <div class="dropdown-menu"></div>
-                </div>
             </div>
             @if(isset($p))
                 <input type="hidden" id="options" value='{{$p->options}}'>

resources/views/vendor/starter-kit/admin/post/postForm.blade.php

@@ -164,19 +164,19 @@
                     <div class="card-header">
                         {{__("Icon")}}
                     </div>
-                    <div class="card-body">
+                    <div class="card-body text-center">
-                        <input type="hidden" name="icon" id="icon" value="{{old('icon',$posts->icon??null)}}"/>
+{{--                        <input type="hidden" name="icon" id="icon" value="{{old('icon',$posts->icon??null)}}"/>--}}
-                        <div class="btn-group btn-block">
+{{--                        <div class="btn-group btn-block">--}}
-                            <button type="button" class="btn btn-primary  iconpicker-component"><i
+{{--                            <button type="button" class="btn btn-primary  iconpicker-component"><i--}}
-                                        class=" fa-fw {{$posts->icon??''}}"></i></button>
+{{--                                        class=" fa-fw {{$posts->icon??''}}"></i></button>--}}
-                            <button type="button" data-src="#icon" class="icp icp-dd btn  btn-primary dropdown-toggle"
+{{--                            <button type="button" data-src="#icon" class="icp icp-dd btn  btn-primary dropdown-toggle"--}}
-                                    data-selected="fa-car" data-toggle="dropdown">
+{{--                                    data-selected="fa-car" data-toggle="dropdown">--}}
-                                <span class="caret"></span>
+{{--                                <span class="caret"></span>--}}
-                                <span class="sr-only">Toggle Dropdown</span>
+{{--                                <span class="sr-only">Toggle Dropdown</span>--}}
-                            </button>
+{{--                            </button>--}}
-                            <div class="dropdown-menu"></div>
+{{--                            <div class="dropdown-menu"></div>--}}
-                        </div>
+{{--                        </div>--}}
-
+                        <remix-icon-picker xname="icon" xval="{{$posts->icon??''}}"></remix-icon-picker>
                     </div>
                 </div>
                 <div class="card mb-3">