Actualizacion de Vocabulario

tecnicas/controllers/views_controller/vocabulary_manage/create_vocabulary_controller.py

@@ -16,17 +16,15 @@ class CreateVocabularyController():
 
     def controllGet(self, request: HttpRequest):
         self.context = {
-            "form_word": self.context["form_word"],
-            "words": self.context["words"],
+            "form_word": WordForm(),
+            "words": []
         }
 
         if "name_voca" in request.GET:
-            current = Vocabulario.objects.get(nombre_vocabulario=request.GET["name_voca"])
-
-            self.context = {
-                "name_vacabulary": current.nombre_vocabulario,
-                "words": current.palabras.all()
-            }
+            current = Vocabulario.objects.get(
+                nombre_vocabulario=request.GET["name_voca"])
+            self.context["name_vacabulary"] = current.nombre_vocabulario
+            self.context["words"] = current.palabras.all()
 
         return render(request, self.current_url, self.context)
 
@@ -40,29 +38,73 @@ class CreateVocabularyController():
             self.context["error"] = "Nombre de vocabulario requerido"
             return render(request, self.current_url, self.context)
 
-        vocabulary_name = request.POST.get("nombre_vocabulario").strip()
+        new_vocabulary_name = request.POST.get("nombre_vocabulario").strip()
+        is_update = request.POST.get("is_update")
 
-        try:
-            new_vocababulary = Vocabulario.objects.create(
-                nomre_vocabulario=vocabulary_name)
-        except IntegrityError:
-            self.context["error"] = "Ya existe un vocabulario con ese nombre"
-            return render(request, self.current_url, self.context)
+        print(is_update)
+
+        if is_update:
+            if "original_name" not in request.POST:
+                self.context["error"] = "Nombre original de vocabulario requerido"
+                return render(request, self.current_url, self.context)
+
+            original_name = request.POST["original_name"].strip()
+
+            if original_name != new_vocabulary_name:
+                if Vocabulario.objects.filter(nombre_vocabulario=new_vocabulary_name).exists():
+                    self.context["error"] = "Ya existe un vocabulario con el nombre pasado"
+                    return render(request, self.current_url, self.context)
 
-        words_json = request.POST.get("words", "")
-        if words_json:
             try:
-                words_list = json.loads(words_json)
+                current_vocababulary = Vocabulario.objects.get(
+                    nombre_vocabulario=original_name)
+            except Vocabulario.DoesNotExist:
+                self.context["error"] = "No existe un vocabulario con ese nombre"
+                return render(request, self.current_url, self.context)
+
+            words_json = request.POST.get("words", "")
+            if words_json:
+                try:
+                    words_list = json.loads(words_json)
 
-                ids = [int(w.get("id", 0))
-                       for w in words_list if str(w.get("id", "")).isdigit()]
+                    ids = [int(w.get("id", 0))
+                           for w in words_list if str(w.get("id", "")).isdigit()]
 
-                words = Palabra.objects.filter(id__in=ids)
+                    words = Palabra.objects.filter(id__in=ids)
 
-                new_vocababulary.palabras.add(*words)
-            except (json.JSONDecodeError, ValueError):
-                self.context["error"] = 'Ocurrió un error al revisar las palabras, revise “Ver vocabularios”, para reasignar las palabras'
+                    current_vocababulary.palabras.set(words)
+                    current_vocababulary.nombre_vocabulario = new_vocabulary_name
+                    current_vocababulary.save()
+                except (json.JSONDecodeError, ValueError):
+                    self.context["error"] = 'Ocurrió un error al revisar las palabras, revise “Ver vocabularios”, para reasignar las palabras'
+                    return render(request, self.current_url, self.context)
+
+            self.context["message"] = 'Vocabulario creado con éxito, puedes revisarlo en "Ver vocabularios"'
+            return render(request, self.current_url, self.context)
+        elif not is_update:
+            try:
+                new_vocababulary = Vocabulario.objects.create(
+                    nombre_vocabulario=new_vocabulary_name)
+            except IntegrityError:
+                self.context["error"] = "Ya existe un vocabulario con ese nombre"
                 return render(request, self.current_url, self.context)
 
-        self.context["message"] = 'Vocabulario creado con éxito, puedes revisarlo en "Ver vocabularios"'
-        return render(request, self.current_url, self.context)
+            words_json = request.POST.get("words", "")
+            if words_json:
+                try:
+                    words_list = json.loads(words_json)
+
+                    ids = [int(w.get("id", 0))
+                           for w in words_list if str(w.get("id", "")).isdigit()]
+
+                    words = Palabra.objects.filter(id__in=ids)
+
+                    new_vocababulary.palabras.add(*words)
+                except (json.JSONDecodeError, ValueError):
+                    self.context["error"] = 'Ocurrió un error al revisar las palabras, revise “Ver vocabularios”, para reasignar las palabras'
+                    return render(request, self.current_url, self.context)
+
+            self.context["message"] = 'Vocabulario actualziado con éxito, puedes revisarlo en "Ver vocabularios"'
+            return render(request, self.current_url, self.context)
+        else:
+            pass

tecnicas/static/js/created-vocabulary.js

@@ -1,7 +1,7 @@
 // **************************************
 // Create Vocabulary
 // **************************************
-async function submitSelectWords(classNanmeForm) {
+async function submitSelectWords(classNanmeForm, update = false) {
   const form = document.querySelector(`.${classNanmeForm}`);
 
   const name_vocabulary = form.querySelector(".cts-name-voca").value;
@@ -20,7 +20,29 @@ async function submitSelectWords(classNanmeForm) {
   wordsInput.name = "words";
   wordsInput.value = JSON.stringify(listWordsSelect);
 
+  const [isUpdata, orinalName] = inputIsUpdateVocabulary(update);
+
   form.appendChild(wordsInput);
+  form.appendChild(isUpdata);
+  if (orinalName) form.appendChild(orinalName);
 
   form.submit();
 }
+
+function inputIsUpdateVocabulary(is_update = false) {
+  const isUpdata = document.createElement("input");
+  isUpdata.type = "hidden";
+  isUpdata.name = "is_update";
+  isUpdata.value = is_update;
+
+  if (is_update) {
+    const orinalName = document.querySelector(".cts-original-name").textContent;
+    const inputName = document.createElement("input");
+    inputName.type = "hidden";
+    inputName.name = "original_name";
+    inputName.value = orinalName;
+    return [isUpdata, inputName];
+  }
+
+  return [isUpdata, is_update];
+}

tecnicas/templates/tecnicas/manage_vocabulary/create-vocabulary.html

@@ -105,15 +105,22 @@
                 </p>
             </form>
 
+            {% if name_vacabulary %}
+            <p class="hidden cts-original-name">{{ name_vacabulary }}</p>
+            {% endif %}
+
             <article class="flex justify-center gap-4 mt-4">
+                {% if name_vacabulary %}
                 <button type="button" name="start" class="cts-btn-general cts-btn-primary btn-push flex-1 w-full"
-                    onclick="submitSelectWords('cts-craed-vocabulary')">
-                    {% if name_vacabulary %}
+                    onclick="submitSelectWords('cts-craed-vocabulary', true)">
                     Actualizar vocabulario
-                    {% else %}
+                </button>
+                {% else %}
+                <button type="button" name="start" class="cts-btn-general cts-btn-primary btn-push flex-1 w-full"
+                    onclick="submitSelectWords('cts-craed-vocabulary')">
                     Crear vocabulario
-                    {% endif %}
                 </button>
+                {% endif %}
                 <a href="{% url 'cata_system:panel_vocabulario' %}" class="flex-1 w-full">
                     <button type="button" class="cts-btn-general cts-btn-error btn-push w-full">
                         Cancelar