maglevcms 1.4.0 → 1.5.1

data/app/frontend/editor/components/kit/submit-button.vue

@@ -8,17 +8,17 @@
     <span v-if="isDefaultState" data-button-label>{{ defaultLabel }}</span>
 
     <span v-if="isInProgressState" class="flex items-center justify-center">
-      <icon name="ri-loader-4-line" spin color="#fff" key="progress" />
+      <uikit-icon name="ri-loader-4-line" spin color="#fff" key="progress" />
       <span class="ml-2" data-button-label>{{ inProgressLabel }}</span>
     </span>
 
     <span v-if="isSuccessState" class="flex items-center justify-center">
-      <icon name="ri-check-line" color="#fff" key="success" />
+      <uikit-icon name="ri-check-line" color="#fff" key="success" />
       <span class="ml-2" data-button-label>{{ successLabel }}</span>
     </span>
 
     <span v-if="isFailState" class="flex items-center justify-center">
-      <icon name="ri-alert-line" color="#fff" key="fail" />
+      <uikit-icon name="ri-alert-line" color="#fff" key="fail" />
       <span class="ml-2" data-button-label>{{ failLabel }}</span>
     </span>
   </button>
@@ -26,7 +26,7 @@
 
 <script>
 export default {
-  name: 'SubmitButton',
+  name: 'UIKitSubmitButton',
   props: {
     type: {
       type: String,

data/app/frontend/editor/components/kit/tabs.vue

@@ -8,7 +8,7 @@
         v-for="(tab, index) in tabs"
         :key="`tab-${index}`"
         type="button"
-        class=" py-1 pb-0 px-4 block hover:text-editor-primary focus:outline-none border-b-2 z-10"
+        class="py-1 pb-0 px-4 block hover:text-editor-primary focus:outline-none border-b-2 z-10"
         :class="{
           'text-gray-500 border-transparent': index !== currentIndex,
           'text-editor-primary font-medium border-editor-primary':
@@ -43,7 +43,7 @@
 
 <script>
 export default {
-  name: 'Tabs',
+  name: 'UIKitTabs',
   props: {
     tabs: { type: Array, default: () => [] },
     firstIndex: { type: Number, default: 0 },

data/app/frontend/editor/components/kit/text-input.vue

@@ -31,7 +31,7 @@
 import FocusedInputMixin from '@/mixins/focused-input'
 
 export default {
-  name: 'TextInput',
+  name: 'UIKitTextInput',
   mixins: [FocusedInputMixin],
   props: {
     label: { type: String, default: 'Label' },

data/app/frontend/editor/components/kit/textarea-input.vue

@@ -30,7 +30,7 @@
 import FocusedInputMixin from '@/mixins/focused-input'
 
 export default {
-  name: 'TextInput',
+  name: 'UIKitTextInput',
   mixins: [FocusedInputMixin],
   props: {
     label: { type: String, default: 'Label' },

data/app/frontend/editor/components/link-picker/email.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <text-input
+    <uikit-text-input
       :label="$t(`linkPicker.email.input.label`)"
       name="email"
       v-model="emailInput"

data/app/frontend/editor/components/link-picker/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mt-4">
-    <tabs
+    <uikit-tabs
       :tabs="tabs"
       :firstIndex="firstTabIndex"
       :otherProps="{ currentLink: link }"

data/app/frontend/editor/components/link-picker/page.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <select-input
+    <uikit-select-input
       :label="$t(`linkPicker.page.input.label`)"
       :placeholder="$t(`linkPicker.page.input.placeholder`)"
       :searchEnabled="true"
@@ -23,10 +23,10 @@
           </span>
         </div>
       </template>
-    </select-input>
+    </uikit-select-input>
 
     <div class="mt-6" v-if="hasPageSections">
-      <select-input
+      <uikit-select-input
         :label="$t(`linkPicker.page.sectionInput.label`)"
         :placeholder="$t(`linkPicker.page.sectionInput.placeholder`)"
         :emptyLabel="$t(`linkPicker.page.sectionInput.emptyLabel`)"
@@ -42,10 +42,10 @@
             <span class="font-bold">{{ item.name }}</span>
           </div>
         </template>
-      </select-input>
+      </uikit-select-input>
     </div>
 
-    <checkbox-input
+    <uikit-checkbox-input
       :label="$t(`linkPicker.shared.newWindowInput.label`)"
       name="openNewWindow"
       class="mt-6"

data/app/frontend/editor/components/link-picker/url.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
-    <text-input
+    <uikit-text-input
       :label="$t(`linkPicker.url.input.label`)"
       name="href"
       v-model="hrefInput"
     />
 
-    <checkbox-input
+    <uikit-checkbox-input
       :label="$t(`linkPicker.shared.newWindowInput.label`)"
       name="openNewWindow"
       class="mt-6"

data/app/frontend/editor/components/page/edit.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col flex-1 overflow-y-hidden">
-    <tabs
+    <uikit-tabs
       :tabs="tabs"
       :otherProps="{ page: editedPage, errors }"
       sharedClass="px-1/2"
@@ -8,7 +8,7 @@
       @on-change="onChange"
     />
     <div class="mt-auto">
-      <submit-button
+      <uikit-submit-button
         type="button"
         class="big-submit-button"
         defaultColorClass="bg-editor-primary"
@@ -17,7 +17,7 @@
         @click="updatePage"
       >
         {{ $t('page.edit.submitButton') }}
-      </submit-button>
+      </uikit-submit-button>
       <button
         class="cancel-button"
         v-if="insideModal"

data/app/frontend/editor/components/page/form/main.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="mt-2 grid grid-cols-1 gap-4">
-    <text-input
+    <uikit-text-input
       :label="$t(`page.form.title`)"
       name="title"
       v-model="titleInput"
       :error="errors.title"
     />
 
-    <text-input
+    <uikit-text-input
       :label="$t(`page.form.path`)"
       name="path"
       v-model="pathInput"
@@ -15,7 +15,7 @@
       v-if="!isPageIndex || !page.id"
     />
 
-    <checkbox-input
+    <uikit-checkbox-input
       :label="$t(`page.form.visible`)"
       :placeholder="$t(`page.form.visiblePlaceholder`)"
       name="visible"

data/app/frontend/editor/components/page/form/seo.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mt-2 grid grid-cols-1 gap-4">
-    <textarea-input
+    <uikit-textarea-input
       :label="$t(`page.form.seoTitle`)"
       name="seo-title"
       :max-length="60"
@@ -8,7 +8,7 @@
       v-model="seoTitleInput"
     />
 
-    <textarea-input
+    <uikit-textarea-input
       :label="$t(`page.form.metaDescription`)"
       name="meta-description"
       :max-length="155"
@@ -16,7 +16,7 @@
       v-model="metaDescriptionInput"
     />
 
-    <textarea-input
+    <uikit-textarea-input
       :label="$t(`page.form.ogTitle`)"
       name="og-title"
       :max-length="60"
@@ -24,7 +24,7 @@
       v-model="ogTitleInput"
     />
 
-    <textarea-input
+    <uikit-textarea-input
       :label="$t(`page.form.ogDescription`)"
       name="og-description"
       :max-length="200"
@@ -32,7 +32,7 @@
       v-model="ogDescriptionInput"
     />
 
-    <image-input
+    <uikit-image-input
       :label="$t(`page.form.ogImageUrl`)"
       name="og-image-url"
       :hasAltText="false"

data/app/frontend/editor/components/page/list/list-item.vue

@@ -6,9 +6,9 @@
       :to="{ name: 'editPage', params: { pageId: page.path } }"
       class="flex flex-grow items-center text-gray-800"
     >
-      <page-icon :page="page" />
+      <uikit-page-icon :page="page" />
       <span class="ml-4">{{ page.title }}</span>
-      <icon
+      <uikit-icon
         class="ml-4 text-gray-400"
         name="ri-eye-off-line"
         size="1rem"
@@ -16,12 +16,12 @@
       />
     </router-link>
     <div class="ml-auto pr-2 relative">
-      <dropdown v-on="$listeners">
+      <uikit-dropdown v-on="$listeners">
         <template v-slot:button>
           <button
             class="px-1 py-1 rounded-full bg-editor-primary bg-opacity-0 hover:text-gray-900 text-gray-600 focus:outline-none hover:bg-opacity-10 transition-colors duration-200"
           >
-            <icon name="ri-more-2-fill" size="1.25rem" />
+            <uikit-icon name="ri-more-2-fill" size="1.25rem" />
           </button>
         </template>
         <template v-slot:content>
@@ -30,7 +30,7 @@
               class="flex items-center px-4 py-4 hover:bg-gray-100 transition-colors duration-200 focus:outline-none"
               @click.stop="openEditPageModal"
             >
-              <icon name="ri-settings-5-line" />
+              <uikit-icon name="ri-settings-5-line" />
               <span class="ml-2 whitespace-nowrap">{{
                 $t('page.list.item.edit')
               }}</span>
@@ -39,7 +39,7 @@
               class="flex items-center px-4 py-4 hover:bg-gray-100 transition-colors duration-200 focus:outline-none"
               @click.stop="clonePage"
             >
-              <icon name="ri-file-copy-line" />
+              <uikit-icon name="ri-file-copy-line" />
               <span class="ml-2">{{ $t('page.list.item.clone') }}</span>
             </button>
             <button
@@ -47,7 +47,7 @@
               @click.stop="hidePage"
               v-if="isVisible"
             >
-              <icon name="ri-eye-off-line" />
+              <uikit-icon name="ri-eye-off-line" />
               <span class="ml-2">{{ $t('page.list.item.hide') }}</span>
             </button>
             <button
@@ -55,10 +55,10 @@
               @click.stop="showPage"
               v-if="!isVisible"
             >
-              <icon name="ri-eye-line" />
+              <uikit-icon name="ri-eye-line" />
               <span class="ml-2">{{ $t('page.list.item.show') }}</span>
             </button>
-            <confirmation-button
+            <uikit-confirmation-button
               @confirm="deletePage"
               ref="deleteDropdown"
               v-if="!isIndexPage"
@@ -66,13 +66,13 @@
               <button
                 class="flex items-center w-full px-4 py-4 hover:bg-gray-100 transition-colors duration-200 focus:outline-none"
               >
-                <icon name="delete-bin-line" />
+                <uikit-icon name="delete-bin-line" />
                 <span class="ml-2">{{ $t('page.list.item.delete') }}</span>
               </button>
-            </confirmation-button>
+            </uikit-confirmation-button>
           </div>
         </template>
-      </dropdown>
+      </uikit-dropdown>
     </div>
   </div>
 </template>

data/app/frontend/editor/components/page/new.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col flex-1 overflow-y-hidden">
-    <tabs
+    <uikit-tabs
       :tabs="tabs"
       :otherProps="{ page, errors }"
       sharedClass="px-1/2"
@@ -8,7 +8,7 @@
       @on-change="onChange"
     />
     <div class="mt-auto">
-      <submit-button
+      <uikit-submit-button
         type="button"
         class="big-submit-button"
         defaultColorClass="bg-editor-primary"
@@ -17,7 +17,7 @@
         @click="createPage"
       >
         {{ $t('page.new.submitButton') }}
-      </submit-button>
+      </uikit-submit-button>
       <button class="cancel-button" @click="$emit('on-close')">
         {{ $t('page.new.cancelButton') }}
       </button>

data/app/frontend/editor/components/section-block-pane/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <tabs
+  <uikit-tabs
     :tabs="tabs"
     :firstIndex="tabIndexFromRoute"
     :otherProps="{ sectionBlockId: currentSectionBlock.id, settingId }"

data/app/frontend/editor/components/section-block-pane/setting-list.vue

@@ -34,7 +34,7 @@ export default {
     },
     i18nScope() {
       return `${this.currentSectionBlockI18nScope}.settings`
-    }
+    },
   },
   methods: {
     ...mapActions(['updateSectionBlockContent']),

data/app/frontend/editor/components/section-highlighter/bottom-actions.vue

@@ -17,7 +17,7 @@
         @keypress.enter="navigate"
         class="button top-4"
       >
-        <icon name="ri-add-line" size="1.5rem" />
+        <uikit-icon name="ri-add-line" size="1.5rem" />
       </button>
     </router-link>
   </div>

data/app/frontend/editor/components/section-highlighter/top-left-actions.vue

@@ -12,7 +12,7 @@
       @click="moveHoveredSection('up')"
       v-if="displayMoveArrows"
     >
-      <icon name="arrow-up-s-line" />
+      <uikit-icon name="arrow-up-s-line" />
     </button>
     <button
       type="button"
@@ -20,7 +20,7 @@
       @click="moveHoveredSection('down')"
       v-if="displayMoveArrows"
     >
-      <icon name="arrow-down-s-line" />
+      <uikit-icon name="arrow-down-s-line" />
     </button>
   </div>
 </template>
@@ -35,7 +35,11 @@ export default {
   },
   computed: {
     name() {
-      return this.$st(`${this.currentI18nScope}.sections.${this.sectionType}.name`) || this.hoveredSection.name
+      return (
+        this.$st(
+          `${this.currentI18nScope}.sections.${this.sectionType}.name`,
+        ) || this.hoveredSection.name
+      )
     },
     sectionType() {
       return this.hoveredSection.definition.id

data/app/frontend/editor/components/section-highlighter/top-right-actions.vue

@@ -15,7 +15,7 @@
         @keypress.enter="navigate"
         class="ml-2 button"
       >
-        <icon name="ri-pencil-line" />
+        <uikit-icon name="ri-pencil-line" />
       </button>
     </router-link>
 
@@ -35,7 +35,7 @@
         @keypress.enter="navigate"
         class="ml-2 button"
       >
-        <icon name="ri-play-list-add-line" />
+        <uikit-icon name="ri-play-list-add-line" />
       </button>
     </router-link>
 
@@ -55,15 +55,18 @@
         @keypress.enter="navigate"
         class="ml-2 button"
       >
-        <icon name="ri-settings-5-line" />
+        <uikit-icon name="ri-settings-5-line" />
       </button>
     </router-link>
 
-    <confirmation-button class="ml-2 pointer-events-auto" @confirm="remove">
+    <uikit-confirmation-button
+      class="ml-2 pointer-events-auto"
+      @confirm="remove"
+    >
       <div class="button">
-        <icon name="delete-bin-line" />
+        <uikit-icon name="delete-bin-line" />
       </div>
-    </confirmation-button>
+    </uikit-confirmation-button>
   </div>
 </template>
 

data/app/frontend/editor/components/section-list/list-item.vue

@@ -8,13 +8,16 @@
     >
       <span>{{ name | truncate(40) }}</span>
     </router-link>
-    <confirmation-button @confirm="removeSection(section.id)" v-on="$listeners">
+    <uikit-confirmation-button
+      @confirm="removeSection(section.id)"
+      v-on="$listeners"
+    >
       <button
         class="px-1 py-1 rounded-full bg-gray-600 bg-opacity-0 hover:text-gray-900 text-gray-600 focus:outline-none hover:bg-opacity-10 transition-colors duration-200"
       >
-        <icon name="ri-close-line" size="1.25rem" />
+        <uikit-icon name="ri-close-line" size="1.25rem" />
       </button>
-    </confirmation-button>
+    </uikit-confirmation-button>
   </div>
 </template>
 
@@ -28,8 +31,12 @@ export default {
   },
   computed: {
     name() {
-      return this.$st(`${this.currentI18nScope}.sections.${this.section.type}.name`) || this.section.name
-    }
+      return (
+        this.$st(
+          `${this.currentI18nScope}.sections.${this.section.type}.name`,
+        ) || this.section.name
+      )
+    },
   },
   methods: {
     ...mapActions(['removeSection']),

data/app/frontend/editor/components/section-pane/block-list/list-item.vue

@@ -22,12 +22,12 @@
     </router-link>
     <div class="flex items-center">
       <slot name="actions"></slot>
-      <confirmation-button
+      <uikit-confirmation-button
         @confirm="removeSectionBlock(sectionBlock.id)"
         v-on="$listeners"
       >
-        <list-item-button iconName="ri-close-line" />
-      </confirmation-button>
+        <uikit-list-item-button iconName="ri-close-line" />
+      </uikit-confirmation-button>
     </div>
   </div>
 </template>

data/app/frontend/editor/components/section-pane/block-list/new-block-button.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="hasTypes" class="w-full button-wrapper">
-    <dropdown
+    <uikit-dropdown
       ref="dropdown"
       placement="top"
       v-on="$listeners"
@@ -8,7 +8,7 @@
     >
       <template v-slot:button>
         <button class="big-submit-button bg-editor-primary">
-          <icon name="ri-add-line" size="1.5rem" />
+          <uikit-icon name="ri-add-line" size="1.5rem" />
           <span class="ml-3">{{ $t('sectionPane.blockList.add') }}</span>
         </button>
       </template>
@@ -24,13 +24,13 @@
           </button>
         </div>
       </template>
-    </dropdown>
+    </uikit-dropdown>
     <button
       class="big-submit-button bg-editor-primary"
       @click="addSectionBlock"
       v-else
     >
-      <icon name="ri-add-line" size="1.5rem" />
+      <uikit-icon name="ri-add-line" size="1.5rem" />
       <span class="ml-3">{{ $t('sectionPane.blockList.add') }}</span>
     </button>
   </div>

data/app/frontend/editor/components/section-pane/block-tree/new-nested-block-button.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="w-full">
-    <dropdown
+    <uikit-dropdown
       placement="left"
       ref="dropdown"
       :fullWidth="true"
@@ -8,7 +8,7 @@
       v-if="hasMultipleTypes"
     >
       <template v-slot:button>
-        <list-item-button iconName="ri-add-line" />
+        <uikit-list-item-button iconName="ri-add-line" />
       </template>
       <template v-slot:content>
         <div class="w-full flex flex-col">
@@ -22,8 +22,8 @@
           </button>
         </div>
       </template>
-    </dropdown>
-    <list-item-button
+    </uikit-dropdown>
+    <uikit-list-item-button
       iconName="ri-add-line"
       @click.native="addNestedSectionBlock"
       v-else

data/app/frontend/editor/components/section-pane/block-tree/tree-node.vue

@@ -14,13 +14,13 @@
             v-on="$listeners"
           />
 
-          <list-item-button
+          <uikit-list-item-button
             iconName="arrow-up-s-line"
             @click.native="moveSectionBlockUp"
             v-if="index > 0"
           />
 
-          <list-item-button
+          <uikit-list-item-button
             iconName="arrow-down-s-line"
             @click.native="moveSectionBlockDown"
             v-if="!last"

data/app/frontend/editor/components/section-pane/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <tabs
+  <uikit-tabs
     :tabs="tabs"
     :firstIndex="tabIndexFromRoute"
     :otherProps="{ sectionId: currentSection.id, settingId }"
@@ -71,7 +71,7 @@ export default {
       return this.currentSectionDefinition.blocksPresentation === 'tree'
         ? BlockTree
         : BlockList
-    }
+    },
   },
   methods: {
     findTabIndexFromRoute() {

data/app/frontend/editor/components/section-pane/setting-list.vue

@@ -34,7 +34,7 @@ export default {
     },
     i18nScope() {
       return `${this.currentSectionI18nScope}.settings`
-    }
+    },
   },
   methods: {
     ...mapActions(['updateSectionContent']),

data/app/frontend/editor/components/sidebar-nav.vue

@@ -17,7 +17,7 @@
           }"
           v-tooltip.right="$t('sidebarNav.addNewSectionTooltip')"
         >
-          <icon name="add-box-line" size="1.5rem" />
+          <uikit-icon name="add-box-line" size="1.5rem" />
         </router-link>
       </li>
       <li>
@@ -30,7 +30,7 @@
           }"
           v-tooltip.right="$t('sidebarNav.managePageSectionsTooltip')"
         >
-          <icon name="ri-stack-line" size="1.5rem" />
+          <uikit-icon name="ri-stack-line" size="1.5rem" />
         </router-link>
       </li>
       <li v-if="hasStyle">
@@ -43,7 +43,7 @@
           }"
           v-tooltip.right="$t('sidebarNav.editStyleTooltip')"
         >
-          <icon name="ri-drop-line" size="1.25rem" />
+          <uikit-icon name="ri-drop-line" size="1.25rem" />
         </router-link>
       </li>
       <li>
@@ -53,7 +53,7 @@
           @click.prevent="openImageLibraryModal"
           v-tooltip.right="$t('sidebarNav.openImageLibraryTooltip')"
         >
-          <icon name="image-line" size="1.5rem" />
+          <uikit-icon name="image-line" size="1.5rem" />
         </a>
       </li>
       <li v-if="false">
@@ -83,7 +83,7 @@
           class="flex justify-center py-5 -ml-4 -mr-4 hover:bg-editor-primary hover:bg-opacity-5 transition-colors duration-200"
           v-tooltip.right="$t('sidebarNav.leaveEditorTooltip')"
         >
-          <icon name="logout-box-r-line" size="1.5rem" />
+          <uikit-icon name="logout-box-r-line" size="1.5rem" />
         </a>
       </li>
     </ol>

data/app/frontend/editor/components/style-pane/index.vue

@@ -31,7 +31,7 @@ export default {
     },
     i18nScope() {
       return `${this.currentStyleI18nScope}.settings`
-    }
+    },
   },
   methods: {
     ...mapActions(['previewStyle']),