Add possibility to de-moderate news through api and calendar widget

com/api.py

@@ -65,6 +65,18 @@ class NewsController(ControllerBase):
             news.moderator = self.context.request.user
             news.save()
 
+    @route.patch(
+        "/{int:news_id}/remove",
+        permissions=[HasPerm("com.moderate_news")],
+        url_name="remove_news",
+    )
+    def remove_news(self, news_id: int):
+        news = self.get_object_or_exception(News, id=news_id)
+        if news.is_moderated:
+            news.is_moderated = False
+            news.moderator = self.context.request.user
+            news.save()
+
     @route.delete(
         "/{int:news_id}",
         permissions=[HasPerm("com.delete_news")],

com/static/bundled/com/components/ics-calendar-index.ts

@@ -13,6 +13,7 @@ import {
   calendarCalendarUnmoderated,
   newsDeleteNews,
   newsModerateNews,
+  newsRemoveNews,
 } from "#openapi";
 
 @registerComponent("ics-calendar")
@@ -86,7 +87,7 @@ export class IcsCalendar extends inheritHtmlElement("div") {
     this.calendar.refetchEvents();
   }
 
-  async moderate(id: number) {
+  async moderateNews(id: number) {
     await newsModerateNews({
       path: {
         // biome-ignore lint/style/useNamingConvention: python API
@@ -96,7 +97,17 @@ export class IcsCalendar extends inheritHtmlElement("div") {
     await this.refreshEvents();
   }
 
-  async delete(id: number) {
+  async removeNews(id: number) {
+    await newsRemoveNews({
+      path: {
+        // biome-ignore lint/style/useNamingConvention: python API
+        news_id: id,
+      },
+    });
+    await this.refreshEvents();
+  }
+
+  async deleteNews(id: number) {
     await newsDeleteNews({
       path: {
         // biome-ignore lint/style/useNamingConvention: python API
@@ -195,24 +206,33 @@ export class IcsCalendar extends inheritHtmlElement("div") {
       }
       const newsId = this.getNewsId(event);
       const div = document.createElement("div");
-      if (
-        this.canModerate &&
-        event.source.internalEventSource.ui.classNames.indexOf("unmoderated") >= 0
-      ) {
-        const button = document.createElement("button");
-        button.innerHTML = `<i class="fa fa-check"></i>${gettext("Moderate")}`;
-        button.setAttribute("class", "btn btn-green");
-        button.onclick = () => {
-          this.moderate(newsId);
-        };
-        div.appendChild(button);
+      if (this.canModerate) {
+        if (
+          event.source.internalEventSource.ui.classNames.indexOf("unmoderated") >= 0
+        ) {
+          const button = document.createElement("button");
+          button.innerHTML = `<i class="fa fa-check"></i>${gettext("Moderate")}`;
+          button.setAttribute("class", "btn btn-green");
+          button.onclick = () => {
+            this.moderateNews(newsId);
+          };
+          div.appendChild(button);
+        } else {
+          const button = document.createElement("button");
+          button.innerHTML = `<i class="fa fa-times"></i>${gettext("Remove")}`;
+          button.setAttribute("class", "btn btn-orange");
+          button.onclick = () => {
+            this.removeNews(newsId);
+          };
+          div.appendChild(button);
+        }
       }
       if (this.canDelete) {
         const button = document.createElement("button");
         button.innerHTML = `<i class="fa fa-trash-can"></i>${gettext("Delete")}`;
         button.setAttribute("class", "btn btn-red");
         button.onclick = () => {
-          this.delete(newsId);
+          this.deleteNews(newsId);
         };
         div.appendChild(button);
       }

core/static/core/style.scss

@@ -272,6 +272,20 @@ body {
       }
     }
 
+    &.btn-orange {
+      background-color: #fcbf81;
+      color: black;
+
+      &:not(:disabled):hover {
+        background-color: darken(#fcbf81, 15%);
+      }
+
+      &:disabled {
+        background-color: lighten(#fcbf81, 15%);
+        color: grey;
+      }
+    }
+
     &:not(.btn-no-text) {
       i {
         margin-right: 4px;

locale/fr/LC_MESSAGES/djangojs.po

@@ -7,7 +7,7 @@
 msgid ""
 msgstr ""
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2025-02-25 11:05+0100\n"
+"POT-Creation-Date: 2025-02-25 14:38+0100\n"
 "PO-Revision-Date: 2024-09-17 11:54+0200\n"
 "Last-Translator: Sli <antoine@bartuccio.fr>\n"
 "Language-Team: AE info <ae.info@utbm.fr>\n"
@@ -21,6 +21,19 @@ msgstr ""
 msgid "More info"
 msgstr "Plus d'informations"
 
+#: com/static/bundled/com/components/ics-calendar-index.ts
+msgid "Moderate"
+msgstr "Modérer"
+
+#: com/static/bundled/com/components/ics-calendar-index.ts
+#: core/static/bundled/core/components/ajax-select-base.ts
+msgid "Remove"
+msgstr "Retirer"
+
+#: com/static/bundled/com/components/ics-calendar-index.ts
+msgid "Delete"
+msgstr "Supprimer"
+
 #: com/static/bundled/com/components/moderation-alert-index.ts
 #, javascript-format
 msgid ""
@@ -32,10 +45,6 @@ msgstr ""
 "modérez ou supprimez cet événement, il sera également modéré (ou supprimé) "
 "pour les semaines suivantes."
 
-#: core/static/bundled/core/components/ajax-select-base.ts
-msgid "Remove"
-msgstr "Retirer"
-
 #: core/static/bundled/core/components/ajax-select-base.ts
 msgid "You need to type %(number)s more characters"
 msgstr "Vous devez taper %(number)s caractères de plus"