check error not correct remove and sort items

@@ -859,7 +859,10 @@ jQuery(document).ready(function () {
                         ],
                     });
 
-                    $this.closest(".wrapper-block").find('> .panel-group').append($data);
+                    $this
+                        .closest(".wrapper-block")
+                        .find("> .panel-group")
+                        .append($data);
 
                     $data.find("input:file").each(function () {
                         ajaxFileUpload.initFileInput($(this));
@@ -878,6 +881,10 @@ jQuery(document).ready(function () {
             var $this = $(this),
                 url = $this.attr("href");
 
+            $(".sort-repeat-row, .delete-repeat-row").addClass(
+                "not-possible-click"
+            );
+
             jQuery.ajax({
                 type: "POST",
                 url: url,
@@ -885,6 +892,10 @@ jQuery(document).ready(function () {
                     if (data.status == "ok") {
                         $this.closest(".panel").remove();
                     }
+
+                    $(".sort-repeat-row, .delete-repeat-row").removeClass(
+                        "not-possible-click"
+                    );
                 },
             });
 
@@ -902,9 +913,12 @@ jQuery(document).ready(function () {
                 $currentItem = $this.closest(".panel"),
                 $prevItem = $currentItem.prev(),
                 $nextItem = $currentItem.next(),
-                repeat_id = $this.data('repeat-id'),
-                parent_id = $this.data('parent-id');
+                repeat_id = $this.data("repeat-id"),
+                parent_id = $this.data("parent-id");
 
+            $(".sort-repeat-row, .delete-repeat-row").addClass(
+                "not-possible-click"
+            );
 
             if ($this.hasClass("sort-up") && $prevItem) {
                 $currentItem.insertBefore($prevItem);
@@ -917,13 +931,20 @@ jQuery(document).ready(function () {
                 position = 1;
 
             $wrapper.children().each(function (index) {
-                data.push({ position: position, index: $(this).data('id').split('_')[1] });
+                data.push({
+                    position: position,
+                    index: $(this).data("id").split("_")[1],
+                });
                 position += 1;
             });
             jQuery.ajax({
                 type: "POST",
                 url: $wrapper.data("update-url"),
-                data: { data: data,  repeat_id: repeat_id, parent_id: parent_id},
+                data: {
+                    data: data,
+                    repeat_id: repeat_id,
+                    parent_id: parent_id,
+                },
                 success: function (data) {
                     if ($this.hasClass("sort-up") && $prevItem) {
                         var prevItemId = $prevItem.data("id"),
@@ -938,6 +959,9 @@ jQuery(document).ready(function () {
                         $currentItem.data("id", nextItemId);
                         $nextItem.data("id", currentItemId);
                     }
+                    $(".sort-repeat-row, .delete-repeat-row").removeClass(
+                        "not-possible-click"
+                    );
                 },
             });
 

 .page-list {
-  .dd3-content{
+  .dd3-content {
     padding: 10px 100px 10px 65px;
   }
 }
 
-.dd3-handle.dd3-page-list-handle{
+.dd3-handle.dd3-page-list-handle {
   height: 82px !important;
 }
 
-.dd3-action{
+.dd3-action {
   position: absolute;
   top: 0px;
   right: 0;
-  height: 82px;  
-  .dropdown .btn{
-    height: 82px;  
+  height: 82px;
+  .dropdown .btn {
+    height: 82px;
   }
 }
 
 .dd3-disabled {
-  .dd3-handle, .dd3-content {opacity:0.5;}
+  .dd3-handle,
+  .dd3-content {
+    opacity: 0.5;
+  }
 }
 
-.dd-full-width{
-  max-width:100% !important;
+.dd-full-width {
+  max-width: 100% !important;
 }
 
-.text-in-one-string{
+.text-in-one-string {
   white-space: nowrap;
   overflow: hidden;
   display: block;
@@ -34,39 +37,71 @@
   float: none;
 }
 
-.choose-lang{
-  padding-left:20px;
+.choose-lang {
+  padding-left: 20px;
 }
 
-.tt-dataset{
+.tt-dataset {
   max-height: 200px;
-  overflow-y: scroll;  
+  overflow-y: scroll;
 }
 
-.gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, .gray-theme.fr-popup .fr-command.fr-btn.fr-disabled{
-  
+.gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
+.gray-theme.fr-popup .fr-command.fr-btn.fr-disabled {
 }
 
-.filter .btn-group-toggle > .btn{margin-bottom:30px;position:relative;background-color: #999999;border-color: #999999;}
-.filter .btn-group-toggle > .btn .delete-tag-wrapper{position:absolute;top:-30px;left:0;width:100%;height:30px;}
-.filter .btn-group-toggle > .btn a, .filter .btn-group-toggle > .btn a:hover{text-decoration:none;font-size:14px;line-height:14px;margin-top:10px;display:inline-block;}
-.filter .btn-group-toggle > .btn .delete-tag-wrapper{display:none;}
-.filter .btn-group-toggle > .btn:hover .delete-tag-wrapper{display:block;}
-.filter .btn-group-toggle > .btn:hover{background-color: #5d9cec;border-color: #5d9cec;}
-.checkbox-list{
-  input{margin-right:3px;}
-  label{margin-right:10px;}
+.filter .btn-group-toggle > .btn {
+  margin-bottom: 30px;
+  position: relative;
+  background-color: #999999;
+  border-color: #999999;
+}
+.filter .btn-group-toggle > .btn .delete-tag-wrapper {
+  position: absolute;
+  top: -30px;
+  left: 0;
+  width: 100%;
+  height: 30px;
+}
+.filter .btn-group-toggle > .btn a,
+.filter .btn-group-toggle > .btn a:hover {
+  text-decoration: none;
+  font-size: 14px;
+  line-height: 14px;
+  margin-top: 10px;
+  display: inline-block;
+}
+.filter .btn-group-toggle > .btn .delete-tag-wrapper {
+  display: none;
+}
+.filter .btn-group-toggle > .btn:hover .delete-tag-wrapper {
+  display: block;
+}
+.filter .btn-group-toggle > .btn:hover {
+  background-color: #5d9cec;
+  border-color: #5d9cec;
+}
+.checkbox-list {
+  input {
+    margin-right: 3px;
+  }
+  label {
+    margin-right: 10px;
+  }
 }
 
-.block{display:block !important;}
+.block {
+  display: block !important;
+}
 
-.card-header-back{
+.card-header-back {
   margin-bottom: 10px;
   display: inline-block;
 }
 
 .dropdown-item,
-.html-generator .html-content .col-inner .col-operation .dropdown-item a, .html-generator .html-content .row-inner .row-operation .dropdown-item a {
+.html-generator .html-content .col-inner .col-operation .dropdown-item a,
+.html-generator .html-content .row-inner .row-operation .dropdown-item a {
   display: block;
   width: 100%;
   padding: 0.25rem 1.5rem;
@@ -77,4 +112,9 @@
   white-space: nowrap;
   background-color: transparent;
   font-size: 14px !important;
-  border: 0; }
\ No newline at end of file
+  border: 0;
+}
+
+.not-possible-click {
+  pointer-events: none;
+}

@@ -45,6 +45,7 @@ module Kanjai
       template_part = @obj.page.page_template.template_parts.find_by_code(@obj.type_content)
 
       h = {}
+      row_items = @obj.page_content_markers.where(repeat_id: params[:repeat_id], parent_id: params[:parent_id]).where.not(row_item: nil).pluck(:row_item).uniq.sort
       params[:data].each do |key, item|
         h[item[:index].to_i] = item[:position].to_i
       end
@@ -53,7 +54,8 @@ module Kanjai
 
       @obj.page_content_markers.where(repeat_id: params[:repeat_id], parent_id: params[:parent_id]).each do |item|
         if h[item.row_item]
-          item.update_column(:row_item, h[item.row_item])
+          new_row_item_index = h[item.row_item] - 1
+          item.update_column(:row_item, row_items[new_row_item_index])
         end
       end
 

 <% uuid = SecureRandom.uuid %>
 <% if @row_item.present? %>
-    <div class="panel panel-default" data-id="<%= @row_item %>">
+    <div class="panel panel-default" data-id="<%= uuid %>_<%= @row_item %>">
 
       <div class="panel-heading" style="margin-top:20px;margin-bottom:20px;" role="tab" id="heading_<%= @row_item %>">
         <h4>

 module Kanjai
-  VERSION = "0.0.337"
+  VERSION = "0.0.338"
 end