spinner added
This commit is contained in:
parent
a442d047bd
commit
7ae571258f
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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>
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue