Fix grid and liste

components/content/GridEditor.vue

+<script lang="ts" setup>
+import type { VueNodeViewProps } from 'prosekit/vue'
+
+const props = defineProps<VueNodeViewProps>()
+const { getComponentProps } = useMdcEditor()
+
+const { model, mdcAttrs } = getComponentProps(props, {
+  id: {
+    type: String,
+  },
+  class: {
+    type: String,
+  },
+  collection: {
+    type: String,
+    required: true,
+  },
+  items: {
+    type: [String, Number],
+    default: 3,
+  },
+  fullWidth: {
+    type: Boolean,
+    default: false,
+  },
+})
+// console.log(model)
+onMounted(() => {
+  // console.log('mounted', model)
+})
+</script>
+
+<template>
+  <div relative>
+    <UiEditorHorizontalControls>
+      <UiEditorInput v-model="mdcAttrs.collection" placeholder="Chemin de la collection" label="Chemin" />
+      <UiEditorInput v-model="mdcAttrs.items" type="number" placeholder="" label="Nbr de colonnes"
+        input-classes="INPUT w-12!" />
+      <UiEditorSwitch label="Pleine largeur" @click="mdcAttrs.fullWidth = !mdcAttrs.fullWidth"
+        :pressed="mdcAttrs.fullWidth || false" />
+    </UiEditorHorizontalControls>
+
+    <Grid :collection="model.collection" :items="model.items" :fullwidth="model.fullWidth" contenteditable="false" />
+  </div>
+</template>

components/content/Liste.vue

@@ -44,9 +44,10 @@ const props = defineProps({
     default: undefined
   }
 })
-
 const filterList = (list) => list.filter(
-  (item) => !item._file.includes('index.md')
+  (item) => {
+    return !item._file.includes('index.md') && item._file !== props.path + '.md'
+  }
 )
 
 const sortedList = (list) => {

components/content/ListeEditor.vue

+<script lang="ts" setup>
+import type { VueNodeViewProps } from 'prosekit/vue'
+
+const props = defineProps<VueNodeViewProps>()
+const { getComponentProps } = useMdcEditor()
+
+const { model, mdcAttrs } = getComponentProps(props, {
+  id: {
+    type: String,
+  },
+  class: {
+    type: String,
+  },
+  path: {
+    type: String,
+  }
+})
+// console.log(model)
+onMounted(() => {
+  // console.log('mounted', model)
+})
+</script>
+
+<template>
+  <div relative>
+    <UiEditorHorizontalControls>
+      <UiEditorInput v-model="mdcAttrs.path" flex-1 :focus placeholder="Path to folder" label="Chemin" />
+    </UiEditorHorizontalControls>
+
+    <Liste :path="model.path" contenteditable="false" />
+  </div>
+</template>

components/layout/LayoutMenu.vue

@@ -10,6 +10,10 @@ const props = defineProps({
 
 const { data } = await useAsyncData('menus', () => queryContent('menus').findOne())
 const menus = computed(() => data.value[props.menu])
+
+function openNetlifyCms() {
+  window.open('/admin/', '_blank').focus();
+}
 </script>
 
 <template>
@@ -42,12 +46,17 @@ const menus = computed(() => data.value[props.menu])
           </template>
         </CmsAuth>
       </li>
+      <li v-if="menu === 'footer'" class="flex items-center">
+        <a @click="openNetlifyCms()" class="menu-item cursor-pointer">
+          <span>Admin (old)</span>
+        </a>
+      </li>
     </ul>
   </nav>
 </template>
 
 <style lang="postcss" scoped>
 .menu-item {
-  @apply "flex items-center w-full py-2 pr-4 pl-3 text-gray-700 rounded hover:bg-primary hover:bg-opacity-25 md:hover:bg-transparent md:border-0 md:hover:text-primary md:p-0 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent transition";
+  --at-apply: "flex items-center w-full py-2 pr-4 pl-3 text-gray-700 rounded hover:bg-primary hover:bg-opacity-25 md:hover:bg-transparent md:border-0 md:hover:text-primary md:p-0 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent transition";
 }
 </style>

public/admin/config.yml

@@ -4,19 +4,18 @@ logo_url: /uploads/logo-light.png
 # gitlab backend configuration https://www.netlifycms.org/docs/gitlab-backend/
 backend:
   # Local backend configuration
-  name: git-gateway
-  branch: main
-local_backend:
-  true
+  #   name: git-gateway
+  #   branch: main
+  # local_backend: true
 
-  # branch: main
-  # name: gitlab
-  # repo: websites/axiom-team-fr
-  # auth_type: pkce
-  # app_id: b2991917452860f1a25e24defebe0446fcc4eabd74b9f18f37338260c6b23058 # Application ID from https://git.duniter.org/groups/websites/-/settings/applications
-  # api_root: https://git.duniter.org/api/v4
-  # base_url: https://git.duniter.org
-  # auth_endpoint: oauth/authorize
+  branch: main
+  name: gitlab
+  repo: websites/axiom-team-fr
+  auth_type: pkce
+  app_id: b2991917452860f1a25e24defebe0446fcc4eabd74b9f18f37338260c6b23058 # Application ID from https://git.duniter.org/groups/websites/-/settings/applications
+  api_root: https://git.duniter.org/api/v4
+  base_url: https://git.duniter.org
+  auth_endpoint: oauth/authorize
 
 # publish_mode: editorial_workflow