update index.html

site2/css/mystyle.css

@@ -83,6 +83,8 @@ html {
 
 .choose_param {
   margin: 0 auto;
+  display: flex;
+  justify-content: center;
 }
 
 /*
@@ -238,12 +240,15 @@ padding: 15px;
   font-weight: bold;
 }
 
+.pointer {
+  cursor: pointer;
+}
+
 #single-context-box {
     background-color: #fff;
     position: absolute;
     margin-left: 20px;
     overflow-y: scroll;
-    top: 570px;
     right: 15px;
     width: 40%;
     max-width: 700px;
@@ -432,6 +437,10 @@ footer img {
   .table-responsive {
     display: block;
   }
+
+  #single-context-box {
+    width: 80%;
+  }
 }
 
 .selected {

site2/index.html

@@ -13,6 +13,7 @@
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+</head>
    <header>
       <!-- Navbar -->
       <nav class="navbar navbar-expand-lg navbar-light bg-white">
@@ -49,6 +50,8 @@
    
    <div class="container">
 
+      <div id="diamond"></div>
+
       <div id="title" class="row justify-content-center align-items-center">
          <img id="logo" src="img/TIgrO icon.png" />
          <h1>Progetto 2023</h1>
@@ -101,9 +104,15 @@
                               Cerca solo lemmatizzate
                               </label>
                            </div>
+                           
+                        </div>
+                        <div class="input-small input-field" style="visibility: hidden;">
+                           <div class="form-check deleteCC" id="2">
+                              <button class="btn">
+                                 <i class="fa fa-trash"></i>
+                              </button>
+                           </div>
                         </div>
-                       
-                  
                </div>
             </div>
 
@@ -156,43 +165,42 @@
       <span id="params"></span><br />
       <div class="row table-responsive">
          <div id="result" class="col"></div>
-      </div>
-
-      <div id="single-context-box" class="selected" style="display: none;">
-         <div class="toggle-buttons">
-            <a id="showFilePanel" style="display: none;">&lt;&lt;</a>
-            <a id="closeFilePanel">&gt;&gt;</a>
-         </div>
-         <div class="row box" id="context-title">
-         </div>
-         <div class="row box addin_box" id="additional_info" style="display: none;"></div>
-         <div class="row box" id="context-box">
-            <div class="box-label">
-               <p>Contesto</p>
+         <div id="single-context-box" class="selected" style="display: none;">
+            <div class="toggle-buttons">
+               <a id="showFilePanel" class="pointer" style="display: none;">&lt;&lt;</a>
+               <a id="closeFilePanel" class="pointer">&gt;&gt;</a>
             </div>
-            <div class="box-text">
-               <div id="context-text"></div>
+            <div class="row box" id="context-title">
             </div>
-         </div>
-
-         <div class="row box" id="notes_box" style="display: none;">
-            <div class="box-label">
-               <p>Note</p>
-            </div>
-            <div class="box-text">
-               <p id="notes-text"></p>
+            <div class="row box addin_box" id="additional_info" style="display: none;"></div>
+            <div class="row box" id="context-box">
+               <div class="box-label">
+                  <p>Contesto</p>
+               </div>
+               <div class="box-text">
+                  <div id="context-text"></div>
+               </div>
             </div>
-         </div>
-
-         <div class="row box" id="associated-text-box" style="display: none;">
-            <div class="box-label">
-               <p>Testi associati</p>
+   
+            <div class="row box" id="notes_box" style="display: none;">
+               <div class="box-label">
+                  <p>Note</p>
+               </div>
+               <div class="box-text">
+                  <p id="notes-text"></p>
+               </div>
             </div>
-            <div class="box-text">
-               <p id="associated-text"></p>
+   
+            <div class="row box" id="associated-text-box" style="display: none;">
+               <div class="box-label">
+                  <p>Testi associati</p>
+               </div>
+               <div class="box-text">
+                  <p id="associated-text"></p>
+               </div>
             </div>
+   
          </div>
-
       </div>
 
       <div class="row">

site2/js/createSingleContext.js

@@ -100,7 +100,7 @@ export function createPage(elem) {
       $("#associated-text-box").css("display", "none");
     }
   
-    var title_box = "<p>" + titolo_abbreviato + ", " + rif_organico + ", " + tipo_stanza + 
+    var title_box = "<p class='pointer'>" + titolo_abbreviato + ", " + rif_organico + ", " + tipo_stanza + 
     "." + stanza + ", v." + verso + ", " + pag + "." + riga + "</p>";
   
     var add_info = "<p>" + "Autore: " + autore + "<br />" +

site2/js/pagination.js

@@ -1,4 +1,5 @@
 export function createPagination(num) {
+    $('#navPagination').css("display", "flex");
     $("#navPagination").html("");
   
     var navbar = document.createElement('nav');

site2/js/processData.js

@@ -34,12 +34,12 @@ export function processOccData(response){
     var keys = Object.keys(response[0]);
     createFirstRowOcc(keys);
     var ll = response.length;
-    let pags = Math.floor(ll / 10);
-    let extraP = ll % 10;
+    let pags = Math.floor(ll / 5);
+    let extraP = ll % 5;
     if (extraP != 0) {
       pags = pags + 1;
     }
-    let pp = 9;
+    let pp = 4;
     let ref = 1;
 
     createPagination(pags);
@@ -54,7 +54,7 @@ export function processOccData(response){
 
     for (var i=0; i<ll; i++) {
       if (i >= pp) {
-        pp = pp + 10;
+        pp = pp + 5;
         ref = ref + 1;
       } else {
         pp = pp;

site2/js/toExport.js

@@ -24,6 +24,8 @@ export function funzioneRicerca(){
     $("#result").html("");
     $("#single-context-box").css("display", "none");
     $("#loader").css("display", "block");
+    $('.table-responsive').css("width", "100%");
+    $('#navPagination').css("display", "none");
     let collection_elementoDaRicercare = document.getElementsByClassName("barraDiRicerca");
     var collection_types = document.getElementsByClassName("flViewBy");
     var collection_lenght = collection_elementoDaRicercare.length;