spinner added

This commit is contained in:
Luca Trupiano 2022-10-03 17:03:09 +02:00
parent a442d047bd
commit 7ae571258f
3 changed files with 47 additions and 1 deletions

View File

@ -95,6 +95,13 @@ div.halfOpacity {
lida5 #106e7c
lida8 #fab37f
lida9 #f1924e
gifsicle --change-color 204,232,159 250,179,127 ajax-loader.gif > 1.gif
gifsicle --change-color 224,128,192 241,146,78 1.gif > 2.gif
gifsicle --change-color 127,127,127 0,150,142 2.gif > 3.gif
gifsicle --change-color 127,204,255 16,110,124 3.gif > 4.gif
gifsicle --change-color 224,255,128 74,189,140 4.gif > lida-loader.gif
*/
@ -1130,4 +1137,34 @@ a.text-lidaBG1:hover, a.text-lidaBG1:focus {
background-color: #fef0e5 !important;
}
/*------------------------------------
- spinner-indicator
------------------------------------*/
th{ color: white; }
.modal-busy {
position: fixed;
z-index: 999;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: Black;
filter: alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.8;
}
.center-busy {
z-index: 1000;
margin: 300px auto;
padding: 0px;
width: 130px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}
.center-busy img {
height: 128px;
width: 128px;
}

View File

@ -28,6 +28,7 @@
<script type="text/javascript" src="./js/datatables.min.js" defer></script>
<script type="text/javascript" src="./js/utils.js"></script>
<script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
<script type="text/javascript" src="./js/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="./js/script_Luk_Q.js"></script>
</head>
<body>
@ -64,6 +65,7 @@
<select class="form-control custom-select" id="lemma_forma">
<option value="forma">la forma</option>
<option value="lemma">il lemma</option>
<option disabled value="testo">il testo</option>
</select>
<input type="text" class="form-control" id="queryText" placeholder="stelle" aria-describedby="name-desc" name="query">
</div>
@ -724,7 +726,7 @@
</form>
</div>
</div>
</div>
</div>
<div class="container p-2 my-3 border bg-light">
<div class="row">
@ -805,4 +807,9 @@
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
<div class="modal-busy" id="loader" style="display: none">
<div class="center-busy" id="test-git">
<img alt="" src="lida-loader.gif" />
</div>
</div>
</html>

View File

@ -589,6 +589,7 @@ $(document).ready(function() {
async function executeQuery(){
//execQuery = sparqlQuery3;
//queryFields = queryFields3;
$("#loader").show();
bindingsStream = await myEngine.queryBindings(execQuery, { sources: [ { type: 'sparql', value: sparqlEndpoint }, ], });
$("#sparqlquery").val(execQuery);
$("#copiaQuery").prop("disabled", false);
@ -617,6 +618,7 @@ $(document).ready(function() {
};
resultTable = resultTable + resultTablePart4 + '</tr>';
$("#risultatitesto").append(binding.toString() + ",\n");
$("#loader").hide();
//console.log(binding.get('form').value);
//console.log(binding.get('form').termType);
//console.log(binding.get('pred').value);