From 62dd1b85b773f5d327fef7e4180974a433a2b758 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 09:11:12 +0100
Subject: [PATCH 01/11] Don't treat notification for a deleted event as an
 error

Just cancel the job

Closes #1180

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 lib/service/workers/notification.ex | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/lib/service/workers/notification.ex b/lib/service/workers/notification.ex
index f79091041..c76e41550 100644
--- a/lib/service/workers/notification.ex
+++ b/lib/service/workers/notification.ex
@@ -125,6 +125,9 @@ defmodule Mobilizon.Service.Workers.Notification do
 
       :ok
     else
+      {:error, :event_not_found} ->
+        {:cancel, :event_participation_not_found}
+
       err ->
         Logger.debug(inspect(err))
         err

From 29de9b346a3aa6c098b1671df68aa284833c7b71 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 12:10:59 +0100
Subject: [PATCH 02/11] Fix moving resources

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/package.json                               |   2 +-
 js/src/components/Resource/DraggableList.vue  |   2 +-
 js/src/components/Resource/FolderItem.vue     |  19 ++--
 .../components/Resource/ResourceSelector.vue  | 101 ++++++++++--------
 js/src/types/resource.ts                      |   2 +-
 js/src/views/Resources/ResourceFolder.vue     |   5 +-
 js/yarn.lock                                  |  14 +--
 7 files changed, 82 insertions(+), 63 deletions(-)

diff --git a/js/package.json b/js/package.json
index dc220ef57..52295be7b 100644
--- a/js/package.json
+++ b/js/package.json
@@ -87,7 +87,7 @@
     "vue-router": "4",
     "vue-scrollto": "^2.17.1",
     "vue-use-route-query": "^1.1.0",
-    "vuedraggable": "^4.1.0"
+    "zhyswan-vuedraggable": "^4.1.3"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^0.11.0",
diff --git a/js/src/components/Resource/DraggableList.vue b/js/src/components/Resource/DraggableList.vue
index 2b66b2804..9eaee7fdd 100644
--- a/js/src/components/Resource/DraggableList.vue
+++ b/js/src/components/Resource/DraggableList.vue
@@ -75,7 +75,7 @@ import ResourceItem from "@/components/Resource/ResourceItem.vue";
 import FolderItem from "@/components/Resource/FolderItem.vue";
 import { ref, watch } from "vue";
 import { IResource } from "@/types/resource";
-import Draggable from "vuedraggable";
+import Draggable from "zhyswan-vuedraggable";
 import { IGroup } from "@/types/actor";
 
 const props = withDefaults(
diff --git a/js/src/components/Resource/FolderItem.vue b/js/src/components/Resource/FolderItem.vue
index d8a567821..af0129b85 100644
--- a/js/src/components/Resource/FolderItem.vue
+++ b/js/src/components/Resource/FolderItem.vue
@@ -26,7 +26,11 @@
         :sort="false"
         :group="groupObject"
         @change="onChange"
-      />
+      >
+        <template #item="{ element }">
+          <div>{{ element.name }}</div>
+        </template>
+      </draggable>
     </router-link>
     <resource-dropdown
       class="actions"
@@ -39,7 +43,7 @@
 </template>
 <script lang="ts" setup>
 import { useRouter } from "vue-router";
-import Draggable, { ChangeEvent } from "vuedraggable";
+import Draggable from "zhyswan-vuedraggable";
 import { IResource } from "@/types/resource";
 import RouteName from "@/router/name";
 import { IGroup, usernameWithDomain } from "@/types/actor";
@@ -75,12 +79,15 @@ const groupObject: Record<string, unknown> = {
   put: ["resources"],
 };
 
-const onChange = async (evt: ChangeEvent<IResource>) => {
+const onChange = async (evt: any) => {
   if (evt.added && evt.added.element) {
-    // const movedResource = evt.added.element as IResource;
+    const movedResource = evt.added.element as IResource;
+    console.debug(
+      `Moving resource « ${movedResource.title} » to path « ${props.resource.path} » (new parent ${props.resource.id})`
+    );
     moveResource({
-      id: props.resource.id,
-      path: `${props.resource.path}/${props.resource.title}`,
+      id: movedResource.id,
+      path: props.resource.path,
       parentId: props.resource.id,
     });
   }
diff --git a/js/src/components/Resource/ResourceSelector.vue b/js/src/components/Resource/ResourceSelector.vue
index 9c6c4ecc2..7b0e57533 100644
--- a/js/src/components/Resource/ResourceSelector.vue
+++ b/js/src/components/Resource/ResourceSelector.vue
@@ -1,34 +1,30 @@
 <template>
   <div v-if="resource">
-    <article class="panel is-primary">
-      <h2 class="panel-heading truncate">
+    <article class="">
+      <h2 class="mb-2">
         {{
-          $t('Move "{resourceName}"', { resourceName: initialResource.title })
+          t('Move "{resourceName}"', { resourceName: initialResource.title })
         }}
       </h2>
       <a
-        class="panel-block clickable flex gap-1 items-center"
-        @click="resourcePath.path = resource?.parent?.path"
+        class="cursor-pointer flex gap-1 items-center border p-2"
+        @click="goUp()"
         v-if="resource.parent"
       >
-        <span class="panel-icon">
-          <ChevronUp :size="16" />
-        </span>
-        {{ $t("Parent folder") }}
+        <ChevronUp :size="16" />
+        {{ t("Parent folder") }}
       </a>
       <a
-        class="panel-block clickable flex gap-1 items-center"
+        class="cursor-pointer flex gap-1 items-center border p-2"
         @click="resourcePath.path = '/'"
         v-else-if="resourcePath?.path && resourcePath?.path.length > 1"
       >
-        <span class="panel-icon">
-          <ChevronUp :size="16" />
-        </span>
-        {{ $t("Parent folder") }}
+        <ChevronUp :size="16" />
+        {{ t("Parent folder") }}
       </a>
       <template v-if="resource.children">
         <a
-          class="panel-block flex flex-wrap gap-1 px-2"
+          class="cursor-pointer flex flex-wrap gap-1 p-2 border"
           v-for="element in resource.children.elements"
           :class="{
             clickable:
@@ -38,23 +34,18 @@
           @click="goDown(element)"
         >
           <p class="truncate flex gap-1 items-center">
-            <span class="panel-icon">
-              <Folder :size="16" v-if="element.type === 'folder'" />
-              <Link :size="16" v-else />
-            </span>
+            <Folder :size="16" v-if="element.type === 'folder'" />
+            <Link :size="16" v-else />
             <span>{{ element.title }}</span>
           </p>
           <span v-if="element.id === initialResource.id">
-            <em v-if="element.type === 'folder'"> {{ $t("(this folder)") }}</em>
-            <em v-else> {{ $t("(this link)") }}</em>
+            <em v-if="element.type === 'folder'"> {{ t("(this folder)") }}</em>
+            <em v-else> {{ t("(this link)") }}</em>
           </span>
         </a>
       </template>
-      <p
-        class="panel-block content has-text-grey has-text-centered"
-        v-if="resource.children && resource.children.total === 0"
-      >
-        {{ $t("No resources in this folder") }}
+      <p class="" v-if="resource.children && resource.children.total === 0">
+        {{ t("No resources in this folder") }}
       </p>
       <o-pagination
         v-if="resource.children && resource.children.total > RESOURCES_PER_PAGE"
@@ -62,25 +53,25 @@
         v-model="page"
         size="small"
         :per-page="RESOURCES_PER_PAGE"
-        :aria-next-label="$t('Next page')"
-        :aria-previous-label="$t('Previous page')"
-        :aria-page-label="$t('Page')"
-        :aria-current-label="$t('Current page')"
+        :aria-next-label="t('Next page')"
+        :aria-previous-label="t('Previous page')"
+        :aria-page-label="t('Page')"
+        :aria-current-label="t('Current page')"
       />
     </article>
     <div class="flex gap-2 mt-2">
       <o-button variant="text" @click="emit('close-move-modal')">{{
-        $t("Cancel")
+        t("Cancel")
       }}</o-button>
       <o-button
         variant="primary"
         @click="updateResource"
         :disabled="moveDisabled"
         ><template v-if="resource.path === '/'">
-          {{ $t("Move resource to the root folder") }}
+          {{ t("Move resource to the root folder") }}
         </template>
         <template v-else
-          >{{ $t("Move resource to {folder}", { folder: resource.title }) }}
+          >{{ t("Move resource to {folder}", { folder: resource.title }) }}
         </template></o-button
       >
     </div>
@@ -88,18 +79,26 @@
 </template>
 <script lang="ts" setup>
 import { useQuery } from "@vue/apollo-composable";
-import { computed, ref, watch } from "vue";
+import { computed, reactive, ref, watch } from "vue";
 import { GET_RESOURCE } from "../../graphql/resources";
 import { IResource } from "../../types/resource";
 import Folder from "vue-material-design-icons/Folder.vue";
 import Link from "vue-material-design-icons/Link.vue";
 import ChevronUp from "vue-material-design-icons/ChevronUp.vue";
+import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ initialResource: IResource; username: string }>();
 const emit = defineEmits(["update-resource", "close-move-modal"]);
 
-const resourcePath = ref<{ path: string | undefined; username: string }>({
-  path: props.initialResource.path,
+const { t } = useI18n({ useScope: "global" });
+
+const resourcePath = reactive<{
+  path: string | undefined;
+  username: string;
+  id: string | undefined;
+}>({
+  id: props.initialResource.parent?.id,
+  path: props.initialResource.parent?.path,
   username: props.username,
 });
 
@@ -109,9 +108,9 @@ const page = ref(1);
 const { result: resourceResult, refetch } = useQuery<{ resource: IResource }>(
   GET_RESOURCE,
   () => {
-    if (resourcePath.value?.path) {
+    if (resourcePath?.path) {
       return {
-        path: resourcePath.value?.path,
+        path: resourcePath?.path,
         username: props.username,
         page: page.value,
         limit: RESOURCES_PER_PAGE,
@@ -125,25 +124,30 @@ const resource = computed(() => resourceResult.value?.resource);
 
 const goDown = (element: IResource): void => {
   if (element.type === "folder" && element.id !== props.initialResource.id) {
-    resourcePath.value.path = element.path;
+    resourcePath.id = element.id;
+    resourcePath.path = element.path;
+    console.debug("Gone into folder", resourcePath);
   }
 };
 
 watch(props.initialResource, () => {
   if (props.initialResource) {
-    resourcePath.value.path = props.initialResource?.parent?.path;
+    resourcePath.id = props.initialResource?.parent?.id;
+    resourcePath.path = props.initialResource?.parent?.path;
     refetch();
   }
 });
 
 const updateResource = (): void => {
+  console.debug("Emitting updateResource from folder", resourcePath);
+  const parent = resourcePath?.path === "/" ? null : resourcePath;
   emit(
     "update-resource",
     {
       id: props.initialResource.id,
       title: props.initialResource.title,
-      parent: resourcePath.value?.path === "/" ? null : resourcePath.value,
-      path: props.initialResource.path,
+      parent: parent,
+      path: parent?.path ?? "/",
     },
     props.initialResource.parent
   );
@@ -152,13 +156,18 @@ const updateResource = (): void => {
 const moveDisabled = computed((): boolean | undefined => {
   return (
     (props.initialResource.parent &&
-      resourcePath.value &&
-      props.initialResource.parent.path === resourcePath.value.path) ||
+      resourcePath &&
+      props.initialResource.parent.path === resourcePath.path) ||
     (props.initialResource.parent === undefined &&
-      resourcePath.value &&
-      resourcePath.value.path === "/")
+      resourcePath &&
+      resourcePath.path === "/")
   );
 });
+
+const goUp = () => {
+  resourcePath.id = resource.value?.parent?.id;
+  resourcePath.path = resource.value?.parent?.path;
+};
 </script>
 <style lang="scss" scoped>
 .panel {
diff --git a/js/src/types/resource.ts b/js/src/types/resource.ts
index 041ef67c7..993fea536 100644
--- a/js/src/types/resource.ts
+++ b/js/src/types/resource.ts
@@ -1,5 +1,5 @@
 import type { Paginate } from "@/types/paginate";
-import type { IActor } from "@/types/actor";
+import type { IActor, IGroup } from "@/types/actor";
 
 export interface IResourceMetadata {
   title?: string;
diff --git a/js/src/views/Resources/ResourceFolder.vue b/js/src/views/Resources/ResourceFolder.vue
index 94b18d08a..7d130027a 100644
--- a/js/src/views/Resources/ResourceFolder.vue
+++ b/js/src/views/Resources/ResourceFolder.vue
@@ -80,7 +80,7 @@
       has-modal-card
       :close-button-aria-label="t('Close')"
     >
-      <div class="w-full md:w-[640px]">
+      <div class="w-full">
         <section>
           <resource-selector
             :initialResource="updatedResource"
@@ -567,6 +567,9 @@ const updateResource = async (
   resourceToUpdate: IResource,
   parentPath: string | null = null
 ): Promise<void> => {
+  console.debug(
+    `Update resource « ${resourceToUpdate.title} » at path ${resourceToUpdate.path}`
+  );
   updateResourceMutation(
     {
       id: resourceToUpdate.id,
diff --git a/js/yarn.lock b/js/yarn.lock
index 87607de90..95356b8a7 100644
--- a/js/yarn.lock
+++ b/js/yarn.lock
@@ -6438,13 +6438,6 @@ vue@^3.2.37:
     "@vue/server-renderer" "3.2.41"
     "@vue/shared" "3.2.41"
 
-vuedraggable@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/vuedraggable/-/vuedraggable-4.1.0.tgz#edece68adb8a4d9e06accff9dfc9040e66852270"
-  integrity sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==
-  dependencies:
-    sortablejs "1.14.0"
-
 w3c-keyname@^2.2.0, w3c-keyname@^2.2.4:
   version "2.2.6"
   resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.6.tgz#8412046116bc16c5d73d4e612053ea10a189c85f"
@@ -6804,3 +6797,10 @@ zen-observable@0.8.15, zen-observable@^0.8.0:
   version "0.8.15"
   resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.8.15.tgz#96415c512d8e3ffd920afd3889604e30b9eaac15"
   integrity sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ==
+
+zhyswan-vuedraggable@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/zhyswan-vuedraggable/-/zhyswan-vuedraggable-4.1.3.tgz#0304bbf5c676f355e6052919c531802976492993"
+  integrity sha512-q4Mp52tQIvTAWG0CKxLCVLyG/3RnIskDxoJvfjDZ2kM8yTcMkY80VTc8rd3q9KwqJ0UVtjEGLufb23sjDp0peQ==
+  dependencies:
+    sortablejs "1.14.0"

From e03ad73c7fd20e59f00793038253ae83f3e7d465 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 16:26:50 +0100
Subject: [PATCH 03/11] Fix multiselect of resources

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/assets/oruga-tailwindcss.css          |  3 +
 js/src/components/Resource/DraggableList.vue | 77 ++++++++++----------
 2 files changed, 42 insertions(+), 38 deletions(-)

diff --git a/js/src/assets/oruga-tailwindcss.css b/js/src/assets/oruga-tailwindcss.css
index 5924b0965..b413f0a91 100644
--- a/js/src/assets/oruga-tailwindcss.css
+++ b/js/src/assets/oruga-tailwindcss.css
@@ -36,6 +36,9 @@ body {
 .btn-size-large {
   @apply text-2xl py-6;
 }
+.btn-size-small {
+  @apply text-sm py-1 px-2;
+}
 .btn-disabled {
   @apply opacity-50 cursor-not-allowed;
 }
diff --git a/js/src/components/Resource/DraggableList.vue b/js/src/components/Resource/DraggableList.vue
index 9eaee7fdd..c470c993b 100644
--- a/js/src/components/Resource/DraggableList.vue
+++ b/js/src/components/Resource/DraggableList.vue
@@ -1,31 +1,32 @@
 <template>
-  <section>
+  <section class="bg-white p-2">
     <p v-if="isRoot">
       {{ $t("A place to store links to documents or resources of any type.") }}
     </p>
-    <div class="list-header">
-      <div class="list-header-right">
-        <o-checkbox v-model="checkedAll" v-if="resources.length > 0" />
-        <div class="actions" v-if="validCheckedResources.length > 0">
-          <small>
-            {{
-              $t(
-                "No resources selected",
-                {
-                  count: validCheckedResources.length,
-                },
-                validCheckedResources.length
-              )
-            }}
-          </small>
-          <o-button
-            variant="danger"
-            icon-right="delete"
-            size="small"
-            @click="deleteMultipleResources"
-            >{{ $t("Delete") }}</o-button
-          >
-        </div>
+    <div class="pl-6 mt-2 flex items-center gap-3">
+      <o-checkbox v-model="checkedAll" v-if="resources.length > 0" />
+      <div
+        class="flex items-center gap-3"
+        v-if="validCheckedResources.length > 0"
+      >
+        <small>
+          {{
+            $t(
+              "No resources selected",
+              {
+                count: validCheckedResources.length,
+              },
+              validCheckedResources.length
+            )
+          }}
+        </small>
+        <o-button
+          variant="danger"
+          icon-right="delete"
+          size="small"
+          @click="deleteMultipleResources"
+          >{{ $t("Delete") }}</o-button
+        >
       </div>
     </div>
     <draggable
@@ -37,7 +38,7 @@
       item-key="id"
     >
       <template #item="{ element }">
-        <div class="resource-item">
+        <div class="flex border m-2 p-2 items-center">
           <div
             class="resource-checkbox px-2"
             :class="{ checked: checkedResources[element.id as string] }"
@@ -73,7 +74,7 @@
 <script lang="ts" setup>
 import ResourceItem from "@/components/Resource/ResourceItem.vue";
 import FolderItem from "@/components/Resource/FolderItem.vue";
-import { ref, watch } from "vue";
+import { reactive, ref, watch } from "vue";
 import { IResource } from "@/types/resource";
 import Draggable from "zhyswan-vuedraggable";
 import { IGroup } from "@/types/actor";
@@ -95,22 +96,12 @@ const groupObject: Record<string, unknown> = {
   put: true,
 };
 
-const checkedResources = ref<{ [key: string]: boolean }>({});
+const checkedResources = reactive<{ [key: string]: boolean }>({});
 
 const validCheckedResources = ref<string[]>([]);
 
 const checkedAll = ref(false);
 
-watch(checkedResources, () => {
-  const newValidCheckedResources: string[] = [];
-  Object.entries(checkedResources).forEach(([key, value]) => {
-    if (value) {
-      newValidCheckedResources.push(key);
-    }
-  });
-  validCheckedResources.value = newValidCheckedResources;
-});
-
 const deleteMultipleResources = async (): Promise<void> => {
   validCheckedResources.value.forEach((resourceID) => {
     emit("delete", resourceID);
@@ -120,10 +111,20 @@ const deleteMultipleResources = async (): Promise<void> => {
 watch(checkedAll, () => {
   props.resources.forEach(({ id }) => {
     if (!id) return;
-    checkedResources.value[id] = checkedAll.value;
+    checkedResources[id] = checkedAll.value;
   });
 });
 
+watch(checkedResources, (newCheckedResources) => {
+  const newValidCheckedResources: string[] = [];
+  Object.entries(newCheckedResources).forEach(([key, value]) => {
+    if (value) {
+      newValidCheckedResources.push(key);
+    }
+  });
+  validCheckedResources.value = newValidCheckedResources;
+});
+
 // const deleteResource = (resourceID: string) => {
 //   validCheckedResources.value = validCheckedResources.value.filter(
 //     (id) => id !== resourceID

From 7401fc8273f76b69f70402083e78d5dd3d87fbfe Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 16:47:28 +0100
Subject: [PATCH 04/11] Truncate resource description preview after 350
 characters

Closes #1182

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Resources/ResourceFolder.vue | 49 +++++++++++++++++++----
 1 file changed, 42 insertions(+), 7 deletions(-)

diff --git a/js/src/views/Resources/ResourceFolder.vue b/js/src/views/Resources/ResourceFolder.vue
index 7d130027a..d5565a5f6 100644
--- a/js/src/views/Resources/ResourceFolder.vue
+++ b/js/src/views/Resources/ResourceFolder.vue
@@ -138,7 +138,13 @@
             {{ modalError }}
           </o-notification>
           <form @submit.prevent="createResource">
-            <o-field expanded :label="t('URL')" label-for="new-resource-url">
+            <o-field
+              expanded
+              :label="t('URL')"
+              label-for="new-resource-url"
+              :variant="modalFieldErrors['resource_url'] ? 'danger' : undefined"
+              :message="modalFieldErrors['resource_url']"
+            >
               <o-input
                 id="new-resource-url"
                 type="url"
@@ -153,7 +159,12 @@
               <resource-item :resource="newResource" :preview="true" />
             </div>
 
-            <o-field :label="t('Title')" label-for="new-resource-link-title">
+            <o-field
+              :label="t('Title')"
+              label-for="new-resource-link-title"
+              :variant="modalFieldErrors['title'] ? 'danger' : undefined"
+              :message="modalFieldErrors['title']"
+            >
               <o-input
                 aria-required="true"
                 v-model="newResource.title"
@@ -161,7 +172,12 @@
               />
             </o-field>
 
-            <o-field :label="t('Description')" label-for="new-resource-summary">
+            <o-field
+              :label="t('Description')"
+              label-for="new-resource-summary"
+              :variant="modalFieldErrors['summary'] ? 'danger' : undefined"
+              :message="modalFieldErrors['summary']"
+            >
               <o-input
                 type="textarea"
                 v-model="newResource.summary"
@@ -212,7 +228,10 @@ import Folder from "vue-material-design-icons/Folder.vue";
 import Link from "vue-material-design-icons/Link.vue";
 import DraggableList from "@/components/Resource/DraggableList.vue";
 import { resourcePathArray } from "@/components/Resource/utils";
-import { AbsintheGraphQLErrors } from "@/types/errors.model";
+import {
+  AbsintheGraphQLError,
+  AbsintheGraphQLErrors,
+} from "@/types/errors.model";
 
 const RESOURCES_PER_PAGE = 10;
 const page = useRouteQuery("page", 1, integerTransformer);
@@ -273,6 +292,7 @@ const createLinkResourceModal = ref(false);
 const moveModal = ref(false);
 const renameModal = ref(false);
 const modalError = ref("");
+const modalFieldErrors: Record<string, string> = reactive({});
 
 const resourceRenameInput = ref<any>();
 const modalNewResourceInput = ref<HTMLElement>();
@@ -316,7 +336,14 @@ createResourceDone(() => {
 
 createResourceError((err) => {
   console.error(err);
-  modalError.value = err.graphQLErrors[0].message;
+  const error = err.graphQLErrors[0] as AbsintheGraphQLError;
+  if (error.field) {
+    modalFieldErrors[error.field] = (error.message as unknown as string[]).join(
+      ","
+    );
+  } else {
+    modalError.value = (error.message as unknown as string[]).join(",");
+  }
 });
 
 const createResource = () => {
@@ -345,14 +372,22 @@ const {
 previewDone(({ data }) => {
   if (!data?.previewResourceLink) return;
   newResource.title = data?.previewResourceLink.title ?? "";
-  newResource.summary = data?.previewResourceLink?.description;
+  newResource.summary = data?.previewResourceLink?.description?.substring(
+    0,
+    390
+  );
   newResource.metadata = data?.previewResourceLink;
   newResource.type = "link";
 });
 
 previewError((err) => {
   console.error(err);
-  modalError.value = err.graphQLErrors[0].message;
+  const error = err.graphQLErrors[0] as AbsintheGraphQLError;
+  if (error.field) {
+    modalFieldErrors[error.field] = error.message;
+  } else {
+    modalError.value = err.graphQLErrors[0].message;
+  }
 });
 
 const previewResource = async (): Promise<void> => {

From d75a95cccdfde0471ff4e44fa50af2f6b5874239 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 16:49:24 +0100
Subject: [PATCH 05/11] Lower loglevel of resource insertion error

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 lib/mobilizon/resources/resources.ex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/mobilizon/resources/resources.ex b/lib/mobilizon/resources/resources.ex
index a159a3830..4138e7e13 100644
--- a/lib/mobilizon/resources/resources.ex
+++ b/lib/mobilizon/resources/resources.ex
@@ -120,7 +120,7 @@ defmodule Mobilizon.Resources do
         {:ok, resource}
 
       {:error, operation, reason, _changes} ->
-        Logger.error(
+        Logger.debug(
           "Error while inserting resource when #{operation} because of #{inspect(reason)}"
         )
 

From afd164a4496371a765937515527069c3ec172ac8 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 17:21:36 +0100
Subject: [PATCH 06/11] Resources view improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Resource/DraggableList.vue | 33 +++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/js/src/components/Resource/DraggableList.vue b/js/src/components/Resource/DraggableList.vue
index c470c993b..d72a9f149 100644
--- a/js/src/components/Resource/DraggableList.vue
+++ b/js/src/components/Resource/DraggableList.vue
@@ -1,17 +1,20 @@
 <template>
-  <section class="bg-white p-2">
+  <section class="bg-white dark:bg-zinc-700 p-2 pt-0.5">
+    <h1>{{ t("Resources") }}</h1>
     <p v-if="isRoot">
-      {{ $t("A place to store links to documents or resources of any type.") }}
+      {{ t("A place to store links to documents or resources of any type.") }}
     </p>
     <div class="pl-6 mt-2 flex items-center gap-3">
-      <o-checkbox v-model="checkedAll" v-if="resources.length > 0" />
+      <o-checkbox v-model="checkedAll" v-if="resources.length > 0">
+        <span class="sr-only">{{ t("Select all resources") }}</span>
+      </o-checkbox>
       <div
         class="flex items-center gap-3"
         v-if="validCheckedResources.length > 0"
       >
         <small>
           {{
-            $t(
+            t(
               "No resources selected",
               {
                 count: validCheckedResources.length,
@@ -25,7 +28,7 @@
           icon-right="delete"
           size="small"
           @click="deleteMultipleResources"
-          >{{ $t("Delete") }}</o-button
+          >{{ t("Delete") }}</o-button
         >
       </div>
     </div>
@@ -43,7 +46,9 @@
             class="resource-checkbox px-2"
             :class="{ checked: checkedResources[element.id as string] }"
           >
-            <o-checkbox v-model="checkedResources[element.id as string]" />
+            <o-checkbox v-model="checkedResources[element.id as string]">
+              <span class="sr-only">{{ t("Select this resource") }}</span>
+            </o-checkbox>
           </div>
           <resource-item
             :resource="element"
@@ -63,12 +68,12 @@
         </div>
       </template>
     </draggable>
-    <div
-      class="content has-text-centered has-text-grey"
-      v-if="resources.length === 0"
-    >
-      <p>{{ $t("No resources in this folder") }}</p>
-    </div>
+    <EmptyContent icon="link" :inline="true" v-if="resources.length === 0">
+      {{ t("No resources in this folder") }}
+      <template #desc>
+        {{ t("You can add resources by using the button above.") }}
+      </template>
+    </EmptyContent>
   </section>
 </template>
 <script lang="ts" setup>
@@ -78,6 +83,8 @@ import { reactive, ref, watch } from "vue";
 import { IResource } from "@/types/resource";
 import Draggable from "zhyswan-vuedraggable";
 import { IGroup } from "@/types/actor";
+import { useI18n } from "vue-i18n";
+import EmptyContent from "@/components/Utils/EmptyContent.vue";
 
 const props = withDefaults(
   defineProps<{ resources: IResource[]; isRoot: boolean; group: IGroup }>(),
@@ -90,6 +97,8 @@ const emit = defineEmits<{
   (e: "delete", resourceID: string): void;
 }>();
 
+const { t } = useI18n({ useScope: "global" });
+
 const groupObject: Record<string, unknown> = {
   name: "resources",
   pull: "clone",

From f3ac1f7ce1d483400ae9eb0ef007d2cbd47df66e Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 17:21:51 +0100
Subject: [PATCH 07/11] Discussions views improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Discussions/DiscussionView.vue   |  3 ++-
 .../views/Discussions/DiscussionsListView.vue | 23 ++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/js/src/views/Discussions/DiscussionView.vue b/js/src/views/Discussions/DiscussionView.vue
index 445d985f9..04ad88a45 100644
--- a/js/src/views/Discussions/DiscussionView.vue
+++ b/js/src/views/Discussions/DiscussionView.vue
@@ -81,6 +81,7 @@
                   newTitle = '';
                 }
               "
+              outlined
               icon-right="close"
               :title="t('Cancel discussion title edition')"
             />
@@ -237,7 +238,7 @@ subscribeToMore({
 
 const discussion = computed(() => discussionResult.value?.discussion);
 
-const { group } = useGroup(usernameWithDomain(discussion.value?.actor));
+const group = computed(() => discussion.value?.actor);
 
 const Editor = defineAsyncComponent(
   () => import("@/components/TextEditor.vue")
diff --git a/js/src/views/Discussions/DiscussionsListView.vue b/js/src/views/Discussions/DiscussionsListView.vue
index ff85999da..60c718ea4 100644
--- a/js/src/views/Discussions/DiscussionsListView.vue
+++ b/js/src/views/Discussions/DiscussionsListView.vue
@@ -4,7 +4,7 @@
       :links="[
         {
           name: RouteName.MY_GROUPS,
-          text: $t('My groups'),
+          text: t('My groups'),
         },
         {
           name: RouteName.GROUP,
@@ -14,14 +14,15 @@
         {
           name: RouteName.DISCUSSION_LIST,
           params: { preferredUsername: usernameWithDomain(group) },
-          text: $t('Discussions'),
+          text: t('Discussions'),
         },
       ]"
     />
     <section v-if="isCurrentActorAGroupMember">
+      <h1>{{ t("Discussions") }}</h1>
       <p>
         {{
-          $t(
+          t(
             "Keep the entire conversation about a specific topic together on a single page."
           )
         }}
@@ -32,7 +33,7 @@
           name: RouteName.CREATE_DISCUSSION,
           params: { preferredUsername },
         }"
-        >{{ $t("New discussion") }}</o-button
+        >{{ t("New discussion") }}</o-button
       >
       <div v-if="group.discussions.elements.length > 0">
         <discussion-list-item
@@ -46,25 +47,25 @@
           :total="group.discussions.total"
           v-model="page"
           :per-page="DISCUSSIONS_PER_PAGE"
-          :aria-next-label="$t('Next page')"
-          :aria-previous-label="$t('Previous page')"
-          :aria-page-label="$t('Page')"
-          :aria-current-label="$t('Current page')"
+          :aria-next-label="t('Next page')"
+          :aria-previous-label="t('Previous page')"
+          :aria-page-label="t('Page')"
+          :aria-current-label="t('Current page')"
         >
         </o-pagination>
       </div>
       <empty-content v-else icon="chat">
-        {{ $t("There's no discussions yet") }}
+        {{ t("There's no discussions yet") }}
       </empty-content>
     </section>
     <section class="section" v-else-if="!groupLoading && !personLoading">
       <empty-content icon="chat">
-        {{ $t("Only group members can access discussions") }}
+        {{ t("Only group members can access discussions") }}
         <template #desc>
           <router-link
             :to="{ name: RouteName.GROUP, params: { preferredUsername } }"
           >
-            {{ $t("Return to the group page") }}
+            {{ t("Return to the group page") }}
           </router-link>
         </template>
       </empty-content>

From c68c0c2120094458cddeb5b702757737f357d578 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 17:56:45 +0100
Subject: [PATCH 08/11] Add context to error when removing an upload file
 following actor suspension

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 lib/service/actor_suspension.ex | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/service/actor_suspension.ex b/lib/service/actor_suspension.ex
index 26ccd9b70..35b640693 100644
--- a/lib/service/actor_suspension.ex
+++ b/lib/service/actor_suspension.ex
@@ -279,7 +279,12 @@ defmodule Mobilizon.Service.ActorSuspension do
         {:ok, actor}
 
       {:error, error} ->
-        Logger.error("Error while removing an upload file")
+        Logger.error("Error while removing an upload file",
+          error: inspect(error),
+          actor: Actor.preferred_username_and_domain(actor),
+          file_url: url
+        )
+
         Logger.debug(inspect(error))
 
         {:ok, actor}

From 770a518ad113e561bdaeac89343af3002cc8ef39 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 18:00:42 +0100
Subject: [PATCH 09/11] Properly handle un-needed background jobs

Cancel them if they're not needed

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 lib/service/workers/notification.ex | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/lib/service/workers/notification.ex b/lib/service/workers/notification.ex
index c76e41550..196f8407c 100644
--- a/lib/service/workers/notification.ex
+++ b/lib/service/workers/notification.ex
@@ -69,7 +69,11 @@ defmodule Mobilizon.Service.Workers.Notification do
 
       :ok
     else
-      _ -> :ok
+      %Page{elements: [], total: 0} ->
+        {:cancel, :no_user_participations}
+
+      _ ->
+        :ok
     end
   end
 
@@ -103,6 +107,9 @@ defmodule Mobilizon.Service.Workers.Notification do
 
       :ok
     else
+      %Page{elements: [], total: 0} ->
+        {:cancel, :no_user_participations}
+
       _err ->
         :ok
     end
@@ -128,6 +135,9 @@ defmodule Mobilizon.Service.Workers.Notification do
       {:error, :event_not_found} ->
         {:cancel, :event_participation_not_found}
 
+      %Page{elements: [], total: 0} ->
+        {:cancel, :no_participants_to_approve}
+
       err ->
         Logger.debug(inspect(err))
         err

From 4bb90ebb3fd1a8e7db43c3c270eff72e1205da01 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 18:02:32 +0100
Subject: [PATCH 10/11] Properly handle replying to an event that has been
 deleted

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 lib/federation/activity_pub/transmogrifier.ex | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/lib/federation/activity_pub/transmogrifier.ex b/lib/federation/activity_pub/transmogrifier.ex
index 70c9f31eb..09ca8ef11 100644
--- a/lib/federation/activity_pub/transmogrifier.ex
+++ b/lib/federation/activity_pub/transmogrifier.ex
@@ -83,6 +83,10 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
               {:ok, %Activity{} = activity, entity} ->
                 {:ok, activity, entity}
 
+              {:error, :entity_tombstoned} ->
+                Logger.debug("Tried to reply to an event that has been tombstoned")
+                :error
+
               {:error, :event_not_allow_commenting} ->
                 Logger.debug("Tried to reply to an event for which comments are closed")
                 :error

From 6058da0d4436defa7fc04748e9790707d78c614c Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 3 Nov 2022 18:11:40 +0100
Subject: [PATCH 11/11] Propertly handle other errors when receiving a comment

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 lib/federation/activity_pub/transmogrifier.ex | 41 ++++++++++++-------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/lib/federation/activity_pub/transmogrifier.ex b/lib/federation/activity_pub/transmogrifier.ex
index 09ca8ef11..9efa6ccce 100644
--- a/lib/federation/activity_pub/transmogrifier.ex
+++ b/lib/federation/activity_pub/transmogrifier.ex
@@ -77,20 +77,9 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
       object_data when is_map(object_data) ->
         case Discussions.get_comment_from_url_with_preload(object_data.url) do
           {:error, :comment_not_found} ->
-            object_data = transform_object_data_for_discussion(object_data)
-
-            case create_comment_or_discussion(object_data) do
-              {:ok, %Activity{} = activity, entity} ->
-                {:ok, activity, entity}
-
-              {:error, :entity_tombstoned} ->
-                Logger.debug("Tried to reply to an event that has been tombstoned")
-                :error
-
-              {:error, :event_not_allow_commenting} ->
-                Logger.debug("Tried to reply to an event for which comments are closed")
-                :error
-            end
+            object_data
+            |> transform_object_data_for_discussion()
+            |> save_comment_or_discussion()
 
           {:ok, %Comment{} = comment} ->
             # Object already exists
@@ -1230,4 +1219,28 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
     object_id = Utils.get_url(object)
     Utils.get_actor(data) == object_id and not Utils.are_same_origin?(object_id, Endpoint.url())
   end
+
+  @spec save_comment_or_discussion(map()) :: {:ok, Activity.t(), struct()} | :error
+  defp save_comment_or_discussion(object_data) do
+    case create_comment_or_discussion(object_data) do
+      {:ok, %Activity{} = activity, entity} ->
+        {:ok, activity, entity}
+
+      {:error, :entity_tombstoned} ->
+        Logger.debug("Tried to reply to an event that has been tombstoned")
+        :error
+
+      {:error, :event_not_allow_commenting} ->
+        Logger.debug("Tried to reply to an event for which comments are closed")
+        :error
+
+      {:error, %Ecto.Changeset{} = _changeset} ->
+        Logger.debug("Error when saving external comment")
+        :error
+
+      {:error, err} ->
+        Logger.debug("Generic error when saving external comment", err: inspect(err))
+        :error
+    end
+  end
 end