maglevcms 1.8.0 → 2.0.0.beta1

data/app/frontend/editor/components/theme-section-list/index.vue

@@ -1,47 +1,23 @@
 <template>
   <div>
-    <uikit-accordion
+    <category
       v-for="(category, index) in categories"
-      :key="index"
-      headerClass="px-3 py-3 mb-3 bg-editor-primary text-white rounded-sm"
-    >
-      <div slot="header" class="flex items-center">
-        <div class="capitalize-first">{{ category.name }}</div>
-        <div class="ml-2 px-3 bg-white bg-opacity-25 text-xs rounded-full">
-          {{ category.children.length }}
-        </div>
-      </div>
-      <div class="pt-1">
-        <list-item
-          v-for="section in category.children"
-          :key="section.id"
-          :section="section"
-          :insertAfter="insertAfter"
-        />
-
-        <div
-          class="text-center pt-2 pb-6"
-          v-if="category.children.length === 0"
-        >
-          {{ $t('themeSectionList.emptyCategory') }}
-        </div>
-      </div>
-    </uikit-accordion>
+      :index="index"
+      :category="category"
+      :insert-after="insertAfter"
+    />
   </div>
 </template>
 
 <script>
-import ListItem from './list-item.vue'
+import Category from './category.vue'
 
 export default {
   name: 'ThemeSectionList',
-  components: { ListItem },
+  components: { Category },
   props: {
     insertAfter: { type: String },
   },
-  data() {
-    return { activeCategory: null }
-  },
   computed: {
     categories() {
       return this.services.theme.buildCategories(this.currentTheme)

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

@@ -30,7 +30,7 @@
     <div
       class="flex items-center px-2 bg-editor-primary bg-opacity-5 py-4 w-full font-bold text-sm"
     >
-      <p class="capitalize-first">{{ section.name }}</p>
+      <p class="capitalize-first">{{ name }}</p>
     </div>
   </div>
 </template>
@@ -48,6 +48,13 @@ export default {
     return { hovered: false, isImageLoaded: false, isImageNotFound: false }
   },
   computed: {
+    name() {
+      return (
+        this.$st(
+          `${this.currentI18nScope}.sections.${this.section.id}.name`,
+        ) || this.section.name
+      )
+    },
     hasScreenshot() {
       return this.section.screenshotPath
     },
@@ -65,8 +72,8 @@ export default {
       this.addSection({
         sectionDefinition: this.section,
         insertAt: this.insertAfter,
-      }).then(() => {
-        this.$router.push({ name: 'editPage' })
+      }).then(section => {
+        this.$router.push({ name: 'editSection', params: { sectionId: section.id } })
       })
     },
     imageLoaded() {

data/app/frontend/editor/design/components/modal.scss

@@ -20,7 +20,7 @@
 }
 
 .modal-body {
-  @apply flex flex-col flex-1 overflow-y-hidden pt-4;
+  @apply flex flex-col flex-1 overflow-y-auto pt-4;
 }
 
 /*

data/app/frontend/editor/design/components/tooltip.scss

@@ -1,5 +1,6 @@
 .v-popover {
   & > .trigger {
+    @apply w-full;
     display: flex !important;
   }
 }
@@ -24,6 +25,11 @@
     .tooltip-inner {
       @apply shadow-lg rounded py-2 px-3 text-sm bg-white;
     }
+
+    &.tooltip-menu .tooltip-inner {
+      @apply p-1;
+    }
+
     .tooltip-arrow {
       display: none;
       width: 0;

data/app/frontend/editor/design/transitions.scss

@@ -1,6 +1,6 @@
 .fade-enter-active,
 .fade-leave-active {
-  transition-duration: 0.3s;
+  transition-duration: 0.2s;
   transition-property: opacity;
   transition-timing-function: ease;
 }

data/app/frontend/editor/layouts/app.vue

@@ -21,7 +21,7 @@
 <script>
 import Layout from '@/layouts/default.vue'
 import HeaderNav from '@/components/header-nav/index.vue'
-import SidebarNav from '@/components/sidebar-nav.vue'
+import SidebarNav from '@/components/sidebar-nav/index.vue'
 
 export default {
   name: 'AppLayout',

data/app/frontend/editor/layouts/default.vue

@@ -7,12 +7,12 @@
           name: 'editPage',
           params: { locale: currentLocale, pageId: pageId },
         }"
-        class="w-16 h-full flex justify-center items-center border-r border-gray-200"
+        class="w-16 h-full flex justify-center items-center border-r border-gray-200 shrink-0"
       >
         <img v-bind:src="logoUrl" class="w-2/4" />
       </router-link>
       <div
-        class="w-16 h-full flex justify-center items-center border-r border-gray-200"
+        class="w-16 h-full flex justify-center items-center border-r border-gray-200 shrink-0"
         v-else
       >
         <img v-bind:src="logoUrl" class="w-2/4" />

data/app/frontend/editor/layouts/slide-pane.vue

@@ -31,7 +31,7 @@
 
           <div class="ml-auto">
             <router-link :to="{ name: 'editPage' }">
-              <uikit-icon name="ri-close-circle-line" />
+              <uikit-icon-button iconName="ri-close-line" class="relative -right-2" />
             </router-link>
           </div>
         </div>

data/app/frontend/editor/locales/editor.ar.json

@@ -0,0 +1,265 @@
+{
+  "headerNav": {
+    "pages": "الصفحات:",
+    "pageSettings": "إعدادات الصفحة",
+    "previewSite": "معاينة الموقع",
+    "previewToggler": {
+      "button": "معاينة الموقع",
+      "draftLink": "النسخة المسودة",
+      "liveLink": "النسخة المباشرة"
+    },
+    "publishButton": {
+      "default": "نشر الموقع",
+      "inProgress": "جاري النشر...",
+      "success": "تم النشر!",
+      "fail": "فشل!"
+    },
+    "saveButton": {
+      "default": "حفظ",
+      "inProgress": "جاري الحفظ...",
+      "success": "تم الحفظ!",
+      "fail": "فشل!"
+    }
+  },
+  "sidebarNav": {
+    "listPagesTooltip": "إدارة صفحات موقعك",
+    "managePageSectionsTooltip": "إعادة ترتيب / حذف أقسام الصفحة",
+    "editStyleTooltip": "تغيير نمط موقعك",
+    "openImageLibraryTooltip": "فتح معرض الصور",
+    "leaveEditorTooltip": "العودة إلى التطبيق الرئيسي"
+  },
+  "pagePreview": {
+    "loading": "جاري التحميل...",
+    "empty": {
+      "title": {
+        "withoutLocale": "صفحتك فارغة",
+        "withLocale": "صفحتك باللغة %{localeName} فارغة"
+      },
+      "message": "الرجاء إضافة القسم الأول بالنقر على زر {icon} في الشريط الجانبي الأيسر."
+    }
+  },
+  "page": {
+    "list": {
+      "title": "قائمة الصفحات",
+      "subTitle": "إدارة صفحات موقعك",
+      "newButton": "صفحة جديدة",
+      "searchPlaceholder": "اكتب استعلامك هنا..."
+    },
+    "actions": {
+      "edit": "تعديل الإعدادات",
+      "clone": "نسخ الصفحة",
+      "hide": "إخفاء الصفحة",
+      "show": "إظهار الصفحة",
+      "delete": "حذف الصفحة",
+      "copyUrlToClipboard": "نسخ الرابط",
+      "copyUrlToClipboardSuccess": "تم النسخ إلى الحافظة!"
+    },
+    "new": {
+      "title": "إنشاء صفحة جديدة",
+      "submitButton": {
+        "default": "إنشاء صفحة",
+        "inProgress": "جاري الإنشاء...",
+        "success": "تم الإنشاء!",
+        "fail": "فشل!"
+      },
+      "cancelButton": "إلغاء"
+    },
+    "edit": {
+      "title": "تعديل صفحة",
+      "currentPage": {
+        "title": "تعديل الصفحة الحالية"
+      },
+      "submitButton": {
+        "default": "تحديث الصفحة",
+        "inProgress": "جاري التحديث...",
+        "success": "تم التحديث!",
+        "fail": "فشل!"
+      },
+      "cancelButton": "إلغاء"
+    },
+    "form": {
+      "tabs": {
+        "main": "الرئيسية",
+        "seo": "تحسين محركات البحث"
+      },
+      "title": "العنوان",
+      "path": "المسار",
+      "visible": "مرئي",
+      "visiblePlaceholder": "إظهار/إخفاء الصفحة",
+      "seoTitle": "عنوان الميتا",
+      "metaDescription": "وصف الميتا",
+      "ogTitle": "عنوان og",
+      "ogDescription": "وصف og",
+      "ogImageUrl": "صورة og"
+    }
+  },
+  "sections": {
+    "addPane": {
+      "title": "إضافة قسم"
+    },
+    "listPane": {
+      "title": "تنظيم الأقسام",
+      "empty": "لا توجد أقسام.",
+      "addButton": "إضافة قسم جديد"
+    }
+  },
+  "sectionPane": {
+    "tabs": {
+      "settings": "المحتوى",
+      "blocks": "الكتل",
+      "advanced": "متقدم"
+    },
+    "blockList": {
+      "add": "إضافة عنصر جديد"
+    }
+  },
+  "sectionBlockPane": {
+    "tabs": {
+      "settings": "المحتوى",
+      "blocks": "الكتل",
+      "advanced": "متقدم"
+    }
+  },
+  "themeSectionList": {
+    "emptyCategory": "لا توجد أقسام"
+  },
+  "style": {
+    "edit": {
+      "title": "تنسيق موقعك",
+      "submitButton": {
+        "default": "تحديث النمط",
+        "inProgress": "جاري التحديث...",
+        "success": "تم التحديث!",
+        "fail": "فشل!"
+      }
+    }
+  },
+  "imageInput": {
+    "addButton": "إضافة صورة",
+    "replaceButton": "استبدال الصورة",
+    "clearButton": "مسح",
+    "altTextPlaceholder": "نص بديل لمساعدة محركات البحث"
+  },
+  "imageLibrary": {
+    "title": "قائمة الصور",
+    "pickerTitle": "اختيار صورة",
+    "none": "لم يتم رفع أي صور بعد",
+    "searchPlaceholder": "البحث عن اسم ملف",
+    "pagination": {
+      "label": "%{start} - %{end} من %{totalItems} صورة",
+      "noItems": "لا توجد صور"
+    },
+    "destroy": {
+      "text": "هل أنت متأكد؟",
+      "ok": "نعم، احذفها",
+      "cancel": "إلغاء"
+    },
+    "uploader": {
+      "wrongFiles": "تأكد من أن حجم كل صورة لا يتجاوز %{limit}.",
+      "uploadButton": {
+        "default": "رفع الصور",
+        "inProgress": "جاري الرفع...",
+        "success": "تم الرفع!",
+        "fail": "فشل!"
+      }
+    }
+  },
+  "iconInput": {
+    "addButton": "إضافة أيقونة",
+    "replaceButton": "استبدال الأيقونة",
+    "clearButton": "مسح"
+  },
+  "iconLibrary": {
+    "title": "الأيقونات",
+    "pickerTitle": "اختيار أيقونة"
+  },
+  "linkInput": {
+    "placeholder": "انقر هنا لاختيار رابط",
+    "withNestedTextLabel": "تمكين النص",
+    "nestedTextPlaceholder": "النص"
+  },
+  "linkPicker": {
+    "title": "اختيار رابط",
+    "insertTitle": "إدراج رابط",
+    "page": {
+      "name": "صفحة",
+      "input": {
+        "label": "صفحة",
+        "placeholder": "اختر صفحة",
+        "searchPlaceholder": "بحث...",
+        "emptyLabel": "لم يتم العثور على صفحات"
+      },
+      "sectionInput": {
+        "label": "قسم",
+        "placeholder": "اختر قسماً",
+        "emptyLabel": "لم يتم اختيار قسم"
+      }
+    },
+    "url": {
+      "name": "رابط",
+      "input": {
+        "label": "رابط"
+      }
+    },
+    "email": {
+      "name": "بريد إلكتروني",
+      "input": {
+        "label": "بريد إلكتروني"
+      }
+    },
+    "shared": {
+      "mainButton": {
+        "select": "اختيار",
+        "insert": "إضافة"
+      },
+      "cancelButton": "إلغاء",
+      "newWindowInput": {
+        "label": "فتح في نافذة جديدة"
+      }
+    }
+  },
+  "collectionItemInput": {
+    "select": {
+      "placeholder": "اختر عنصراً",
+      "searchPlaceholder": "بحث...",
+      "emptyLabel": "لم يتم العثور على عناصر"
+    }
+  },
+  "pagination": {
+    "defaultLabel": "%{start} - %{end} من %{totalItems} عنصر",
+    "defaultNoItems": "لا يوجد"
+  },
+  "confirmationButton": {
+    "text": "هل أنت متأكد من تنفيذ هذا الإجراء؟",
+    "confirmButtonLabel": "نعم",
+    "cancelButtonLabel": "لا"
+  },
+  "errorModals": {
+    "staleRecord": {
+      "title": "نأسف 🙇",
+      "message": "لم نتمكن من حفظ تغييراتك لأن شخصاً آخر قام بتحديث المحتوى في هذه الأثناء.",
+      "button": "يرجى إعادة تحميل الصفحة"
+    },
+    "forbidden": {
+      "title": "نأسف 🙇",
+      "message": "غير مسموح لك بالقيام بذلك. تحقق مع المسؤول.",
+      "button": "إغلاق"
+    }
+  },
+  "support": {
+    "human": {
+      "storageUnits": {
+        "format": "%{number} %{unit}",
+        "units": {
+          "byte": {
+            "one": "بايت",
+            "other": "بايت"
+          },
+          "kb": "كيلوبايت",
+          "mb": "ميجابايت",
+          "gb": "جيجابايت"
+        }
+      }
+    }
+  }
+}

data/app/frontend/editor/locales/editor.en.json

@@ -2,7 +2,7 @@
   "headerNav": {
     "pages": "Pages:",
     "pageSettings": "Page settings",
-    "previewSite": "Preview site",
+    "previewSite": "Preview",
     "previewToggler": {
       "button": "Preview site",
       "draftLink": "Draft version",
@@ -19,10 +19,10 @@
       "inProgress": "Saving...",
       "success": "Saved!",
       "fail": "Fail!"
-    }    
+    }
   },
   "sidebarNav": {
-    "addNewSectionTooltip": "Add a new section at the bottom of the page",
+    "listPagesTooltip": "Manage the pages of your site",
     "managePageSectionsTooltip": "Re-order / delete the sections of the page",
     "editStyleTooltip": "Change the style of your site",
     "openImageLibraryTooltip": "Open the gallery of images",
@@ -43,14 +43,16 @@
       "title": "List of pages",
       "subTitle": "Manage the pages of your site",
       "newButton": "New page",
-      "searchPlaceholder": "Type your query here...",
-      "item": {
-        "edit": "Edit page settings",
-        "clone": "Clone page",
-        "hide": "Hide page",
-        "show": "Show page",
-        "delete": "Delete page"
-      }
+      "searchPlaceholder": "Type your query here..."      
+    },
+    "actions": {
+      "edit": "Edit settings",
+      "clone": "Clone page",
+      "hide": "Hide page",
+      "show": "Show page",
+      "delete": "Delete page",
+      "copyUrlToClipboard": "Copy URL",
+      "copyUrlToClipboardSuccess": "Copied to clipboard!"
     },
     "new": {
       "title": "Create a new page",
@@ -97,7 +99,8 @@
     },
     "listPane": {
       "title": "Organize sections",
-      "empty": "There are no sections."
+      "empty": "There are no sections.",
+      "addButton": "Add a new section"
     }
   },
   "sectionPane": {
@@ -116,7 +119,7 @@
       "blocks": "Blocks",
       "advanced": "Advanced"
     }
-  },  
+  },
   "themeSectionList": {
     "emptyCategory": "No sections"
   },
@@ -160,7 +163,7 @@
         "fail": "Fail!"
       }
     }
-  },  
+  },
   "iconInput": {
     "addButton": "Add icon",
     "replaceButton": "Replace icon",
@@ -236,6 +239,11 @@
       "title": "We are sorry 🙇",
       "message": "We couldn't persist your changes because someone else has updated the content in the meantime.",
       "button": "Please reload your page"
+    },
+    "forbidden": {
+      "title": "We are sorry 🙇",
+      "message": "You're not permitted to do this. Check with your administrator.",
+      "button": "Close"
     }
   },
   "support": {
@@ -254,4 +262,4 @@
       }
     }
   }
-}
+}

data/app/frontend/editor/locales/editor.es.json

@@ -22,7 +22,7 @@
     }
   },
   "sidebarNav": {
-    "addNewSectionTooltip": "Añadir una nueva sección al final de la página",
+    "listPagesTooltip": "Gestionar las páginas de tu sitio",
     "managePageSectionsTooltip": "Reordenar / eliminar las secciones de la página",
     "editStyleTooltip": "Cambiar el diseño de tu sitio",
     "openImageLibraryTooltip": "Abrir la galería de imágenes",
@@ -43,14 +43,16 @@
       "title": "Lista de páginas",
       "subTitle": "Gestiona las páginas de tu sitio",
       "newButton": "Nueva página",
-      "searchPlaceholder": "Escribe tu consulta aquí...",
-      "item": {
-        "edit": "Editar la configuración de la página",
-        "clone": "Clonar página",
-        "hide": "Esconder",
-        "show": "Mostrar",
-        "delete": "Eliminar"
-      }
+      "searchPlaceholder": "Escribe tu consulta aquí..."
+    },
+    "actions": {
+      "edit": "Editar configuración",
+      "clone": "Clonar",
+      "hide": "Ocultar",
+      "show": "Mostrar",
+      "delete": "Eliminar",
+      "copyUrlToClipboard": "Copiar URL",
+      "copyUrlToClipboardSuccess": "¡Copiado!"
     },
     "new": {
       "title": "Crear una nueva página",
@@ -97,7 +99,8 @@
     },
     "listPane": {
       "title": "Organizar secciones",
-      "empty": "No hay secciones."
+      "empty": "No hay secciones.",
+      "addButton": "Añadir una nueva sección"
     }
   },
   "sectionPane": {
@@ -236,6 +239,11 @@
       "title": "Lo sentimos 🙇",
       "message": "No hemos podido guardar tus cambios porque alguien más actualizó el contenido mientras se editaba.",
       "button": "Por favor, recarga la página"
+    },
+    "forbidden": {
+      "title": "Lo sentimos 🙇",
+      "message": "No tienes permiso para realizar esta acción. Consulta con tu administrador.",
+      "button": "Cerrar"
     }
   },
   "support": {

data/app/frontend/editor/locales/editor.fr.json

@@ -2,7 +2,7 @@
   "headerNav": {
     "pages": "Pages :",
     "pageSettings": "Paramètres page",
-    "previewSite": "Prévisualiser site",
+    "previewSite": "Prévisualiser",
     "previewToggler": {
       "button": "Voir site",
       "draftLink": "Version brouillon",
@@ -22,7 +22,7 @@
     }
   },
   "sidebarNav": {
-    "addNewSectionTooltip": "Ajouter une nouvelle section au bas de la page",
+    "listPagesTooltip": "Gérer les pages de votre site",
     "managePageSectionsTooltip": "Gérer les sections de la page",
     "editStyleTooltip": "Modifier le style du site",
     "openImageLibraryTooltip": "Ouvrir la galerie d'images",
@@ -43,14 +43,16 @@
       "title": "Liste des pages",
       "subTitle": "Gérer les pages de votre site",
       "newButton": "Nouvelle page",
-      "searchPlaceholder": "Tapez un titre de page...",
-      "item": {
-        "edit": "Éditer les paramètres",
-        "clone": "Dupliquer",
-        "hide": "Cacher",
-        "show": "Montrer",
-        "delete": "Supprimer"
-      }
+      "searchPlaceholder": "Tapez votre recherche ici..."
+    },
+    "actions": {
+      "edit": "Modifier les paramètres",
+      "clone": "Dupliquer",
+      "hide": "Masquer",
+      "show": "Afficher",
+      "delete": "Supprimer",
+      "copyUrlToClipboard": "Copier l'URL",
+      "copyUrlToClipboardSuccess": "Copié !"
     },
     "new": {
       "title": "Créer une nouvelle page",
@@ -97,7 +99,8 @@
     },
     "listPane": {
       "title": "Organiser les sections",
-      "empty": "Vous n'avez aucune section."
+      "empty": "Vous n'avez aucune section.",
+      "addButton": "Ajouter une nouvelle section"
     }
   },
   "sectionPane": {
@@ -113,6 +116,7 @@
   "sectionBlockPane": {
     "tabs": {
       "settings": "Contenu",
+      "blocks": "Blocs",
       "advanced": "Paramètres"
     }
   },
@@ -121,7 +125,13 @@
   },
   "style": {
     "edit": {
-      "title": "Styler site"
+      "title": "Styler votre site",
+      "submitButton": {
+        "default": "Mettre à jour le style",
+        "inProgress": "Mise à jour...",
+        "success": "Style mis à jour !",
+        "fail": "Échec !"
+      }
     }
   },
   "imageInput": {
@@ -228,7 +238,12 @@
     "staleRecord": {
       "title": "Nous sommes désolés 🙇",
       "message": "Nous n'avons pu sauvegarder vos modifications car de plus récentes viennent d'être effectuées par une autre personne.",
-      "button": "Recharger la page"
+      "button": "Veuillez recharger votre page"
+    },
+    "forbidden": {
+      "title": "Nous sommes désolés 🙇",
+      "message": "Vous n'êtes pas autorisé à effectuer cette action. Veuillez contacter votre administrateur.",
+      "button": "Fermer"
     }
   },
   "support": {