AlMuraba CMS: لوحة الادارة
لوحة ادارة نظام المحتوى مال AL Muraba. المدير يصمم انواع المحتوى بنفسه، والمحررين ينشرون بالعربي والكردي والانجليزي.
غبشت الصور عن قصد: الشغل تحت اتفاقية سرية
الشريحة 1 من 9
مطور واجهات · اعادة تصميم v2
AlMuraba CMS نظام ادارة محتوى headless مال AL Muraba، وهاي لوحة الادارة مالته: تطبيق Vue 2 عربي من اليمين لليسار. المدير يعرف انواع المحتوى بباني مرئي، وكل نوع يطلعله جدول ومحرر وحالات وصلاحيات خاصة بيه، والمحررين ينشرون بالعربي والكردي والانجليزي. قدت اعادة تصميم النسخة الثانية والـ refactor مالها، وبنيت ميزة المحتوى المتداخل.
- انواع محتوى تنبني من الواجهة، وكل نوع الو جدول ومحرر وصلاحيات
- نفس المحتوى بالعربي والكردي والانجليزي، وحقول النوع تطلع كفورم
- حالات ونشر مجدول وتمييز وتثبيت، وسجل تعديلات حقل حقل
- محتوى متداخل بجدول يحمل الابناء لما تفتح الصف
- مكتبة وسائط بيها قص ونص بديل وبحث واستبدال وتنزيل
- قوائم الموقع كشجرة سحب وافلات بثلاث لغات
- Vue 2.7
- Vuetify 2
- Vuex
- Vue Router
- Vue CLI
- webpack 4
- Sass
- Axios
- Vuelidate
- CKEditor 5
- he-tree-vue
- vue-advanced-cropper
شلون بنيته
- فورمات تمشي على schema: نفس الـ JSON يشغل الباني وفورم المحتوى لكل لغة
- سياسات ABP ويا صلاحيات لكل نوع محتوى، تنفحص بالمسارات والقوائم والازرار
- جدول Vuetify يعرض نفسه داخل نفسه ويحمل الصفوف الفرعية بالـ parentId
- حوار مشترك للاضافة والتعديل بثلاث طرق حفظ، مبني على mixins
- واجهة عربية من اليمين لليسار على Vuetify 2 بوضع فاتح وداكن
- نسخة مخصصة من CKEditor 5 داخل الحوارات، ويا زر يضيف صور من المكتبة