finalisation v5.0

templates/editDico.html

@@ -2,6 +2,10 @@
 {% load static %}
 {% load humanize %}
 
+{% block styles %}
+    <link rel="stylesheet" type="text/css" href="{% static 'styles/datatables.min.css'%}">
+{% endblock %}
+
 {% block content %}
     <div class="editDico">
         {% if data.dicoLang == 'fr' %}
@@ -41,8 +45,7 @@
         </div>
         <button id="rechercher" title="Rechercher dans le dictionnaire">Rechercher</button>
 
-        <div class="info">Le dictionnaire fait actuellement <span id="dicoNbEntr">{{ data.lenDic|intcomma }}</span> entrées.<br/>{{ data.logStat.cptEdit }} modifications enregistrées par les utilisateurs ({{ data.logStat.cptAdd }} ajouts ; {{ data.logStat.cptModif }} éditions ; {{ data.logStat.cptDel }} suppressions)<br/><a style="cursor:pointer" onclick="getLogOfAll()">Historique complet des modifications du dictionnaire</a></div>
-        <!-- <div class="info warning">La modification du dictionnaire n'est pas encore possible.</div> -->
+        <div class="info">Le dictionnaire fait actuellement <span id="dicoNbEntr">{{ data.lenDic|intcomma }}</span> entrées.<br/>{{ data.logStat.cptEdit }} modifications enregistrées par les utilisateurs ({{ data.logStat.cptAdd }} ajouts ; {{ data.logStat.cptModif }} éditions ; {{ data.logStat.cptDel }} suppressions)<br/><a style="cursor:pointer" onclick="getLogOf('*')">Historique complet des modifications du dictionnaire</a></div>
         <div class="result">
             <h3>Résultats de la recherche <span id="nbres"></span></h3>
             <table id="resultTable">
@@ -62,6 +65,7 @@
             <button id="btnShowMore" class="btn btn-success" style="margin: 10px;display: none; color:white" title="afficher plus de résultats"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="white" class="bi bi-plus-circle" viewBox="0 0 16 16">  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg></button>
             <!-- <button id="btnAddEntry" class="btn btn-primary" style="margin: 10px;" title="Ajouter une entrée">Ajouter une entrée</button> -->
             <div id="actionBlock" style="display: none;"><div class="loader mainLoad"></div></div>
+            
             <div class="divAddEntree">
                 <h3>Ajouter une nouvelle entrée dans le dictionnaire</h3>
                 <p><i>(Vous pouvez saisir plusieurs transcriptions différentes en les séparant par une virgule)</i></p>
@@ -73,7 +77,13 @@
     <div>
         <form action="/app/" method="POST">{% csrf_token %}
             <button formaction="/app/dico/">Retour aux dictionnaires</button>
-            <button formaction="/app/">Retour au coloriseur</button>
+            {% if data.dicoLang == 'fr' %}
+                <button formaction="/fr/">Retour au coloriseur</button>
+            {% elif data.dicoLang == 'en' %}
+                <button formaction="/en/">Retour au coloriseur</button>
+            {% elif data.dicoLang == 'zh' %}
+                <button formaction="/zh/">Retour au coloriseur</button>
+            {% endif %}
         </form>
     </div>
     <br>
@@ -88,7 +98,23 @@
         </div>
         <div id="modalBody" class="modal-body">
             <h2 id="popLogH2" class="popLogH2"></h2>
-            <div id="popLogInner" class="popLogInner"></div>
+            
+            <div id="myDataTable"></div>
+            <!-- La datatable doit être générée from scratch à chaque fois pour se mettre à jour correctement (cf. editDico.js) -->
+            <!-- https://datatables.net/manual/installation -->
+            <!-- <table class="table table-hover" id="logTable" data-order='[[ 0, "desc"]]' data-page-length='25'>
+                <thead>
+                    <tr>
+                        <th scope="col">Date</th>
+                        <th scope="col">Word</th>
+                        <th scope="col">Type</th>
+                        <th scope="col">Old version</th>
+                        <th scope="col">New version</th>
+                    </tr>
+                </thead>
+                <tbody id="logTableBody">
+                </tbody>
+            </table> -->
         </div>
         <div class="modal-footer2">
             <h3>WikiColor</h3>
@@ -96,7 +122,7 @@
         </div>
     </div>
 
-    <!-- Modal qui apparaît pour afficher/modifier un mot au dictionnaire anglais -->
+    <!-- Modal qui apparaît pour afficher/modifier un mot au dictionnaire -->
     <div id="modalEditWord" class="modal">
         <div class="popAddw-content" style="min-width:600px;">
             <div class="popAddw-header d-flex justify-content-between align-items-center">
@@ -104,19 +130,35 @@
                 <span class="close" id="closeEditWord">&times;</span>
             </div>
             <div class="popAddw-body">
-                <b>Word : </b>« <span id="popwMot"></span> »<br/>
+                <div class="d-flex flex-column text-start">
+                    <div class="m-3">
+                        <b>Word: </b>« <span id="popwMot"></span> »
+                    </div>
+                    <div class="m-3" id="popwCatDiv" style="display:none">
+                        <b>Part of speech: </b><span id="popwCat"></span>
+                    </div>
+                    <div class="m-1 row align-items-start" id="popwFanJianDiv" style="display:none">
+                            <div class="col"><img class="me-2" width="30px" src="{% static 'im/badge-fantizi.png' %}" title="繁體字"></img><span id="popwFan"></span></div>
+                            <div class="col"><img class="me-2" width="30px" src="{% static 'im/badge-jiantizi.png' %}" title="简体字"></img><span id="popwJian"></span></div>
+                    </div>
+                    <div class="m-3" id="popwEDiv" style="display:none">
+                        <b>Meaning: </b><span id="popwE"></span>
+                    </div>
+                </div>
+
                 <table id="transTable" style="width:100%">
                     <tr>
                         <th>Transcription (IPA)</th>
                         <th>Region(s)/Variety</th>
                     </tr>
                 </table>
-                <div id="modalEditWordBtnDiv"></div>
+                <div id="modalEditWordBtnAddTransDiv"></div>
+                <div id="modalEditWordBtnDiv" class="m-1"></div>
             </div>
         </div>
     </div>
 
-    <!-- Modal qui apparaît pour afficher/modifier la/les régions d'un mot du dictionnaire anglais -->
+    <!-- Modal qui apparaît pour afficher/modifier la/les régions d'un mot du dictionnaire -->
     <div id="modalEditWordRegion" class="modal" style="padding-top: 200px;">
         <div class="popAddw-content" style="min-width:500px;">
             <div class="popAddw-header d-flex justify-content-between align-items-center">
@@ -128,26 +170,7 @@
                 <b>Pronunciation: </b>/<span id="modalEditWordRegionTrans" class="inputTrans"></span>/<br/>
                 <input hidden id="modalEditWordRegionCptEntr" value="">
                 <br/>
-                <div class="form-check form-check-inline">
-                    <input class="form-check-input wordRegionCheckbox" type="checkbox" id="wordRegionUK" value="UK">
-                    <label class="form-check-label" for="wordRegionUK" title="United Kingdom - Received Pronunciation">UK</label>
-                </div>
-                <div class="form-check form-check-inline">
-                    <input class="form-check-input wordRegionCheckbox" type="checkbox" id="wordRegionUS" value="US">
-                    <label class="form-check-label" for="wordRegionUS" title="USA - General American">US</label>
-                </div>
-                <div class="form-check form-check-inline">
-                    <input class="form-check-input wordRegionCheckbox" type="checkbox" id="wordRegionCA" value="CA">
-                    <label class="form-check-label" for="wordRegionCA" title="Canada">CA</label>
-                </div>
-                <div class="form-check form-check-inline">
-                    <input class="form-check-input wordRegionCheckbox" type="checkbox" id="wordRegionAU" value="AU">
-                    <label class="form-check-label" for="wordRegionAU" title="Australia">AU</label>
-                </div>
-                <div class="form-check form-check-inline">
-                    <input class="form-check-input wordRegionCheckbox" type="checkbox" id="wordRegionNZ" value="NZ">
-                    <label class="form-check-label" for="wordRegionNZ" title="New Zealand">NZ</label>
-                </div>
+                <div id="regCheckboxDiv"></div>
                 <br/><br/>
                 <b>Comment: </b><br/>
                 <textarea id="modalEditWordRegionComment" placeholder="Type any comment you want on this pronunciation."></textarea>
@@ -161,6 +184,7 @@
 {% endblock %}
 
 {% block javascript %}
-    <script src="{% static 'scripts/loc2stand.js' %}"></script>
-    <script src="{% static 'scripts/editDico.js' %}"></script>
+    <script type="text/javascript" src="{% static 'scripts/loc2stand.js' %}"></script>
+    <script type="text/javascript" src="{% static 'scripts/datatables.min.js' %}"></script>
+    <script type="text/javascript" src="{% static 'scripts/editDico.js' %}"></script>
 {% endblock %}
\ No newline at end of file