Reorderable drag-and-drop lists for featured products, articles

ocStore · Jun 12, 2021 · 8697f47 · 8697f47
1 parent 6609653
commit 8697f47
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 0 deletions.
diff --git a/upload/admin/controller/extension/module/blog_featured.php b/upload/admin/controller/extension/module/blog_featured.php
@@ -8,6 +8,9 @@ class ControllerExtensionModuleBlogFeatured extends Controller {
 	public function index() {
 		$this->load->language('extension/module/blog_featured');
 
+        $this->document->addScript('view/javascript/jquery/Sortable.js');
+        $this->document->addScript('view/javascript/jquery/jquery-sortable.js');
+
 		$this->document->setTitle($this->language->get('heading_title'));
 
 		$this->load->model('setting/module');

diff --git a/upload/admin/controller/extension/module/featured.php b/upload/admin/controller/extension/module/featured.php
@@ -5,6 +5,9 @@ class ControllerExtensionModuleFeatured extends Controller {
 	public function index() {
 		$this->load->language('extension/module/featured');
 
+        $this->document->addScript('view/javascript/jquery/Sortable.js');
+        $this->document->addScript('view/javascript/jquery/jquery-sortable.js');
+
 		$this->document->setTitle($this->language->get('heading_title'));
 
 		$this->load->model('setting/module');

diff --git a/upload/admin/view/template/extension/module/blog_featured.twig b/upload/admin/view/template/extension/module/blog_featured.twig
@@ -90,6 +90,12 @@
     </div>
   </div>
   <script type="text/javascript"><!--
+// Reorderable drag-and-drop lists
+$('#blog_featured-article div input').before(' <i class="fa fa-hand-grab-o handle"></i> ');
+$('#blog_featured-article').sortable({
+  handle: '.handle',
+  chosenClass: 'handle-active',
+});
 $('input[name=\'article_name\']').autocomplete({
 	source: function(request, response) {
 		$.ajax({

diff --git a/upload/admin/view/template/extension/module/featured.twig b/upload/admin/view/template/extension/module/featured.twig
@@ -90,6 +90,12 @@
     </div>
   </div>
   <script type="text/javascript"><!--
+// Reorderable drag-and-drop lists
+$('#featured-product div input').before(' <i class="fa fa-hand-grab-o handle"></i> ');
+$('#featured-product').sortable({
+  handle: '.handle',
+  chosenClass: 'handle-active',
+});
 $('input[name=\'product_name\']').autocomplete({
 	source: function(request, response) {
 		$.ajax({