aggiungi/rimuovi clausole

This commit is contained in:
cesare 2022-02-07 16:50:59 +01:00
parent 786de6a1bb
commit 5bc69839c0
2 changed files with 140 additions and 61 deletions

View File

@ -40,7 +40,7 @@
<div class="mw9 center ph3-ns"> <div class="mw9 center ph3-ns">
<div class="cf ph2-ns"> <div class="cf ph2-ns">
<div class="fl w-100 w-20-ns pa4"> <div class="fl w-100 w-20-ns pa4">
Filtri Clausole
<div class=" bg-washed-blue pv2"> <div class=" bg-washed-blue pv2">
<!-- <!--
@ -193,40 +193,57 @@
<!-- CATEGORIA GRAMMATICALE --> <!-- CATEGORIA GRAMMATICALE -->
<div style="display: none;" id='categoriagrammaticale'> <div style="display: none;" id='categoriagrammaticale'>
<div class="outline w-25 pv4 ph1"> <div class="outline w-25">
<select id="types"
class="w-100 db h2 f6 bg-near-white ba b--sliver gray catgram" <div class="flex flex-column">
name="categoria" onchange="" title="Macro categoria"> <div class="outline w-100 pa4 mr2">
<option value="all">Tutte le categorie</option> <select id="types"
<optgroup label="Volgare"> class="w-100 db h2 f6 bg-near-white ba b--sliver gray catgram"
<option value="verbovolgare">Verbo volgare</option> name="categoria" onchange="" title="Macro categoria">
<option value="sostantivovolgare">Sostantivo volgare</option> <option value="all">Tutte le categorie</option>
<option value="aggettivovolgare">Aggettivo volgare</option> <optgroup label="Volgare">
<option value="pronomevolgare">Pronome volgare</option> <option value="verbovolgare">Verbo volgare</option>
<option value="articolovolgare">Articolo volgare</option> <option value="sostantivovolgare">Sostantivo volgare</option>
<option value="avverbiovolgare">Avverbio volgare</option> <option value="aggettivovolgare">Aggettivo volgare</option>
<option value="preposizionevolgare">Preposizione volgare</option> <option value="pronomevolgare">Pronome volgare</option>
<option value="congiunzionevolgare">Congiunzione volgare</option> <option value="articolovolgare">Articolo volgare</option>
<option value="interiezionevolgare">Interiezione volgare</option> <option value="avverbiovolgare">Avverbio volgare</option>
<option value="onomasticavolgare">Onomastica volgare</option> <option value="preposizionevolgare">Preposizione volgare</option>
<option value="citazionevolgare">Citazione volgare</option> <option value="congiunzionevolgare">Congiunzione volgare</option>
</optgroup> <option value="interiezionevolgare">Interiezione volgare</option>
<optgroup label="Latino"> <option value="onomasticavolgare">Onomastica volgare</option>
<option value="verbo_latino_v">Verbo latino</option> <option value="citazionevolgare">Citazione volgare</option>
<option value="sostantivo_latino_s">Sostantivo latino</option> </optgroup>
<option value="aggettivo_latino_a">Aggettivo latino</option> <optgroup label="Latino">
<option value="pronome_latino_p">Pronome latino</option> <option value="verbo_latino_v">Verbo latino</option>
<option value="avverbio_latino_r">Avverbio latino</option> <option value="sostantivo_latino_s">Sostantivo latino</option>
<option value="preposizione_latino_e">Preposizione latino</option> <option value="aggettivo_latino_a">Aggettivo latino</option>
<option value="congiunzione_latino_c">Congiunzione latino</option> <option value="pronome_latino_p">Pronome latino</option>
<option value="interiezione_latino_i">Interiezione latino</option> <option value="avverbio_latino_r">Avverbio latino</option>
<option value="enclitica_latino_9">Enclitica latino</option> <option value="preposizione_latino_e">Preposizione
<option value="citazione_latino_zi">Citazione latino</option> latino</option>
<option value="simbolo_latino_yy">Simbolo latino</option> <option value="congiunzione_latino_c">Congiunzione
</optgroup> latino</option>
</select> <option value="interiezione_latino_i">Interiezione
latino</option>
<option value="enclitica_latino_9">Enclitica latino</option>
<option value="citazione_latino_zi">Citazione latino</option>
<option value="simbolo_latino_yy">Simbolo latino</option>
</optgroup>
</select>
</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>
@ -799,6 +816,7 @@
<div style="display: none;" id='categoriasostantivo'> <div style="display: none;" id='categoriasostantivo'>
<div class=" w-15 pa1 mr2"> <div class=" w-15 pa1 mr2">
<fieldset id="numero" class="bn"> <fieldset id="numero" class="bn">

View File

@ -119,13 +119,7 @@ $(document).ready(function() {
"citazionevolgare": "filtricitazione" "citazionevolgare": "filtricitazione"
} }
/*$.getJSON("aggettivo.json", function(aggettivo){ var catGrammsenzaspec=['all', 'interiezionevolgare']
//var keys = Object.values(aggettivo.filtri["Con oggetto indiretto"]);
//alert(keys);
aggettivoJson=aggettivo
}).fail(function(){
console.log("An error has occurred.");
});*/
var categorieJson = $.extend({}, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson); var categorieJson = $.extend({}, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson);
@ -136,14 +130,13 @@ $(document).ready(function() {
jQuery(document).delegate('a.add-record', 'click', function(e) { jQuery(document).delegate('a.add-record', 'click', function(e) {
e.preventDefault(); e.preventDefault();
var content = jQuery('#categoriagrammaticale div'), var content = jQuery('#categoriagrammaticale >div'),
size = jQuery('#condizioni >div').length + 1, size = jQuery('#condizioni >div').length + 1,
element = null, element = null,
element = content.clone(); element = content.clone();
//alert(size);
element.attr('id', 'cg-' + size); element.attr('id', 'cg-' + size);
//element.attr('class', "stripe-dark") element.find('.remove-filter').attr('target','cg-'+size);
//element.find('.delete-record').attr('data-id', size);
element.appendTo('#condizioni'); element.appendTo('#condizioni');
element.find('.sn').html(size); element.find('.sn').html(size);
grammarconditions = grammarconditions + 1 grammarconditions = grammarconditions + 1
@ -159,8 +152,8 @@ $(document).ready(function() {
element = null, element = null,
element = content.clone(); element = content.clone();
element.attr('id', 'ts-' + size); element.attr('id', 'ts-' + size);
//element.attr('class', "stripe-dark")
//element.find('.delete-record').attr('data-id', size); element.find('.remove-filter').attr('target','ts-'+size);
element.appendTo('#condizioni'); element.appendTo('#condizioni');
element.find('.sn').html(size); element.find('.sn').html(size);
if (size == 1) if (size == 1)
@ -170,13 +163,21 @@ $(document).ready(function() {
jQuery(document).delegate('select.catgram', 'change', function(e) { jQuery(document).delegate('select.catgram', 'change', function(e) {
e.preventDefault(); e.preventDefault();
//alert ($('#types').find(":selected").val())
alert($(this).closest('div').attr('id'))
//alert(($(this).closest('div')).closest('div').attr('id'))
containerid = 'dettaglio_' + $(this).closest('div').attr('id') var pare=$(this).parents()[2];
var sbs=($(this).closest('div')).siblings()
sbs.find(".add-details").attr('style', 'display:block')
alert(pare.id)
containerid = 'dettaglio_' + pare.id;//$(this).closest('div').attr('id')
sbs.find(".add-details").attr('target', containerid)
//if ($('#types').find(":selected").val()=='verbovolgare'){ //if ($('#types').find(":selected").val()=='verbovolgare'){
if ($(this).val() == 'verbovolgare') { if ($(this).val() == 'verbovolgare') {
//alert($('#types').find(":selected").val());
var content = jQuery('#categoriaverbo >div'), var content = jQuery('#categoriaverbo >div'),
size = jQuery('#dettaglifiltri').length + 1, size = jQuery('#dettaglifiltri').length + 1,
element = null, element = null,
@ -191,10 +192,10 @@ $(document).ready(function() {
element = content.clone(); element = content.clone();
} }
//alert($(this).val())
if (Object.keys(categorie).includes($(this).val())) { if (Object.keys(categorie).includes($(this).val())) {
//alert(categorie[$(this).val()])
var filtro = categorie[$(this).val()] var filtro = categorie[$(this).val()]
//var keys = Object.keys(aggettivoJson.filtri); //var keys = Object.keys(aggettivoJson.filtri);
var keys = Object.keys(categorieJson[filtro]) var keys = Object.keys(categorieJson[filtro])
@ -240,7 +241,7 @@ $(document).ready(function() {
flexdiv1.appendTo(rbfieldset); flexdiv1.appendTo(rbfieldset);
flexdiv2.appendTo(rbfieldset); flexdiv2.appendTo(rbfieldset);
rbfieldset.appendTo(element); rbfieldset.appendTo(element);
element.attr('style', 'display:block') element.attr('style', 'display:none')
element.appendTo('#dettaglifiltri'); element.appendTo('#dettaglifiltri');
} }
} }
@ -269,7 +270,7 @@ $(document).ready(function() {
label1.appendTo(flexdiv1); label1.appendTo(flexdiv1);
flexdiv1.appendTo(rbfieldset); flexdiv1.appendTo(rbfieldset);
rbfieldset.appendTo(element); rbfieldset.appendTo(element);
element.attr('style', 'display:block') element.attr('style', 'display:none')
element.appendTo('#dettaglifiltri'); element.appendTo('#dettaglifiltri');
} }
} }
@ -290,8 +291,10 @@ $(document).ready(function() {
seloption.appendTo(select) seloption.appendTo(select)
} }
select.appendTo(element) select.appendTo(element)
element.attr('style', 'display:block') element.attr('style', 'display:none')
element.appendTo('#dettaglifiltri'); element.appendTo('#dettaglifiltri');
} }
@ -300,18 +303,34 @@ $(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')
test.remove() test.remove()
} }
else else
{ {
element.attr('style', "display: block;") element.attr('style', "display: none;")
//element.appendTo('#dettaglifiltri'); //element.appendTo('#dettaglifiltri');
var test = jQuery('#' + containerid) var test = jQuery('#' + containerid)
/*if (test.val() !== undefined){
//alert (test)
var flexdivreplace = $('<div />');
flexdivreplace.attr('class', 'flex flex-wrap')
flexdivreplace.attr('id', containerid)
element.appendTo(flexdivreplace)
test.replaceWith(flexdivreplace)
}
else{*/
test.remove() test.remove()
//<legend class="pa0 f5 f4-ns mb3 black-80">Sostantivo</legend>
//var legend=$('<legend class="pa0 f5 f4-ns mb3 black-80">'+$(this).val()+'</legend>');
//var fset=$('<fieldset class="cf bn ma0 pa0">')
element.appendTo('#dettaglifiltri'); element.appendTo('#dettaglifiltri');
var container = jQuery('#dettaglifiltri'); var container = jQuery('#dettaglifiltri');
container.attr('id', containerid); container.attr('id', containerid);
var divdf = jQuery('#divdettaglifiltri >div'), var divdf = jQuery('#divdettaglifiltri >div'),
@ -319,6 +338,8 @@ $(document).ready(function() {
detelement = divdf.clone(); detelement = divdf.clone();
detelement.attr('id', 'dettaglifiltri') detelement.attr('id', 'dettaglifiltri')
detelement.appendTo("#query") detelement.appendTo("#query")
//}
element.find('.sn').html(size); element.find('.sn').html(size);
} }
@ -328,7 +349,7 @@ $(document).ready(function() {
jQuery(document).delegate('input.delete-record', 'click', function(e) { jQuery(document).delegate('input.delete-record', 'click', function(e) {
e.preventDefault(); e.preventDefault();
var didConfirm = confirm("Sei sicuro di voler eliminare la condizione?"); var didConfirm = confirm("Sei sicuro di voler eliminare la clausola?");
if (didConfirm == true) { if (didConfirm == true) {
var id = jQuery(this).attr('data-id'); var id = jQuery(this).attr('data-id');
var targetDiv = jQuery(this).attr('targetDiv'); var targetDiv = jQuery(this).attr('targetDiv');
@ -346,4 +367,44 @@ $(document).ready(function() {
return false; return false;
} }
}); });
jQuery(document).delegate('a.remove-filter', 'click', function(e) {
e.preventDefault();
var didConfirm = confirm("Sei sicuro di voler eliminare la clausola?");
if (didConfirm == true) {
var targetDiv = jQuery(this).attr('target');
rmel=jQuery('#'+targetDiv)
rmeldetail=jQuery('#'+'dettaglio_' + targetDiv)
jQuery(rmel).remove();
jQuery(rmeldetail).remove();
return true;
} else {
return false;
}
});
jQuery(document).delegate('a.add-details', 'click', function(e) {
e.preventDefault();
var targetDiv = jQuery(this).attr('target');
rmel=jQuery('#'+targetDiv)
var curstyle=rmel.attr('view')
if(curstyle!==undefined && curstyle==='y'){
rmel.children().attr('style','display:none');
rmel.attr('view','n')
}
else{
rmel.attr('view','y')
rmel.children().attr('style','display:block');
}
return true;
});
}); });