feat(repeater): expose option to disable reordering of repeaters

64robots · Apr 4, 2022 · c227d5a · c227d5a
1 parent 0ed79be
commit c227d5a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/docs/src/form-fields/repeater.md b/docs/src/form-fields/repeater.md
@@ -16,6 +16,7 @@ pageClass: twill-doc
 | name         | Name of the field                            | string  | same as `type`   |
 | max          | Maximum amount that can be created           | number  | null (unlimited) |
 | buttonAsLink | Displays the `Add` button as a centered link | boolean | false            |
+| reorder      | Allow reordering of repeater items           | boolean | true             |
 
 <br/>
 

diff --git a/frontend/js/components/Repeater.vue b/frontend/js/components/Repeater.vue
@@ -7,6 +7,7 @@
             ref="blockList"
             :block="block"
             :index="index"
+            :withHandle="draggable"
             :size="blockSize"
             :opened="opened"
           >

diff --git a/frontend/js/components/blocks/BlockEditorItem.vue b/frontend/js/components/blocks/BlockEditorItem.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="block" :class="blockClasses">
     <div class="block__header" @dblclick.prevent="toggleExpand()">
-      <span class="block__handle"></span>
+      <span v-if="withHandle" class="block__handle"></span>
       <div class="block__toggle">
         <a17-dropdown :ref="moveDropdown" class="f--small" position="bottom-left" v-if="withMoveDropdown" :maxHeight="270">
           <span class="block__counter f--tiny" @click="$refs[moveDropdown].toggle()">{{ index + 1 }}</span>
@@ -66,6 +66,10 @@
       block: {
         type: Object,
         default: () => {}
+      },
+      withHandle: {
+        type: Boolean,
+        default: true
       }
     },
     data () {

diff --git a/views/partials/form/_repeater.blade.php b/views/partials/form/_repeater.blade.php
@@ -2,11 +2,13 @@
     $name = $name ?? $type;
     $buttonAsLink = $buttonAsLink ?? false;
     $max = $max ?? null;
+    $reorder = $reorder ?? true;
 @endphp
 
 <a17-repeater
     type="{{ $type }}"
     @if ($max) :max="{{$max}}" @endif
+    @if (!$reorder) :draggable="false" @endif
     @if ($renderForBlocks) :name="repeaterName('{{ $name }}')" @else name="{{ $name }}" @endif
     @if ($buttonAsLink) :button-as-link="true" @endif
 ></a17-repeater>