aboutsummaryrefslogtreecommitdiffstats
path: root/server
diff options
context:
space:
mode:
authorAndrea Lepori <alepori@student.ethz.ch>2020-07-22 10:16:37 +0200
committerAndrea Lepori <alepori@student.ethz.ch>2020-07-22 10:16:37 +0200
commite08aeeae83bccb3f3a058707eb0836925cebf4f1 (patch)
tree87f660dafc88fc9c48b6b41553cf449c9eb529ee /server
parentstatic files, last improvements (diff)
downloadscout-subs-e08aeeae83bccb3f3a058707eb0836925cebf4f1.tar.gz
scout-subs-e08aeeae83bccb3f3a058707eb0836925cebf4f1.zip
better mobile support
Diffstat (limited to 'server')
-rw-r--r--server/templates/server/doc_type.html37
1 files changed, 34 insertions, 3 deletions
diff --git a/server/templates/server/doc_type.html b/server/templates/server/doc_type.html
index 33399bf..e95cef1 100644
--- a/server/templates/server/doc_type.html
+++ b/server/templates/server/doc_type.html
@@ -39,7 +39,7 @@
<li><a class="tooltipped" data-position="top" data-tooltip="Elimina selezionati" Onclick="send('delete')"><i class="material-icons">delete</i></a></li>
</ul>
<ul class="right">
- <li>
+ <li class="hide-on-med-and-down">
<form>
<div class="input-field">
<input autocomplete="off" id="search" type="search" onkeyup="filterResults()" required>
@@ -48,11 +48,16 @@
</div>
</form>
</li>
- <li><a class="tooltipped" data-position="top" data-tooltip="Pulisci filtri" Onclick="send('clear')"><i class="material-icons">clear</i></a></li>
- <li><a href="#modal1" data-target="modal1" class="modal-trigger tooltipped" data-position="top" data-tooltip="Filtri"><i class="material-icons">filter_list</i></a></li>
+ <li class="hide-on-med-and-down"><a class="tooltipped" data-position="top" data-tooltip="Pulisci filtri" Onclick="send('clear')"><i class="material-icons">clear</i></a></li>
+ <li class="hide-on-med-and-down"><a href="#modal1" data-target="modal1" class="modal-trigger tooltipped" data-position="top" data-tooltip="Filtri"><i class="material-icons">filter_list</i></a></li>
+ <li class="hide-on-large-only"><a class='dropdown-trigger' href='#' data-target='dropdown1'><i class="material-icons">filter_list</i></a></li>
</ul>
</div>
</nav>
+ <ul id='dropdown1' class='dropdown-content'>
+ <li><a Onclick="send('clear')"><i class="material-icons">clear</i>Pulisci</a></li>
+ <li><a href="#modal1" data-target="modal1" class="modal-trigger"><i class="material-icons">filter_list</i>Filtri</a></li>
+ </ul>
{% endblock %}
{% block content %}
@@ -113,6 +118,14 @@
</label>
</div>
</div>
+ <div class="row hide-on-large-only">
+ <div class="col s12">
+ <div class="input-field">
+ <input autocomplete="off" id="searchs" type="text" onkeyup="filterResultsSmall()" required>
+ <label for="searchs"><i class="material-icons">search</i></label>
+ </div>
+ </div>
+ </div>
</div>
<div class="modal-footer">
<a href="#!" onclick="send('filter')" class="modal-close waves-effect waves-green btn-flat">Applica</a>
@@ -212,6 +225,7 @@ $(document).ready(function(){
$('.collapsible').collapsible();
$('.tooltipped').tooltip();
$('.modal').modal();
+ $('.dropdown-trigger').dropdown({constantWidth: false});
{% if error %}
M.toast({html: '{{ error_text}}', classes: 'orange'})
{% endif %}
@@ -253,4 +267,21 @@ function filterResults() {
}
}
}
+
+function filterResultsSmall() {
+ var search = document.getElementById('searchs')
+ var filter = search.value.toUpperCase()
+ var items = document.getElementsByClassName('list')
+
+
+ for (i = 0; i < items.length; i++) {
+ var a = items[i];
+ var txtValue = a.innerText;
+ if (txtValue.toUpperCase().indexOf(filter) > -1) {
+ items[i].style.display = "";
+ } else {
+ items[i].style.display = "none";
+ }
+ }
+}
{% endblock %} \ No newline at end of file