Commit 6e236c50 authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

finalisation v5.0

parent a4b9c825
......@@ -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
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment