A web application to render and edit ALTO files.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

69 lines
2.3 KiB

  1. <!doctype HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Chaoui</title>
  6. <script src="main.js"></script>
  7. <link rel="stylesheet" href="style.css" type="text/css"/>
  8. </head>
  9. <body>
  10. <div id="toolbar">
  11. <div id="menubar">
  12. <div id="file" class="menu">
  13. <span>Fichier</span>
  14. <ul>
  15. <li id="loadALTO">Charger des fichiers ALTO</li>
  16. <li id="saveALTO" class="disabled">Exporter la page courante modifiée</li>
  17. <li id="loadScoria" class="disabled">Importer des scories</li>
  18. <li id="saveScoria" class="disabled">Exporter les scories</li>
  19. </ul>
  20. </div><div id="edit" class="menu">
  21. <span>Édition</span>
  22. <ul>
  23. <li id="editCancel" class="disabled">Annuler</li>
  24. <li id="editRedo" class="disabled">Refaire</li>
  25. </ul>
  26. </div><div id="help" class="menu">
  27. <span>Aide</span>
  28. <ul>
  29. <li id="documentation">
  30. <a href="https://git.marvid.fr/Tissevert/chaoui/wiki" target="_blank">Documentation</a>
  31. </li>
  32. <li id="reposLink">
  33. <a href="https://git.marvid.fr/Tissevert/chaoui" target="_blank">À propos de ce logiciel</a>
  34. </li>
  35. </ul>
  36. </div>
  37. </div>
  38. <span>
  39. <label for="fileNumber">#</label><input id="fileNumber" type="number" name="fileNumber" min="0" max="0" step="1" value="0"/>
  40. <span id="fileName"></span>
  41. </span>
  42. <span>
  43. <label for="wcThreshold">Seuil de qualité</label><input id="wcThreshold" name="wcThreshold" type="number" min="0" max="1" step="0.01" value="0.25"/>
  44. </span>
  45. <span>
  46. <select id="mode">
  47. <option value="display" selected>Affichage seulement</option>
  48. <option value="edit">Édition des scories</option>
  49. <option value="blockOrder">Ordre des blocs</option>
  50. </select>
  51. </span>
  52. <span>
  53. <button id="cancel" title="Annuler" disabled>⟲</button>
  54. <button id="redo" title="Refaire" disabled>⟳</button>
  55. </span>
  56. <span id="zoom">
  57. <button id="fitWidth" title="Pleine largeur" >⇔</button>
  58. <input type="number" id="zoomAmount" value="100" step="10" min="30" max="250" title="Zoom"/>
  59. <button id="fitHeight" title="Pleine hauteur" >⇕</button>
  60. </span>
  61. </div>
  62. <div id="workzone">
  63. <div id="page"></div>
  64. <div id="selector"></div>
  65. </div>
  66. <div id="windowCatchAll"></div>
  67. </body>
  68. </html>