concordia
/
LiDa_Search
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

work in progress

This commit is contained in:
cesare 2022-04-22 09:47:19 +02:00
parent 30c6f51421
commit 3fc8c3b189
3 changed files with 273 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
index_work.html
View File

@ -40,12 +40,15 @@
<div class=" v-mid"> <div class=" v-mid">
<div class="f1 fw4 i blue-60">Linking Dante Search, sandbox release</div> <div class="f1 fw4 i blue-60">Linking Dante Search, sandbox
release</div>
<blockquote class="ph0 mh0 measure f4 lh-copy center mt0"> <blockquote class="ph0 mh0 measure f4 lh-copy center mt0">
<cite class="ph0 mh0 measure i f4 lh-copy center">potrai cercare, e non troverai ombra</cite><br/> <cite class="ph0 mh0 measure i f4 lh-copy center">potrai
<cite class="ph0 mh0 measure f4 lh-copy center">(Inf., canto 32, verso 59)</cite> cercare, e non troverai ombra</cite><br /> <cite
class="ph0 mh0 measure f4 lh-copy center">(Inf., canto 32,
verso 59)</cite>
</blockquote> </blockquote>
</div> </div>
</div> </div>
@ -64,26 +67,32 @@
Grammaticale</a> Grammaticale</a>
</div> </div>
<div class="w-45 pa1 mr1"> <div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-sint" <a
href="#0" value="Tipo sintattico" data-added="0">Tipo Sintattico</a> class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-sint"
href="#0" value="Tipo sintattico" data-added="0">Tipo
Sintattico</a>
</div> </div>
<div class="w-45 pa1 mr1"> <div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-metafora" <a
class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-metafora"
href="#0" value="Metafora" data-added="0">Metafore</a> href="#0" value="Metafora" data-added="0">Metafore</a>
</div> </div>
<div class="w-45 pa1 mr1"> <div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-dialogo" <a
class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-dialogo"
href="#0" value="Dialogo" data-added="0">Dialoghi</a> href="#0" value="Dialogo" data-added="0">Dialoghi</a>
</div> </div>
<div class="w-45 pa1 mr1"> <div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-struttura" <a
href="#0" value="Struttura" data-added="0">Struttura del testo</a> class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-struttura"
href="#0" value="Struttura" data-added="0">Struttura del
testo</a>
</div> </div>
</div> </div>
</div> </div>
<div class="fl w-100 w-80-ns pa4"> <div class="fl w-100 w-60-ns pa4">
<div class="bg-washed-blue pv2"> <div class="bg-washed-blue pv2">
<!-- form --> <!-- form -->
@ -120,10 +129,7 @@
</div> </div>
<div class="flex flex-wrap" id='dettaglifiltri'> <div class="flex flex-wrap" id='dettaglifiltri'></div>
</div>
</div> </div>
@ -139,6 +145,9 @@
</div> </div>
</div> </div>
<div class="fl w-100 w-20-ns pa4">
<div class="bg-washed-blue pv2" id='filtri'>Filtri</div>
</div>
</div> </div>
</div> </div>
@ -205,6 +214,39 @@
</div> </div>
</div> </div>
<!-- TEMPLATE FILTRO -->
<div class="flex items-center justify-center pa1 bg-lightest-blue navy"
style="display: none;" id="filtrogrammaticale">
<nav class="pa1 pa1-ns">
<a class="link dim gray f6 f2-ns dib mr0 delete-written-filter" href="#"
title="Remove"><img src="./images/chiudi1.png"
style="width: 22px; height: 20px;"></a>
</nav>
<!-- <span class="lh-title ml3">Clausola grammaticale</span>-->
<div class="pa1 pa1-ns listacondizioni">
<h4 class="f6 fw6">Clausola grammaticale</h4>
<dl class="f6 lh-title mv2">
<dt class="dib b">categoria:</dt>
<dd class="dib ml0 gray">cat</dd>
</dl>
<dl class="f6 lh-title mv2">
<dt class="dib b">filtro1:</dt>
<dd class="dib ml0 gray">val1</dd>
</dl>
<dl class="f6 lh-title mv2">
<dt class="dib b">filtro2:</dt>
<dd class="dib ml0 gray">val2</dd>
</dl>
</div>
</div>
<!-- DIV DETTAGLIFILTRI --> <!-- DIV DETTAGLIFILTRI -->
<div style="display: none;" id='divdettaglifiltri'> <div style="display: none;" id='divdettaglifiltri'>
@ -220,14 +262,17 @@
<nav class="pa1 pa1-ns"> <nav class="pa1 pa1-ns">
<a class="link dim gray f6 f2-ns dib mr0 remove-filter" href="#" title="Remove"><img src="./images/chiudi1.png" <a class="link dim gray f6 f2-ns dib mr0 remove-filter" href="#"
title="Remove"><img src="./images/chiudi1.png"
style="width: 22px; height: 20px;"></a> style="width: 22px; height: 20px;"></a>
<a class="link dim gray f6 f2-ns dib mr0 add-details" href="#" title="More" style="display:none"><img src="./images/more-icon.png" <a class="link dim gray f6 f2-ns dib mr0 add-details" href="#"
style="width: 22px; height: 20px;"></a> title="More" style="display:none"><img
src="./images/more-icon.png" style="width: 22px; height: 20px;"></a>
<!-- <a class="link dim gray f6 f2-ns dib mr0 set-filter" href="#" title="Set" style="display:none"><img src="./images/smalldone.png" <a class="link dim gray f6 f2-ns dib mr0 set-filter" href="#"
style="width: 22px; height: 20px;"></a> --> title="Set" style="display:none"><img
src="./images/smalldone.png" style="width: 22px; height: 20px;"></a>
</nav> </nav>
@ -841,9 +886,9 @@
<option value="temp ipo">temporale con valore ipotetico</option> <option value="temp ipo">temporale con valore ipotetico</option>
</optgroup> </optgroup>
</select> </select> <br /> <select name="functionSyntax0"
<br/> class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
<select name="functionSyntax0" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" title="Livello di subordinazione"> title="Livello di subordinazione">
<option value=".+">Qualsiasi livello di subordinazione</option> <option value=".+">Qualsiasi livello di subordinazione</option>
<optgroup label="Livelli di subordinazione"> <optgroup label="Livelli di subordinazione">
@ -858,11 +903,16 @@
<option value="subord vi">subordinata di VI grado</option> <option value="subord vi">subordinata di VI grado</option>
<option value="subord vii">subordinata di VII grado</option> <option value="subord vii">subordinata di VII grado</option>
<option value="coord i">coordinata a una subordinata di I grado</option> <option value="coord i">coordinata a una subordinata di I
<option value="coord ii">coordinata a una subordinata di II grado</option> grado</option>
<option value="coord iii">coordinata a una subordinata di III grado</option> <option value="coord ii">coordinata a una subordinata di
<option value="coord iv">coordinata a una subordinata di IV grado</option> II grado</option>
<option value="coord v">coordinata a una subordinata di V grado</option> <option value="coord iii">coordinata a una subordinata di
III grado</option>
<option value="coord iv">coordinata a una subordinata di
IV grado</option>
<option value="coord v">coordinata a una subordinata di V
grado</option>
<option value="pcoord">pseudo-coordinata</option> <option value="pcoord">pseudo-coordinata</option>

138
index_work_grid.html
View File

@ -59,26 +59,36 @@
Clausole Clausole
<div class=" bg-washed-blue pv2"> <div class=" bg-washed-blue pv2">
<!--
<div class="mt3"><input class="bw0 br2 bg-dark-blue pa1 white fw1 tc tracked-tight add-record" type="submit" value="Aggiungi condizione grammaticale" data-added="0"></div>
<div class="mt3"><input class="f6 link dim br3 ba ph1 pv1 mb2 dib mid-gray add-record" value="Categoria grammaticale" data-added="0"></div>
-->
<a class="f6 link dim br1 ba ph3 pv2 mb2 dib dark-green add-record" <div class="flex flex-column">
<div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record"
href="#0" value="Categoria grammaticale" data-added="0">Categoria href="#0" value="Categoria grammaticale" data-added="0">Categoria
Grammaticale</a> <a Grammaticale</a>
class="f6 link dim br1 ba ph3 pv2 mb2 dib dark-green add-record-sint" </div>
href="#0" value="Tipo sintattico" data-added="0">Tipo <div class="w-45 pa1 mr1">
Sintattico</a> <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-sint"
href="#0" value="Tipo sintattico" data-added="0">Tipo Sintattico</a>
<!-- </div>
<div class="mt3"><input class="bw0 br2 bg-dark-blue pa1 white fw1 tc tracked-tight add-record-sint" type="submit" value="Aggiungi condizione sintattica" data-added="0"></div> <div class="w-45 pa1 mr1">
--> <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-metafora"
<p> href="#0" value="Metafora" data-added="0">Metafore</a>
</div>
<div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-dialogo"
href="#0" value="Dialogo" data-added="0">Dialoghi</a>
</div>
<div class="w-45 pa1 mr1">
<a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-struttura"
href="#0" value="Struttura" data-added="0">Struttura del testo</a>
</div> </div>
</div> </div>
<div class="fl w-100 w-80-ns pa4"> </div>
</div>
<div class="fl w-100 w-60-ns pa4">
<div class="bg-washed-blue pv2"> <div class="bg-washed-blue pv2">
<!-- form --> <!-- form -->
@ -126,12 +136,27 @@
</form> </form>
<p> <p>
<input style="display: block;"
class="b ph3 pv2 input-reset ba b--black bg-transparent grow pointer f6" <div class="flex items-center justify-left pa2">
type="submit" name="grammar" id="grammarbutton" value="Cerca" <a href="#0" class="f6 no-underline black bg-animate hover-bg-black hover-white inline-flex items-center pa3 ba border-box mr4" id="grammarbutton">
title="Applica i criteri di ricerca">
<span class="pl1">Cerca</span>
</a>
<a href="#0" class="f6 no-underline black bg-animate hover-bg-black hover-white inline-flex items-center pa3 ba border-box" id="resetcriteria">
<span class="pr1">Annulla</span>
</a>
</div>
</p> </p>
</div>
</div>
<div class="fl w-100 w-20-ns pa4">
<div class="bg-washed-blue pv2" id='filtri'>
Filtri
</div> </div>
</div> </div>
</div> </div>
@ -200,19 +225,47 @@
</div> </div>
</div> </div>
<!-- TEMPLATE FILTRO -->
<div class="flex items-center justify-center pa4 bg-lightest-blue navy" style="display: none;" id="filtrogrammaticale">
<span class="lh-title ml3">clausola grammaticale</span>
</div>
<!-- DIV DETTAGLIFILTRI --> <!-- DIV DETTAGLIFILTRI -->
<div style="display: none;" id='divdettaglifiltri'> <div style="display: none;" id='dettaglifiltri'>
<div class="flex flex-wrap" id='dettaglifiltritemplate'></div> <div class="flex flex-wrap" id='dettaglifiltritemplate'></div>
</div> </div>
<!-- CATEGORIA GRAMMATICALE --> <!-- CATEGORIA GRAMMATICALE -->
<div style="display: none;" id='categoriagrammaticale'> <div style="display: none;" id='categoriagrammaticale'>
<div class="outline w-25"> <div class="outline w-25">
<div class="flex flex-column"> <div class="flex flex-column">
<div class="outline w-100 pa4 mr2">
<nav class="pa1 pa1-ns">
<a class="link dim gray f6 f2-ns dib mr0 remove-filter" href="#" title="Remove"><img src="./images/chiudi1.png"
style="width: 22px; height: 20px;"></a>
<a class="link dim gray f6 f2-ns dib mr0 add-details" href="#" title="More" style="display:none"><img src="./images/more-icon.png"
style="width: 22px; height: 20px;"></a>
<!-- <a class="link dim gray f6 f2-ns dib mr0 set-filter" href="#" title="Set" style="display:none"><img src="./images/smalldone.png"
style="width: 22px; height: 20px;"></a> -->
</nav>
<div class="outline w-100 pa1 mr1">
<select id="types" <select id="types"
class="w-100 db h2 f6 bg-near-white ba b--sliver gray catgram" class="w-100 db h2 f6 bg-near-white ba b--sliver gray catgram"
name="categoria" onchange="" title="Macro categoria"> name="categoria" onchange="" title="Macro categoria">
@ -248,15 +301,7 @@
</optgroup> </optgroup>
</select> </select>
</div> </div>
<div class="outline w-100 pa1 mr2">
<a class="f6 link dim br1 ba ph1 mb2 dib dark-green w-40 remove-filter"
href="#0" value="rimuovi" data-added="0">Rimuovi</a>
<a class="f6 link dim br1 ba ph1 mb2 dib dark-green w-40 add-details"
href="#0" value="dettagli" data-added="0" style="display:none" >Filtri categoria</a>
</div>
</div> </div>
</div> </div>
@ -270,7 +315,12 @@
<div style="display: none;" id='tiposintattico'> <div style="display: none;" id='tiposintattico'>
<div class="outline w-25 pv4 ph1"> <div class="outline w-25 pv4 ph1">
<select id="synttypes" <select id="synttypes"
class="w-100 db h2 f6 bg-near-white ba b--sliver gray" class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
name="typeSyntax0" title="Tipo sintattico" value="oggetto"> name="typeSyntax0" title="Tipo sintattico" value="oggetto">
@ -821,6 +871,36 @@
<option value="temp ipo">temporale con valore ipotetico</option> <option value="temp ipo">temporale con valore ipotetico</option>
</optgroup> </optgroup>
</select>
<br/>
<select name="functionSyntax0" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" title="Livello di subordinazione">
<option value=".+">Qualsiasi livello di subordinazione</option>
<optgroup label="Livelli di subordinazione">
<option value="princ">principale</option>
<option value="coord">coordinata a una principale</option>
<option value="subord i">subordinata di I grado</option>
<option value="subord ii">subordinata di II grado</option>
<option value="subord iii">subordinata di III grado</option>
<option value="subord iv">subordinata di IV grado</option>
<option value="subord v">subordinata di V grado</option>
<option value="subord vi">subordinata di VI grado</option>
<option value="subord vii">subordinata di VII grado</option>
<option value="coord i">coordinata a una subordinata di I grado</option>
<option value="coord ii">coordinata a una subordinata di II grado</option>
<option value="coord iii">coordinata a una subordinata di III grado</option>
<option value="coord iv">coordinata a una subordinata di IV grado</option>
<option value="coord v">coordinata a una subordinata di V grado</option>
<option value="pcoord">pseudo-coordinata</option>
<option value="parent">parentetica</option>
<option value="coord 0">coordinata a una parentetica</option>
</optgroup>
</select> </select>
</div> </div>
</div> </div>

24
js/guimanager.js
View File

@ -136,6 +136,8 @@ $(document).ready(function() {
var categorieJson = $.extend({}, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson); var categorieJson = $.extend({}, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson);
var categoriaGrammaticaleFiltro='none'
$('.tabs__menu-item').on('click', function() { $('.tabs__menu-item').on('click', function() {
$(this).addClass('bg-white').addClass('red'); $(this).addClass('bg-white').addClass('red');
$(this).siblings().removeClass('bg-white').removeClass('red'); $(this).siblings().removeClass('bg-white').removeClass('red');
@ -184,11 +186,14 @@ $(document).ready(function() {
sbs.find(".add-details").attr('style', 'display.block') sbs.find(".add-details").attr('style', 'display.block')
sbs.find(".set-filter").attr('style', 'display.block')
alert(pare.id) alert(pare.id)
containerid = 'dettaglio_' + pare.id;//$(this).closest('div').attr('id') containerid = 'dettaglio_' + pare.id;//$(this).closest('div').attr('id')
sbs.find(".add-details").attr('target', containerid) sbs.find(".add-details").attr('target', containerid)
sbs.find(".set-filter").attr('target', containerid)
//if ($('#types').find(":selected").val()=='verbovolgare'){ //if ($('#types').find(":selected").val()=='verbovolgare'){
categoriaGrammaticaleFiltro=$(this).val();
if ($(this).val() == 'verbovolgare') { if ($(this).val() == 'verbovolgare') {
var content = jQuery('#categoriaverbo >div'), var content = jQuery('#categoriaverbo >div'),
@ -316,7 +321,8 @@ $(document).ready(function() {
if (element === undefined) { if (element === undefined) {
var test = jQuery('#' + containerid) var test = jQuery('#' + containerid)
sbs.find(".add-details").attr('style', 'display:none') sbs.find(".add-details").attr('style', 'display.none')
sbs.find(".set-filter").attr('style', 'display.none')
test.remove() test.remove()
} }
else else
@ -397,6 +403,22 @@ $(document).ready(function() {
return false; return false;
} }
}); });
// scrittura del filtro
jQuery(document).delegate('a.set-filter', 'click', function(e) {
e.preventDefault();
var content = jQuery('#filtrogrammaticale'),
size = jQuery('#filtri >div').length + 1,
element = null,
element = content.clone();
alert(categoriaGrammaticaleFiltro + " "+size)
element.attr('id', 'filtro-' + size);
element.find('.delete-written-filter').attr('target','filtro-'+size);
element.attr('style','display.block');
element.appendTo('#filtri');
})
jQuery(document).delegate('a.add-details', 'click', function(e) { jQuery(document).delegate('a.add-details', 'click', function(e) {
e.preventDefault(); e.preventDefault();