ArticleEdit split

Author: Zane

src/Controller/Editor/ArticleUploadImages.php

@@ -0,0 +1,23 @@
+<?php
+namespace App\Controller\Editor;
+
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\Routing\Attribute\Route;
+
+
+class ArticleUploadImages extends ArticleEditBaseController
+{
+    #[Route('/ajax/editor/article/{articleId<[1-9]+[0-9]*>}/images/upload', name: 'app_article_edit_images-upload', methods: ['POST'])]
+    public function upload(int $articleId) : JsonResponse|Response
+    {
+        try {
+            dd("TODO");
+            $arrIdsAndTags = $this->request->get('tags') ?? [];
+            $this->loadArticleEditor($articleId)->setTagsFromIdsAndTags($arrIdsAndTags);
+            $this->factory->getEntityManager()->flush();
+            return $this->jsonOKResponse("Tag salvati");
+
+        } catch(Exception|Error $ex) { return $this->textErrorResponse($ex); }
+    }
+}

templates/article/editor/images.html.twig

@@ -1,5 +1,6 @@
 <!-- ARTICLE side column editor images gallery START -->
-<div id="tli-article-editor-image-gallery" class="col-lg-4 sticky-top overflow-auto mt-15">
+<div id="tli-article-editor-image-gallery" class="col-lg-4 sticky-top overflow-auto mt-15"
+     data-save-url="{{ path('app_article_edit_images-upload', {'articleId': Article.id}) }}">
 
     {% embed 'parts/alert-chalkboard.html.twig' %}
         {% block alertStyle %}{% if Article.Images is empty %}collapse{% endif%} tli-images-guide{% endblock %}
@@ -24,14 +25,20 @@
         {% endfor %}
     </div>
 
+
     <div class="sticky-bottom text-center mt-2">
+
         <button type="button" class="btn btn-primary tli-image-upload">
             <i class="fa-solid fa-upload"></i> Carica immagini
         </button>
 
         <input type="file" multiple accept="image/*" class="d-none">
 
-        <div class="tli-image-upload-progress"></div>
+        <div id="tli-image-upload-progress" class="progress d-none" role="progressbar"
+             aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+            <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 0%"></div>
+        </div>
+
     </div>
 
 </div>