may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
1KA_F2F/admin/survey/script/DragDrop/dragdropInAdmin.js

1625 lines
84 KiB
JavaScript
Raw Permalink Normal View History

Dodan nov repozitorij
2020-08-14 13:36:36 +02:00
//za predogled in quick view oz. quick edit Drag and drop postavitve vprasanj
//var refresh = 0;
var refresh = [];
var skatlastOkvir = [];
var draggableOnDroppable = []; //spremenljivka, ki belezi prisotnost odgovora na ustrezni povrsini pri Drag and Drop
var maxDragDrop = []; //spremenljivka, ki belezi max stevilo moznih odgovorov
var draggableOverDroppable = []; //spremenljivka, ki belezi prisotnost odgovora nad ustreznim okvirjem pri Drag and Drop
var default_var_height_1 = []; //belezi zacetno vrednost visine celotnega vprasanja po usklajevanju visine glede na prisotne kategorije odgovorov
var data_after_refresh = []; //belezi, ali je uporabnik refresh-al stran oz. se vraca na stran
var frame_total_height_right = []; //belezi visino okvirjev desnega bloka @ drag and drop grids
var draggableOver = [];
var last_vre_id = []; //belezi vre_id zadnjega draggable, ki smo ga premikali @ Drag and drop
var vre_id_global = []; //belezi vre_id trenutne kategorije odgovorov @ Drag and drop
var last_indeks = []; //belezi indeks zadnjega okvirja, kjer je bil draggable @ Drag and drop
var indeks_global = []; //belezi trenutni indeks okvirja @ Drag and drop
var last_drop = []; //belezi indeks zadnjega okvirja, kjer je bil draggable droppan @ Drag and drop
var num_grids_global = []; //belezi stevilo gridov za doloceno vprasanje
var draggable_global = [];
var cat_pushed = []; //belezi, ali je kategorijo odrinila druga kategorija odgovora @ Drag and drop
function DraggableAdmin(vre_id){
//console.log('Hura!');
var default_cat_height = 15;
var final_height = 0;
var cat_text_length = $('#vre_id_'+vre_id).html().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
//console.log('Število znakov v kategoriji: '+cat_text_length);
var num_of_br = $('#vre_id_'+vre_id+' br').length; //hrani stevilo br oz. ročnih vnosov novih vrstic
//console.log('Število br v kategoriji: '+num_of_br);
var num_imgs = $('#vre_id_'+vre_id+' img').length; //hrani stevilo img v interesiranem div-u
//console.log('Število slik v kategoriji: '+num_imgs);
var max_cat_text_length = 30; //hrani max stevilo dolzine teksta do katerega ni potrebno samodejno dodati <br>
if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs == 0) ){//ce je tekst daljsi od 30 znakov, nima breakov ali slik dodaj <br>
var txt = $('#vre_id_'+vre_id).html();
//console.log(txt);
var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
//console.log(txt_alt);
$('#vre_id_'+vre_id).html(txt_alt);
final_height = final_height + default_cat_height + 25;
//console.log(final_height);
}
if (num_imgs != 0){ // ce imamo sliko
var img_height = 0;
var max_width = $('.ranking').width();
var img = $('#vre_id_'+vre_id+' img');
var img_width = img.width();
var img_height = img.height();
if (img_width > max_width){
img_height = (img_height / img_width) * max_width;
$('#vre_id_'+vre_id).children('img').css({width: max_width});
$('#vre_id_'+vre_id).children('img').css({height: img_height});
//$('#vre_id_'+vre_id).css({height: height});
}
//console.log("img_height: "+img_height);
if(img_height > 25){ //ce je visina slike vecja od default visine kategorije
final_height = final_height + img_height;
}
}
if(num_of_br != 0){
var br_height = num_of_br*25;
if (num_imgs == 0){
final_height = final_height + default_cat_height + br_height;
}
else{
final_height = final_height + br_height;
}
//console.log(final_height);
if( (img_height < 25) && (img_height != 0) ){
final_height = final_height + img_height;
}
}
if (final_height != 0){
$('#vre_id_'+vre_id).css({'height':final_height}); //dodaj atributu style še novo višino
//TO-DO: ureditev visine celotnega vprasanja - kodo je potrebno prenesti nekam drugam, kjer bo se dalo globlano oceniti visino spremenljivke
//var default_var_height = 271; //default visina celotnega vprasanja
//var final_var_height = default_var_height + img_height;
//$('#vre_id_'+vre_id).css({'height':final_var_height});
}
}
//************funkcija, ki skrbi za inicializacijo draggable elementov in delovanje drag and drop ob dvojnem kliku
function init_GridDraggable(spremenljivka, vre_id, grids){
data_after_refresh[spremenljivka] = false;
frame_total_height_right[spremenljivka] = 0;
last_vre_id[spremenljivka] = 0;
vre_id_global[spremenljivka] = 0;
last_indeks[spremenljivka] = 0;
last_drop[vre_id] = 0;
indeks_global[spremenljivka] = 0;
num_grids_global[spremenljivka] = grids;//stevilo okvirjev, pomembno za revert kategorije odgovora
cat_pushed[spremenljivka] = false;
draggable_global[vre_id] = 0;
//spremenljvke, ce se ne uporablja polj - konec
//spremenljivke kot polja polj
draggableOnDroppable[vre_id] = new Array(2); //inicializacija spremenljivke, ki belezi, ali je trenutna kategorija odgovora prisotna kontejnerju/okvirju
draggableOverDroppable[vre_id] = new Array(2);
for(i = 1; i <= num_grids_global[spremenljivka]; i++){
draggableOnDroppable[vre_id][i] = false;
draggableOverDroppable[vre_id][i] = false;
}
}
//************funkcija, ki skrbi za inicializacijo draggable elementov in delovanje drag and drop ob dvojnem kliku
function Draggable(tip, spremenljivka, vre_id, ajax, anketa, site_url, usr_id, other, mobile, quick_view, preview_spremenljivka){
var top_cat = -1;
var left_cat = -1;
if (mobile == 0 || mobile == 2){
top_cat = -6;
left_cat = -6;
}
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).addClass('drag_and_drop').detach().appendTo('#half_frame_dropping_'+spremenljivka) //zeleni element s kategorijami dodaj v zacetnem kontejnerju
.draggable({ //ureditev, da je element draggable
cursor: 'move',
//revert: true,
revert: function(socketObj)
{
if(typeof checkBranching == 'function'){
checkBranching();
}
//if false then no socket object drop occurred, reverting happens
if(socketObj === false){
//ce je tip kategorije en odgovor in smo premaknili kategorijo odgovora od levega okvirja proti desnemu
if (tip == 1 && draggableOver[spremenljivka] == true){
$('#half2_frame_dropping_'+spremenljivka).toggleClass('frame_dropping_hover_right_single');//sprozi preklop sloga levega okvirja
//console.log('Yo!');
}
draggableOver[spremenljivka] = false;
return true;
}
else {
return false;
}
},
//stack: '#half_'+spremenljivka+' div',
stack: '#half2_'+spremenljivka+' div',
opacity: 0.9,
containment: '#prestavljanje_'+spremenljivka,
})
.dblclick(function() { //ob dvojnem kliku na kategorijo, to prenesi kot odgovor na ustrezno mesto
var vre_id = $(this).attr('value');
var id_parent = $(this).parent().attr('id'); //hrani id bloka v katerem se trenutno nahaja mozen odgovor
var other = $(this).attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
var other_present = $('#half2_frame_dropping_'+spremenljivka).children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
if(typeof checkBranching == 'function'){
checkBranching();
}
if (id_parent == 'half_frame_dropping_'+spremenljivka){ //ce je trenuten odgovor v levem bloku
if( ( (tip == 1 && other == 0) ) || ( (tip == 2) && (other_present != 0) ) || ( (other != 0) ) ) {//ce je preneseni odgovor tipa 1 ("radio") in ni missing-a,
//ALI ce je preneseni odgovor tipa 2 ("checkbox") in je missing prisoten v desnem bloku ALI ce je preneseni odgovor missing
//sprazni blok z odgovori oz. prenesi morebitne obstojece odgovore nazaj v levi blok in zbrisi trenutni (missing) odgovor iz baze
if (ajax){ //zbrisi trenutne odgovore iz baze
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop2_data', {spremenljivka: spremenljivka, usr_id: usr_id, anketa: anketa}); //post-aj potrebne podatke
}
$('.ui-draggable[name="vrednost_'+spremenljivka+'"]').appendTo('#half_frame_dropping_'+spremenljivka);//prenesi skupino odgovorov v levi (zacetni) blok
}
$('#half2_frame_dropping_'+spremenljivka).prepend(this); //pripopaj na zacetek seznama odgovorov (desni blok) izbrani missing
if (ajax){ //vnesi missing odgovor v bazo
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop1', {spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id}); //post-aj potrebne podatke
}
draggableOver[spremenljivka] = false;
draggableOnDroppable[vre_id] = true; //kategorija odgovora je v desnem okviru
} //konec if za levi blok
else if(id_parent == 'half2_frame_dropping_'+spremenljivka){ //ce je trenuten odgovor v desnem bloku
if(other != 0 || other == 0){
var vre_id = $(this).attr('value');
$('#half_frame_dropping_'+spremenljivka).prepend(this); //pripopaj prenesno na zacetek seznama kategorij
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).draggable( 'option', 'appendTo', '#half_frame_dropping_'+spremenljivka);
$('#vrednost_if_'+usr_id).remove();
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop1_data', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa}); //post-aj potrebne podatke
}
}
/* if(other == 0){
var vre_id = $(this).attr('value');
$('#half_'+spremenljivka).prepend(this); //pripopaj preneseno na zacetek seznama kategorij
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).draggable( 'option', 'appendTo', '#half_'+spremenljivka);
$('#vrednost_if_'+usr_id).remove();
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop1_data', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa}); //post-aj potrebne podatke
}
} */
draggableOver[spremenljivka] == false; //nismo vec v over dogodku
draggableOnDroppable[vre_id] = false;
} //konec if za desni blok
});
//dodajanje atributov, ki so prisotni pri vseh ostalih kategorijah odgovorov
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).attr({'value':vre_id, 'name':'vrednost_'+spremenljivka, 'onclick':'checkBranching();', 'missing':other});
if(quick_view || preview_spremenljivka){ //ce je le predogled
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).draggable( "option", "disabled", true ); //disable-anje drag and drop
}
//ureditev visine kategorije (div) glede na prisotnost slike ali vecvrsticnega teksta
var default_cat_height = 15;
var final_height = 0;
//var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).text().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
//console.log('Število znakov v kategoriji: '+cat_text_length);
var num_of_br = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' br').length; //hrani stevilo br oz. ročnih vnosov novih vrstic
//console.log('Število br v kategoriji: '+num_of_br);
var num_imgs = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').length; //hrani stevilo img v interesiranem div-u
//console.log('Število slik v kategoriji: '+num_imgs);
var max_cat_text_length = 30; //hrani max stevilo dolzine teksta do katerega ni potrebno samodejno dodati <br>
if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs == 0) ){//ce je tekst daljsi od 30 znakov, nima breakov ali slik dodaj <br>
//if( (cat_text_length > max_cat_text_length) ){//ce je tekst daljsi od 35 znakov dodaj <br>
//console.log('Tekst je daljši od '+max_cat_text_length+' znakov');
//var txt2 = txt1.slice(0, 3) + "bar" + txt1.slice(3);
//var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).text();
var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html();
//console.log(txt);
var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
//console.log(txt_alt);
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html(txt_alt);
final_height = final_height + default_cat_height + 25;
//console.log(final_height);
}
/* else if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs != 0) ){//ce je tekst daljsi od 35 znakov, nima breakov, ima pa sliko dodaj <br>
var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html();
console.log(txt);
var n_img_start = txt.search("<img"); //var n = str.search("W3Schools"); //hrani index, kjer se začne html za sliko
var n_img_end = txt.indexOf(">");
console.log(n_img_start);
console.log(n_img_end);
//var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
//console.log(txt_alt);
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html(txt_alt);
//final_height = final_height + default_cat_height + 25;
//console.log(final_height);
} */
if (num_imgs != 0){ // ce imamo sliko
var img_height = 0;
//var max_width = $('.ranking').width();
var max_width = 230;
var img = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img');
var img_width = img.width();
//console.log("img_width: "+img_width);
var img_height = img.height();
//console.log("img_height: "+img_height);
if (img_width > max_width){
img_height = (img_height / img_width) * max_width;
img.css({width: max_width});
img.css({height: img_height});
//$('#vre_id_'+vre_id).css({height: height});
//console.log("Vecji od max width");
}
//ureditev mobilne različice prikazovanja slik znotraj kategorij odgovorov
/* if (mobile == 1){ //ce je mobilnik
img_height = (img_height / img_width) * 100;
img_width = 100;
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').attr('style', 'margin: auto !important'); //dodaj atribut
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').css({'height':img_height,'width':img_width}); //ustrezno spremeni visino in sirino slike
} */
//ureditev mobilne različice prikazovanja - konec
//console.log("img_height: "+img_height);
if(img_height > 25){ //ce je visina slike vecja od default visine kategorije
final_height = final_height + img_height;
}
//ureditev visine variable_holder, ki je znotraj okvirja !!!!!!!!!!
//$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').css({'height':(final_height + img_height)+'px'});
}
if(num_of_br != 0){
var br_height = num_of_br*25;
if (num_imgs == 0){
final_height = final_height + default_cat_height + br_height;
}
else{
final_height = final_height + br_height;
}
//console.log(final_height);
if( (img_height < 25) && (img_height != 0) ){
final_height = final_height + img_height;
}
}
if (final_height != 0){
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).css({'height':final_height}); //dodaj style atributu še novo višino za levi blok
}
//ureditev visine kategorije (div) glede na prisotnost slike ali vecvrsticnega teksta - konec
}
//***********************************************************************
//*********funkcija, ki skrbi za delovanje drag and drop funkcionalnosti
function DragDropDelovanje(tip, spremenljivka, site_url, ajax, anketa, usr_id, num_of_cats, mobile){
//*****za mobilne naprave
var top_cat = -1;
var left_cat = -1;
var default_var_height = 290;
if (mobile == 0 || mobile == 2){
top_cat = -6;
left_cat = -6;
default_var_height = 220; //default visina celotnega vprasanja @ mobile == 0 (desktop) in mobile == 2 (tablica)
}
//*********************
//ureditev visine celotnega vprasanja, ce je ta visja od default-a*******************************************************************
var cat_total_height_left = 0; //hrani trenutno visino levega okvirja kategorij odgovorov
var cat_margin_left = 0;
var cat_max_height = 0; //hrani trenutno najvecjo visino trenutne kategorije
var cat_default_inline_text_length = 16; //default dolzina teksta v eni vrstici kategorij odgovorov
//var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').height(); //visina naslova vprasanja (besedila vprasanja)
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').outerHeight(true); //visina naslova vprasanja (besedila vprasanja)
var visinaPaddingovMarginovVprasanja = $('#spremenljivka_'+spremenljivka).outerHeight(true) - $('#spremenljivka_'+spremenljivka).height();
var visinaPaddingovMarginovHolder = $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').outerHeight(true) - $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height();
var pomoznoBesediloHeight = 40; //visina besedila "Razpoložljive kategorije:"
//ureditev visine puscice med blokoma okvirjev
var variable_holder_height = $('#spremenljivka_'+spremenljivka+' .variable_holder').height(); //visina variable_holder, potrebna za visino puscice med blokoma
$('#spremenljivka_'+spremenljivka+' td.middle img').css({'top' : (naslov_height + variable_holder_height/2) + 'px'}); //visina puscice med blokoma okvirjev
if (ajax){
//console.log('Getting data on load');
$.get(site_url+'/main/survey/ajax.php?a=get_dragdrop1_data', {spremenljivka: spremenljivka, anketa: anketa}, function(data){ //get potrebnih podatkov za resevanje missing
var array_length = data.length; //hrani koliko podatkov je prisotnih v polju s podatki iz baze
var vre_id = []; //polje, ki hrani id-je vrednosti vseh kategorij odgovorov interesirane spremenljivke
//var cat_total_height = 0; //hrani trenutno visino celotnega trenutnega vprasanja
//console.log(array_length); //prikazi koliko podatkov je prisotnih v polju s podatki iz baze
for(var i = 0; i < array_length; i++){ //sprehodi se po vseh vrednostih polja vre_id
vre_id[i] = data[i]; //polje iz podatkov iz baze data[], shrani v polje vre_id[]
var cat_height = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).height(); //visina kategorije z oznako
var cat_height_real = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).outerHeight(true); //realna visina kategorije z oznako
//console.log('Visina '+(i + 1)+': '+cat_height_real);
if(mobile == 1){ //ko je mobilnik, uredi velikost okvirja kategorije glede na dolzino besedila
var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).text().length; //dolzina teksta v kategoriji odgovora
//console.log("Dolžina besedila v kategoriji: "+cat_text_length);
if(cat_text_length > (cat_default_inline_text_length)*2 ){ //ce je dolzina teksta v kategoriji daljsa 2-krat vec od default (16)
//console.log("Tekst je daljši!");
var num_of_rows = cat_text_length / cat_default_inline_text_length;
//console.log("num_of_rows: "+num_of_rows);
cat_height_real = cat_height_real + 25 * (num_of_rows - 2); //trenutno visino kategorije povecaj za 25
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).css({'height':(cat_height_real)+'px'}); //spremeni visino kategorije
}
}
cat_total_height_left = cat_total_height_left + cat_height_real; //izracun koncne realne visine levega okvirja
if (cat_max_height < cat_height){ //ce je maksimalna visina kategorije manjsa od trenutne visine kategorije
cat_max_height = cat_height; //naj bo vrednost max visine kategorije trenutna visina kategorije
}
}
var koncnaVisinaVprasanja = cat_total_height_left + naslov_height + pomoznoBesediloHeight + visinaPaddingovMarginovVprasanja + visinaPaddingovMarginovHolder*4;
$('#spremenljivka_'+spremenljivka).css({'height':(koncnaVisinaVprasanja)+'px'});
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').css({'height':(koncnaVisinaVprasanja*0.85)+'px'}); //visina variable_holder
//*************urejanje visine levega okvirja kategorij odgovorov
$('#half_frame_dropping_'+spremenljivka).css({'height':(cat_total_height_left)+'px'});//visina levega okvirja
//*************urejanje visine desnega okvirja glede na visino levega okvirja, ki hrani kategorije odgovorov
if (tip != 1){ //ce nimamo kategorije vec odgovorov
$('#half2_frame_dropping_'+spremenljivka).css({'height':(cat_total_height_left)+'px'}); //visina desnega okvirja
}
else if (tip == 1){ //ce imamo kategorije en odgovor
$('#half2_frame_dropping_'+spremenljivka).css({'height':(cat_max_height)+'px'});//visina desnega okvirja
}
default_var_height = $('#spremenljivka_'+spremenljivka).height();
//console.log("default_var_height konec: "+default_var_height);
//urejanje visine na kateri se nahaja gumb za ponastavljanje vprašanja
ResetButtonHeight(spremenljivka);
}, "json");
}
//***********************************************************************************************************************************
$('#half_frame_dropping_'+spremenljivka)
.droppable({
//hoverClass: 'frame_ranking_hover',
hoverClass: 'frame_dropping_hover',
drop: function (event, ui) {
if(typeof checkBranching == 'function'){
checkBranching();
}
//$(this).prepend(ui.draggable); //pripopaj na zacetek seznama odgovorov (desni blok)
//ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } ); //pozicijoniraj levi zgornji del elementa z odgovorom na levem zgornjem delu droppable
//ui.draggable.offset( { of: $(this), my: 'left top', at: 'left top' } );
//$(ui.draggable).detach().css({top: -6,left: -6}).appendTo(this);
$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this);
//$(ui.draggable).addClass('drag_and_drop').detach().appendTo(this);
$(ui.draggable).addClass('drag_and_drop_right');
//brisi podatke prenesenega odgovora iz baze
var vre_id = ui.draggable.attr('value');
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop1_data', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa}); //post-aj potrebne podatke za brisanje
}
draggableOver[spremenljivka] == false; //nismo vec v over dogodku
draggableOnDroppable[vre_id] = false;
},
out: function (event, ui) { //ob izhodu iz drop zone
//answer_coming[spremenljivka] = true;
//console.log('out');
$(ui.draggable).removeClass('drag_and_drop_right');
$(ui.draggable).addClass('drag_and_drop');
}
});
//var stevilo_zdaj = $('#half2_frame_dropping_'+spremenljivka).children('div').attr('missing');
//var other_present = $(this).children('div').attr('missing');
//console.log(stevilo_zdaj);
//if (tip == 1 && ($('#half2_frame_dropping_'+spremenljivka).children('.ranking').length != 0) ){ //ce je tip vprasanja kategorije en odgovor
if (tip == 1){ //ce je tip vprasanja kategorije en odgovor
$('#half2_frame_dropping_'+spremenljivka)
.droppable({
//hoverClass: 'frame_ranking_hover',
hoverClass: 'frame_dropping_hover_right_single',
//accept: '#half_'+spremenljivka+' div',
drop: function (event, ui) { //ob dropanju odgovora v desni blok
//console.log("Drop");
if(typeof checkBranching == 'function'){
checkBranching();
}
var vre_id = ui.draggable.attr('value');
var other = ui.draggable.attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
var other_present = $(this).children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
var cat_right = $(this).children('div').css('height'); //ali je prisotna kaksna kategorija v desnem okvirju? Undefined = ne
//ce je preneseni odgovor tipa 1 ("radio") in ni missing-a,
//ALI ce je preneseni odgovor tipa 2 ("checkbox") in je missing prisoten v desnem bloku
//ALI ce je preneseni odgovor missing
//sprazni blok z odgovori oz. prenesi morebitne obstojece odgovore nazaj v levi blok
if( ( (tip == 1 && other == 0 && cat_right) ) || ( (tip == 2) && (other_present != 0) ) || ( (other != 0) ) ) {
$('.ui-draggable[name="vrednost_'+spremenljivka+'"]').appendTo('#half_frame_dropping_'+spremenljivka);//prenesi skupino odgovorov v levi (zacetni) blok
}
//pozicioniranje draggable na pravo mesto
$(ui.draggable).removeClass('drag_and_drop');//odstranimo, ker je nepotrebno na levi strani
$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this); //najprej pozicioniramo na zacasni lokaciji
$(ui.draggable).addClass('drag_and_drop_right');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
//pozicioniranje draggable na pravo mesto - konec
if (ajax){
//post-aj potrebne podatke za belezenje v bazo
//in zbrisi trenutno hranjene podatke, ce je to potrebno
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop1', {other_present: other_present, other: other, cat_right: cat_right, tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id});
}
draggableOver[spremenljivka] = false; //zabelezi, da draggable ni vec over
draggableOnDroppable[vre_id] = true; //kategorija odgovora je v desnem okviru
},
over: function (event, ui) { //ob izhodu iz drop zone
draggableOver[spremenljivka] = true; //zabelezi, da je draggable over
if(typeof checkBranching == 'function'){
checkBranching();
}
},
out: function (event, ui) { //ob izhodu iz drop zone
draggableOver[spremenljivka] = false; //zabelezi, da draggable ni vec over
$(ui.draggable).removeClass('drag_and_drop_right'); //odstranimo slog, ker drugace se draggable ne vidi, ko ga premikamo
/* var vre_id = ui.draggable.attr('value');
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop1_data', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa}); //post-aj potrebne podatke za brisanje
} */
}
});
}
//else if( tip == 2 || (tip == 1 && ($('#half2_frame_dropping_'+spremenljivka).children('.ranking').length == 0) ) ) { //ce je tip vprasanja kategorije vec odgovorov in pri kategorije en odgovor ni nobenih odgovorov v desnem okvirju
else if( tip == 2 ) { //ce je tip vprasanja kategorije vec odgovorov in pri kategorije en odgovor ni nobenih odgovorov v desnem okvirju
$('#half2_frame_dropping_'+spremenljivka)
.droppable({
//hoverClass: 'frame_ranking_hover',
hoverClass: 'frame_dropping_hover',
//accept: '#half_'+spremenljivka+' div',
drop: function (event, ui) { //ob dropanju odgovora v desni blok
if(typeof checkBranching == 'function'){
checkBranching();
}
//console.log("Drop");
var vre_id = ui.draggable.attr('value');
var other = ui.draggable.attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
var other_present = $(this).children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
if( ( (tip == 2) && (other_present != 0) ) || ( (other != 0) ) ) {
//ce je preneseni odgovor tipa 2 ("checkbox") in je missing prisoten v desnem bloku
//ALI ce je preneseni odgovor missing
//sprazni blok z odgovori oz. prenesi morebitne obstojece odgovore nazaj v levi blok
$('.ui-draggable[name="vrednost_'+spremenljivka+'"]').appendTo('#half_frame_dropping_'+spremenljivka);//prenesi skupino odgovorov v desni (zacetni) blok
}
//pozicioniranje draggable na pravo mesto
$(ui.draggable).removeClass('drag_and_drop'); //odstranimo, ker je nepotrebno na levi strani
$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this); //najprej pozicioniramo na zacasni lokaciji
$(ui.draggable).addClass('drag_and_drop_right'); //dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
//pozicioniranje draggable na pravo mesto - konec
if (ajax){
//post-aj potrebne podatke za belezenje v bazo
//in zbrisi trenutno hranjene podatke, ce je to potrebno
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop1', {other_present: other_present, other: other, tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id}); //post-aj potrebne podatke za belezenje v bazo
}
},
out: function (event, ui) { //ob izhodu iz drop zone
$(ui.draggable).removeClass('drag_and_drop_right'); //odstranimo slog, ker drugace se draggable ne vidi, ko ga premikamo
/* var vre_id = ui.draggable.attr('value');
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop1_data', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa}); //post-aj potrebne podatke za brisanje
} */
}
});
}
}
//**************************************************************************************
//************funkcija, ki skrbi za inicializacijo draggable elementov pri gridih
function GridDraggable(tip, spremenljivka, vre_id, ajax, anketa, site_url, usr_id, other, mobile, skatle, quick_view, preview_spremenljivka)
{
//*****za mobilne naprave
var top_cat = -1;
var left_cat = -1;
if (mobile == 0 || mobile == 2){
top_cat = -6;
left_cat = -6;
top_cat_right = 30;
}
//*********************
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).addClass('drag_and_drop').detach().appendTo('#half_frame_dropping_'+spremenljivka) //zeleni element s kategorijami dodaj v zacetnem kontejnerju
.draggable({ //ureditev, da je element draggable
cursor: 'move',
//revert: true,
helper: 'original',
zIndex: 100,
revert: function(socketObj)
{
if(typeof checkBranching == 'function'){
checkBranching();
}
var revert = false;
var cat_default_height = 37;
var cat_margin_left = 10 + 5*2 + 1*2;
//var indeks_revert_1 = last_indeks[spremenljivka];
var last_vre_id_revert = last_vre_id[spremenljivka];
var trenutna_vre_id_revert = vre_id_global[spremenljivka];
//console.log("trenutna_vre_id_revert: "+trenutna_vre_id_revert);
//var indeks_revert = indeks_global[spremenljivka];
var indeks_revert = last_drop[trenutna_vre_id_revert];
vre_id = trenutna_vre_id_revert;
//grd_id = last_indeks[spremenljivka];
grd_id = indeks_revert;
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
var trenutni_okvir = $('#half2_frame_dropping_'+last_drop[trenutna_vre_id_revert]+'_'+spremenljivka);
var draggable = draggable_global[trenutna_vre_id_revert];
var skatle = skatlastOkvir[spremenljivka];
//console.log("Skatle za "+spremenljivka+" so:"+skatle);
//if false then no socket object drop occurred.
if(socketObj === false){
//revert the peg by returning true
//console.log("Reverting!")
revert = true;
if(tip == 6){
//ce odgovora ni v levem okvirju (ima indeks = 0),
//ce se odgovor reverta nazaj v desni okvir
if(indeks_revert != 0){
//oznacimo, da je trenutna kategorija odgovora v desnem okvirju
draggableOnDroppable[last_vre_id_revert][indeks_revert] = true;
//draggableOverDroppable[vre_id] = false;
draggableOverDroppable[vre_id][indeks_revert] = true;
//console.log('draggableOverDroppable['+vre_id+']['+indeks_revert+']: '+draggableOverDroppable[vre_id][indeks_revert]);
//postimajo visino
frame_and_question_height(trenutni_okvir, spremenljivka, num_grids_global[spremenljivka], cat_margin_left, cat_default_height, draggable);
//console.log("Frame and question height iz reverta");
}
var prejsnji_okvir_kat_prisotna = [];
var stevilo_prisotnih = prejsnji_okvir.children('div').length;
//console.log("stevilo_prisotnih:"+stevilo_prisotnih);
//var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
for(var z = 1; z <= stevilo_prisotnih; z++){
prejsnji_okvir_kat_prisotna[z] = prejsnji_okvir.children('div :nth-child('+z+')').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju, kateri odgovori so prisotni
//console.log("prejsnji_okvir_kat_prisotna["+z+"]: "+prejsnji_okvir_kat_prisotna[z]);
//}
//console.log("Tukaj!");
//ce zadnje obiskani okvir je bil eden od desnih in smo startali iz levega
if(last_indeks[spremenljivka] != 0 && indeks_revert == 0){
//spremeni velikost zadnje obiskanega desnega okvirja
//console.log("Tukaj!");
if(prejsnji_okvir_kat_prisotna[z] === undefined){
last_frame_height(prejsnji_okvir, spremenljivka, num_grids_global[spremenljivka], cat_margin_left, draggable_global[trenutna_vre_id_revert]);
}
last_indeks[spremenljivka] = 0;
}
//ce prejsnji okvir ni trenutni in ne revert-amo nazaj v levi okvir
if ( (last_indeks[spremenljivka] != last_drop[trenutna_vre_id_revert]) && (indeks_revert != 0) ){
//uredi velikost okvirja
frame_height(spremenljivka, vre_id, grd_id, revert);
//ce ni kategorije z odgovorom v okvirju
if(prejsnji_okvir_kat_prisotna[z] === undefined){
//uredi velikost zadnje obiskanega okvirja
last_frame_height(prejsnji_okvir, spremenljivka, num_grids_global[spremenljivka], cat_margin_left, draggable_global[trenutna_vre_id_revert]);
}
//uredi velikost celotnega vprasanja
//console.log("Uredi velikost celotnega vprašanja");
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
//var default_var_height = $('#spremenljivka_'+spremenljivka).height();
var default_var_height = 1;
dynamic_question_height(spremenljivka, num_grids_global[spremenljivka], mobile, skatle);
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
}
}
//ce so skatlasti okvirji
if(skatle){
//console.log("Imamo skatle ob revertu");
//$(draggable).addClass('drag_and_drop_box_right');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
$(draggable).addClass('drag_and_drop_box_right_after_refresh');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
var pravaVisina = calcPravaVisina(prejsnji_okvir, draggable, 0, spremenljivka, 0, 0, 1); //calcPravaVisina(okvir, draggable, indeks, spremenljivka, refresh, zapStevKategorije, revert) //visina/pozicija prenesene kategorije v desnem okvirju
//console.log("pravaVisina:"+pravaVisina);
//ustavi animacijo revert-a, da za tem lahko takoj pozicioniramo kategorijo odgovora na pravo mesto
//$(draggable).finish();
//$(draggable).stop();
//pozicioniraj kategorijo odgovora na pravo mesto
$(draggable).css({top:pravaVisina+'!important'});
//pozicioniraj kategorijo odgovora na pravo mesto - konec
}
}
return true;
}
else{
//socket object was returned,
//we can perform additional checks here if we like
//alert(socketObj.attr('id')); would work fine
//console.log(socketObj.attr('id'));
//return false so that the peg does not revert
//console.log("Success!");
revert = false;
return false;
}
},
stack: '#half2_'+spremenljivka+' div',
opacity: 0.9,
containment: '#spremenljivka_'+spremenljivka,
});
if(quick_view || preview_spremenljivka){
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).draggable( "option", "disabled", true );
}
//dodajanje atributov, ki so prisotni pri vseh ostalih kategorijah odgovorov
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).attr({'reverted':false,'value':vre_id, 'name':'vrednost_'+spremenljivka, 'onclick':'checkBranching();', 'missing':other});
//ce je tabela vec odgovorov, rabimo clone
if(tip == 16){
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).draggable( "option", "helper", "clone" );
}
//ureditev visine kategorije (div) glede na prisotnost slike ali vecvrsticnega teksta
var default_cat_height = 15;
var final_height = 0;
//var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).text().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
//console.log('Število znakov v kategoriji: '+cat_text_length);
var num_of_br = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' br').length; //hrani stevilo br oz. ročnih vnosov novih vrstic
//console.log('Število br v kategoriji: '+num_of_br);
var num_imgs = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').length; //hrani stevilo img v interesiranem div-u
//console.log('Število slik v kategoriji @grids: '+num_imgs);
var max_cat_text_length = 30; //hrani max stevilo dolzine teksta do katerega ni potrebno samodejno dodati <br>
if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs == 0) ){//ce je tekst daljsi od 30 znakov, nima breakov ali slik dodaj <br>
//if( (cat_text_length > max_cat_text_length) ){//ce je tekst daljsi od 35 znakov dodaj <br>
//console.log('Tekst je daljši od '+max_cat_text_length+' znakov');
//var txt2 = txt1.slice(0, 3) + "bar" + txt1.slice(3);
//var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).text();
var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html();
//console.log(txt);
var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
//console.log(txt_alt);
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html(txt_alt);
final_height = final_height + default_cat_height + 25;
//console.log(final_height);
}
/* else if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs != 0) ){//ce je tekst daljsi od 35 znakov, nima breakov, ima pa sliko dodaj <br>
var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html();
console.log(txt);
var n_img_start = txt.search("<img"); //var n = str.search("W3Schools"); //hrani index, kjer se začne html za sliko
var n_img_end = txt.indexOf(">");
console.log(n_img_start);
console.log(n_img_end);
//var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
//console.log(txt_alt);
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html(txt_alt);
//final_height = final_height + default_cat_height + 25;
//console.log(final_height);
} */
if (num_imgs != 0){ // ce imamo sliko
var img_height = 0;
//var max_width = $('.ranking').width();
var max_width = 230;
var img = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img');
var img_width = img.width();
//console.log("img_width: "+img_width);
var img_height = img.height();
//console.log("img_height: "+img_height);
if (img_width > max_width){
img_height = (img_height / img_width) * max_width;
img.css({width: max_width});
img.css({height: img_height});
//$('#vre_id_'+vre_id).css({height: height});
//console.log("Vecji od max width");
}
//ureditev mobilne različice prikazovanja slik znotraj kategorij odgovorov
/* if (mobile == 1){ //ce je mobilnik
img_height = (img_height / img_width) * 100;
img_width = 100;
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').attr('style', 'margin: auto !important'); //dodaj atribut
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').css({'height':img_height,'width':img_width}); //ustrezno spremeni visino in sirino slike
} */
//ureditev mobilne različice prikazovanja - konec
//console.log("img_height: "+img_height);
if(img_height > 25){ //ce je visina slike vecja od default visine kategorije
final_height = final_height + img_height;
}
//ureditev visine variable_holder, ki je znotraj okvirja !!!!!!!!!!
//$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').css({'height':(final_height + img_height)+'px'});
}
if(num_of_br != 0){
var br_height = num_of_br*25;
if (num_imgs == 0){
final_height = final_height + default_cat_height + br_height;
}
else{
final_height = final_height + br_height;
}
//console.log(final_height);
if( (img_height < 25) && (img_height != 0) ){
final_height = final_height + img_height;
}
}
if (final_height != 0){
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).css({'height':final_height}); //dodaj style atributu še novo višino za levi blok
}
}
//***********************************************************************
//var cat_total_height_left = 0; //hrani trenutno visino levega okvirja kategorij odgovorov
//*********funkcija, ki skrbi za delovanje drag and drop grid funkcionalnosti
function GridDragDropDelovanje(num_grids, indeks, tip, spremenljivka, site_url, ajax, anketa, usr_id, num_of_cats, mobile, skatle){
//var default_var_height_1 = [];
//*****za mobilne naprave
var top_cat = -1;
var left_cat = -1;
var default_var_height = 290; //default visina celotnega vprasanja
if (mobile == 0 || mobile == 2){
top_cat = -6;
left_cat = -6;
top_cat_right = 30;
var default_var_height = 220; //default visina celotnega vprasanja
}
//*********************
//ureditev visine celotnega vprasanja, ce je ta visja od default-a*******************************************************************
//var cat_margin_left = 10 + 5*2 + 1*2; //hrani rob za ureditev visine levega okvirja = margin_spodnji + padding(spredi pa zadi) + border(spredi pa zadi) + neznanka
var cat_max_height = 0; //hrani trenutno najvecjo visino tretnutne kategorije
var cat_default_height = 37;
//var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').height(); //visina naslova vprasanja (besedila vprasanja)
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').outerHeight(true); //visina naslova vprasanja (besedila vprasanja)
var visinaPaddingovMarginovVprasanja = $('#spremenljivka_'+spremenljivka).outerHeight(true) - $('#spremenljivka_'+spremenljivka).height();
var visinaPaddingovMarginovHolder = $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').outerHeight(true) - $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height();
var pomoznoBesediloHeight = 40; //visina besedila "Razpoložljive kategorije:"
var cat_default_inline_text_length = 16; //default dolzina teksta v eni vrstici kategorij odgovorov
//ureditev visine puscice med blokoma okvirjev
var variable_holder_height = $('#spremenljivka_'+spremenljivka+' .variable_holder').height(); //visina variable_holder, potrebna za visino puscice med blokoma
$('#spremenljivka_'+spremenljivka+' td.middle img').css({'top' : (naslov_height + variable_holder_height/2) + 'px'}); //visina puscice med blokoma okvirjev
if (ajax){
//console.log('Getting data on load');
$.get(site_url+'/main/survey/ajax.php?a=get_dragdrop1_data', {spremenljivka: spremenljivka, anketa: anketa}, function(data){ //get potrebnih podatkov za resevanje missing
//trenutna visina celotnega vprasanja
var default_var_height = $('#spremenljivka_'+spremenljivka).height();
//console.log("default_var_height: "+default_var_height + " indeks: "+indeks+" num of grids: "+num_grids);
if(indeks == 1){//samo enkrat pojdi skozi leve kategorije odgovorov
var cat_total_height_left = 0; //hrani trenutno visino levega okvirja kategorij odgovorov
var array_length = data.length; //hrani koliko podatkov je prisotnih v polju s podatki iz baze
var vre_id = []; //polje, ki hrani id-je vrednosti vseh kategorij odgovorov interesirane spremenljivke
for(var i = 0; i < array_length; i++){ //sprehodi se po vseh vrednostih polja vre_id v levem bloku
vre_id[i] = data[i]; //polje iz podatkov iz baze data[], shrani v polje vre_id[]
var cat_height = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).outerHeight(); //visina kategorije
var cat_height_real = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).outerHeight(true); //realna visina kategorije z oznako
//console.log('Visina '+(i + 1)+': '+cat_height_real);
if(mobile == 1){ //ko je mobilnik, uredi velikost okvirja kategorije glede na dolzino besedila
var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).text().length; //dolzina teksta v kategoriji odgovora
if(cat_text_length > (cat_default_inline_text_length)*2.5 ){ //ce je dolzina teksta v kategoriji daljsa 2-krat vec od default (16) - DATI NA 2,5 KRATNIK
//console.log("Tekst je daljši!");
//console.log("Dolžina besedila v kategoriji: "+cat_text_length);
var num_of_rows = cat_text_length / cat_default_inline_text_length;
//console.log("num_of_rows: "+num_of_rows);
cat_height = cat_height + 25 * (num_of_rows - 1); //trenutno visino kategorije povecaj za 25
//cat_height_real = cat_height_real + 25 * (num_of_rows - 1); //trenutno visino kategorije povecaj za 25
//console.log("num_of_rows final: "+ (num_of_rows - 1));
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).css({'height':(cat_height_real)+'px'}); //spremeni visino kategorije
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).css({'height':(cat_height)+'px'}); //spremeni visino kategorije
}
//console.log("cat_height ajax za spremenljivko:"+spremenljivka+" "+cat_height);
}
cat_total_height_left = cat_total_height_left + cat_height_real; //izracun koncne visine levega okvirja
if (cat_max_height < cat_height){ //ce je maksimalna visina kategorije manjsa od trenutne visine kategorije
cat_max_height = cat_height; //naj bo vrednost max visine kategorije trenutna visina kategorije
}
}
//*************urejanje visine levega okvirja kategorij odgovorov
$('#half_frame_dropping_'+spremenljivka).css({'height':(cat_total_height_left)+'px'});//visina levega okvirja
}
if (mobile == 0 || mobile == 2){
if(skatle){
var title_heigth_real = $('.frame_dropping_titles_box').outerHeight(true);
}else{
var title_heigth_real = $('.frame_dropping_titles').outerHeight(true);
}
}else{
if(skatle){
var title_heigth_real = $('.frame_dropping_titles_box_mobile').outerHeight(true);
}else{
var title_heigth_real = $('.frame_dropping_titles_mobile').outerHeight(true);
}
}
if(indeks == 1){ //samo enkrat pojdi skozi desne okvirje
for(var j = 1; j <= num_grids; j++){ //preglej vse desne okvirje v desnem bloku
//realna visina trenutnega okvirja***************************************
var okvir_height_real = $('#half2_frame_dropping_'+j+'_'+spremenljivka).outerHeight(true);
frame_total_height_right[spremenljivka] = frame_total_height_right[spremenljivka] + okvir_height_real + title_heigth_real;
//console.log(j+" frame_total_height_right["+spremenljivka+"]:"+frame_total_height_right[spremenljivka]);
//ureditev pravilnega pozicioniranja kategorij ob refreshu @okvir skatlaste oblike
//console.log("Refresh je:"+refresh);
if(refresh[spremenljivka] == 1 && skatle){
//console.log("Je refresh");
var desniOkvir = $('#half2_frame_dropping_'+j+'_'+spremenljivka);
var cat_right = desniOkvir.children('div').outerHeight(true);//belezi visino kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
if(cat_right){ //ce je kaj v okvirju, uredi pravi visino za kategorijo
var zapStevKategorije = 1;
desniOkvir.children('div').each(function () {
var trenutnaVisinaKategorije = $(this).outerHeight(true);
//console.log("trenutnaVisinaKategorije:"+trenutnaVisinaKategorije);
//var trenutnaVisinaKategorije = 0;
var pravaVisina = calcPravaVisina(desniOkvir, $(this), j, spremenljivka, refresh[spremenljivka], zapStevKategorije);
desniOkvir.prepend($(this).css({top: pravaVisina})); //prenesi ustrezni odgovor
zapStevKategorije++;
});
//var pravaVisina = calcPravaVisina(desniOkvir, 0, j, spremenljivka, refresh);
}
}else{
//console.log("Ni bilo refresha");
}
//ureditev pravilnega pozicioniranja kategorij ob refreshu @okvir skatlaste oblike - konec
}
//console.log(" frame_total_height_right["+spremenljivka+"]:"+frame_total_height_right[spremenljivka]);
if(refresh[spremenljivka] == 1 && skatle){
refresh[spremenljivka] = 0;
}
}
default_var_height_1[spremenljivka] = $('#spremenljivka_'+spremenljivka).height(); //belezenje celotne zacetne visine spremenljivke
if(cat_total_height_left > frame_total_height_right[spremenljivka]){ //ce je trenutna visina levega okvirja z odgovori vecja od koncne visine desnega okvirja
//console.log("Levi vecji od desnega za "+spremenljivka);
if( (cat_total_height_left > default_var_height) ){ //ce je koncna visina levega okvirja z odgovori vecja od visine celotnega vprasanja
dynamic_question_height_sub(cat_total_height_left, spremenljivka, default_var_height_1[spremenljivka]); //ustrezno spremeni visino celotnega vprasanja
}else if(cat_total_height_left < default_var_height_1[spremenljivka]){ //ce je koncna visina levega okvirja z odgovori manjsi od visine celotnega vprasanja
dynamic_question_height_sub(cat_total_height_left, spremenljivka, default_var_height_1[spremenljivka]); //ustrezno spremeni visino celotnega vprasanja
} else{
dynamic_question_height_sub(cat_total_height_left, spremenljivka, default_var_height_1[spremenljivka]);//ustrezno spremeni visino celotnega vprasanja
}
//ce je trenutna visina levega okvirja z odgovori manjsa od koncne visine desnega okvirja
}else if(cat_total_height_left < frame_total_height_right[spremenljivka]){
//console.log("Levi manjsi od desnega za "+spremenljivka);
frame_total_height_right[spremenljivka] = frame_total_height_right[spremenljivka] + naslov_height + pomoznoBesediloHeight + visinaPaddingovMarginovVprasanja + visinaPaddingovMarginovHolder*5;
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(frame_total_height_right[spremenljivka]*0.9);
$('#spremenljivka_'+spremenljivka).height(frame_total_height_right[spremenljivka]);
}
//urejanje visine na kateri se nahaja gumb za ponastavljanje vprašanja
ResetButtonHeight(spremenljivka);
}, "json");
}
//************************ konec - ureditev visine celotnega vprasanja, ce je ta visja od default-a
//console.log("Grid delovanje: "+num_grids);
$('#half_frame_dropping_'+spremenljivka)
.droppable({
//hoverClass: 'frame_dropping_hover',
drop: function (event, ui) {
if(typeof checkBranching == 'function'){
checkBranching();
}
//$(ui.draggable).detach().css({top: -6,left: -6}).appendTo(this);
$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this);
$(ui.draggable).addClass('drag_and_drop_right');
var vre_id = ui.draggable.attr('value');
if (ajax && tip == 6){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop_grid_data_1', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa, indeks: last_indeks[spremenljivka]}); //post-aj potrebne podatke za brisanje
//}
draggableOnDroppable[vre_id][last_indeks[spremenljivka]] = false; //oznacimo, da smo trenutno kategorijo odgovora odstranili iz okvirja
draggableOverDroppable[vre_id][last_indeks[spremenljivka]] = false;
//console.log('draggableOverDroppable['+vre_id+']['+last_indeks[spremenljivka]+']: '+draggableOverDroppable[vre_id][last_indeks[spremenljivka]])
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
if(prejsnji_okvir_kat_prisotna === undefined && last_indeks[spremenljivka] != 0){
//console.log("Levi frame last frame func");
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable); //spremeni visino zadnje obiskanega okvirja
}
dynamic_question_height(spremenljivka, num_grids, mobile, skatle);
last_indeks[spremenljivka] = 0;
last_drop[vre_id] = 0;
last_vre_id[spremenljivka] = 0;
}
from_left[vre_id] = true;
/* var default_var_height = $('#spremenljivka_'+spremenljivka).height();
default_var_height_1[spremenljivka] = default_var_height; */
},
out: function (event, ui) { //ob izhodu iz drop zone
$(ui.draggable).removeClass('drag_and_drop_right');
$(ui.draggable).addClass('drag_and_drop');
//answer_coming[spremenljivka] = true;
//var vre_id = ui.draggable.attr('value');
//console.log("from_left["+vre_id+"]: "+from_left[vre_id]);
},
over: function (event, ui) {
var vre_id = ui.draggable.attr('value');
//potrebno pridobiti informacijo ze tukaj, ker drugace so tezave @ revert v levi okvir
vre_id_global[spremenljivka] = vre_id;
draggable_global[vre_id] = ui.draggable;
$(ui.draggable).removeClass('drag_and_drop_box_right_after_refresh');
}
});
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka)
.droppable({
//hoverClass: 'frame_ranking_hover',
//hoverClass: 'frame_dropping_hover',
tolerance: "pointer",
//accept: '#half_'+spremenljivka+' div',
drop: function (event, ui) { //ob dropanju odgovora v desni blok
//console.log("Drop");
if(typeof checkBranching == 'function'){
checkBranching();
}
if(mobile == 0 || mobile == 2){
//$(this).toggleClass('frame_dropping_wider'); //spremeni videz trenutnega okvirja
}else if(mobile == 1){
//$(this).toggleClass('frame_dropping_wider_mobile'); //spremeni videz trenutnega okvirja
}
num_grids = num_grids_global[spremenljivka];
var vre_id = ui.draggable.attr('value');
var other = ui.draggable.attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
var other_present = $(this).children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
var cat_right = $(this).children('div').outerHeight(true); //ali je prisotna kaksna kategorija v trenuntem desnem okvirju? Undefined = ne
var vre_id_present = $(this).children('div').attr('value'); //vre_id kategorije odgovora, ki je prisotna v okvirju ob dropu
//var draggable_global[spremenljivka] = ui.draggable;
draggable_global[vre_id] = ui.draggable;
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
var title_heigth = 26; //visina okvricka z naslovom
var height_beside = 40; //visina od zacetka vprasanja do prvega okvirja (in malo po zadnjem okvirju)
var final_height_right_block = 0; //hrani koncno visino desnega bloka, torej vseh prisotnih okvirjev
final_height_right_block = final_height_right_block + height_beside; //koncni visini dodamo se "praznino" med zacetkom vprasanja in prvim okvirjem
for(var j = 1; j <= num_grids; j++){ //preglej vse okvirje
//notranja visina trenutnega okvirja***************************************
var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).outerHeight(true);
//*************************************************************************
final_height_right_block = final_height_right_block + okvir_height + title_heigth;
//console.log('Koncna visina desnega bloka: '+final_height_right_block);
}
//trenutna visina celotnega vprasanja
var default_var_height = $('#spremenljivka_'+spremenljivka).height();
//console.log('Default: '+default_var_height);
//console.log('Final: '+final_height_right_block);
if(final_height_right_block > default_var_height){
$('#spremenljivka_'+spremenljivka).css({'height':final_height_right_block+'px'});
//da ne bo pri mobilnikih prevec skrito vprasanje
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').css({'height':(final_height_right_block - 100)+'px'});
}
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
//ce je tabela - en odgovor
if(tip == 6){
//pozicioniranje draggable na pravo mesto
if (cat_right && skatle){ //ce je ze nekaj v okvirju in imamo okvirje skatlaste oblike
$(ui.draggable).removeClass('drag_and_drop');//odstranimo, ker je nepotrebno
$(ui.draggable).removeClass('drag_and_drop_box_right_after_refresh');//odstranimo, ker je nepotrebno
var pravaVisina = calcPravaVisina(this, ui.draggable); //visina/pozicija prenesene kategorije v desnem okvirju
$(ui.draggable).detach().css({top: (pravaVisina), left: left_cat}).prependTo(this); //pozicioniraj kategorijo odgovora na pravo mesto tako, da je nad prejsnjim
if($(this).children('div').hasClass('drag_and_drop_box_right_after_refresh')){ //ce so v okvirju kategorije, po refreshu
$(ui.draggable).addClass('drag_and_drop_box_right_after_refresh');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
}else{
$(ui.draggable).addClass('drag_and_drop_box_right_over');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
}
}else{
$(ui.draggable).removeClass('drag_and_drop');//odstranimo, ker je nepotrebno
$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this); //najprej pozicioniramo na zacasni lokaciji
if(skatle){ //ce je okvir skatlaste oblike
$(ui.draggable).removeClass('drag_and_drop_box_right_after_refresh');//odstranimo, ker je nepotrebno na levi strani
$(ui.draggable).addClass('drag_and_drop_box_right');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
}else{
$(ui.draggable).addClass('drag_and_drop_right');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
}
}
//pozicioniranje draggable na pravo mesto - konec
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop_grid', {vre_id_present: vre_id_present, tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id, indeks: indeks, cat_right: cat_right, last_vre_id: last_vre_id[spremenljivka]}); //post-aj potrebne podatke za belezenje v bazo
if(last_drop[vre_id] != indeks || last_drop[vre_id] != 0){
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop_grid_data_1', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa, indeks: last_drop[vre_id]}); //post-aj potrebne podatke za brisanje
}
}
}
else if(tip == 16 && draggableOnDroppable[vre_id][indeks] == false){ //ce je tabela - vec odgovorov in odgovora ni v trenutnem okvirju, uredi clone
var visina_test = ui.draggable.css('height');
//pozicioniranje draggable na pravo mesto**********************
if(cat_right && skatle){ //ce je ze nekaj v okvirju in je ta skatlaste oblike
var pravaVisina = calcPravaVisina(this, ui.draggable); //visina/pozicija prenesene kategorije v desnem okvirju
$(ui.draggable.clone()).detach().css({top: pravaVisina,left: left_cat, height: visina_test}).prependTo(this); //pozicioniraj kategorijo odgovora na pravo mesto in dodaj ustrezno visino
if($(this).children('div').hasClass('drag_and_drop_box_right_after_refresh')){ //ce so v okvirju kategorije, po refreshu
$(this).children(ui.draggable).addClass('drag_and_drop_box_right_after_refresh');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
}else{
$(this).children(ui.draggable).addClass('drag_and_drop_box_right_over');//dodamo slog, ki dokoncno postavi draggable na pravo lokacijo
}
}else{
if(skatle){ //ce je okvir skatlaste oblike
$(ui.draggable.clone()).detach().css({top: top_cat,left: left_cat, height: visina_test}).addClass('drag_and_drop_box_right').appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto in dodaj ustrezno visino
}else{
$(ui.draggable.clone()).detach().css({top: top_cat,left: left_cat, height: visina_test}).addClass('drag_and_drop_right').appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto in dodaj ustrezno visino
}
}
//pozicioniranje draggable na pravo mesto - konec**************************
if (ajax){
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop_grid', {vre_id_present: vre_id_present, tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id, indeks: indeks, cat_right: cat_right, last_vre_id: last_vre_id[spremenljivka]}); //post-aj potrebne podatke za belezenje v bazo
}
}
if(last_indeks[spremenljivka] !== undefined){
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
//console.log("last_indeks[spremenljivka][indeks]: "+last_indeks[spremenljivka][indeks]);
if(last_indeks[spremenljivka] == 0 || prejsnji_okvir_kat_prisotna === undefined){
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable); //spremeni visino zadnje obiskanega okvirja
}
}
last_drop[vre_id] = indeks; //zabelezi indeks okvirja zadnjega drop-a
draggableOnDroppable[vre_id][indeks] = true; //oznacimo, da je trenutna kategorija odgovora v okvirju
if(tip == 6){
from_left[vre_id] = false;
}
},
over: function (event, ui) { //ob prenosu trenutne kategorije odgovora nad okvirjem
//console.log("Over");
num_grids = num_grids_global[spremenljivka];
if(typeof checkBranching == 'function'){
checkBranching();
}
var vre_id = ui.draggable.attr('value');
var vre_id_present = $(this).children('div').attr('value'); //vre_id kategorije odgovora, ki je prisotna v okvirju ob dropu
vre_id_global[spremenljivka] = vre_id;
var trenutni_okvir = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka);
//console.log("from_left["+vre_id+"]: "+from_left[vre_id]);
if (last_indeks[spremenljivka] == 0 && tip == 6){ //ce prenasamo kategorije odgovora iz levega okvirja
last_indeks[spremenljivka] = indeks; //zabelezi indeks prejsnjega okvirja
}else {
var last_vrednost_id_temp = last_vre_id[spremenljivka];
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
//if(tip == 16 || tip == 6){
if(tip == 6){
var prejsnji_okvir_kat_prisotna = [];
var stevilo_prisotnih = prejsnji_okvir.children('div').length;
//console.log(stevilo_prisotnih);
for(var z = 1; z <= stevilo_prisotnih; z++){
//prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
prejsnji_okvir_kat_prisotna[z] = prejsnji_okvir.children('div :nth-child('+z+')').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju, kateri odgovori so prisotni
//console.log("prejsnji_okvir_kat_prisotna["+z+"]: "+prejsnji_okvir_kat_prisotna[z]);
if(last_vrednost_id_temp != 0){
//ce v prejsnjem okvirju ni nicesar in (v prejsnjem okvirju ni nicesar ali je identifikacija ista trenutni)
if( (draggableOnDroppable[last_vrednost_id_temp][indeks] == false) && ( (prejsnji_okvir_kat_prisotna === undefined) || (prejsnji_okvir_kat_prisotna == vre_id) ) ){
if ( (tip == 16 && draggableOnDroppable[vre_id][last_indeks[spremenljivka]] == false) || tip == 6 ){
//spremeni visino prejsnjega okvirja
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable);
//console.log("Spreminjam prejsnji okvir");
}
}
}
}
}
}
if(vre_id_present !== undefined){
//ce ni se nicesar v trenutnem okvirju, ali odgovor je na poti v okvir in je vprasanje tipa 16 (tabela - vec odgovorov) ali 6 (tabela - en odgovor)
if (draggableOnDroppable[vre_id_present][indeks] != true || (draggableOverDroppable[vre_id][indeks] == false && (tip == 16 || tip == 6) ) ){
//zabelezi, da je odgovor nad okvirjem
draggableOverDroppable[vre_id][indeks] = true;
if ((tip == 16 && draggableOnDroppable[vre_id][indeks] == false) || tip == 6){
//uredi visino okvirja in celotnega vprasanja
frame_and_question_height(trenutni_okvir, spremenljivka, num_grids, cat_margin_left, cat_default_height, ui.draggable);
if(from_left[vre_id] != false){
dynamic_question_height(spremenljivka, num_grids, mobile, skatle);
}
//console.log("Tukaj 1");
}
}
}else{
if (vre_id_present === undefined || (draggableOverDroppable[vre_id][indeks] == false && (tip == 16 || tip == 6) ) ){
//zabelezi, da je odgovor nad okvirjem
draggableOverDroppable[vre_id][indeks] = true;
if ( (tip == 16 && (draggableOnDroppable[vre_id][indeks] == false || last_drop[vre_id] == 0 )) || tip == 6){
//uredi visino okvirja in celotnega vprasanja
frame_and_question_height(trenutni_okvir, spremenljivka, num_grids, cat_margin_left, cat_default_height, ui.draggable);
if(from_left[vre_id] != false){
dynamic_question_height(spremenljivka, num_grids, mobile, skatle);
}
//console.log("Tukaj 2");
}
}
}
//spremeni videz trenutnega okvirja
if(draggableOverDroppable[vre_id][indeks] == true){
if(mobile == 0 || mobile == 2){
//$(this).toggleClass('frame_dropping_wider');
}
else if(mobile == 1){
//$(this).toggleClass('frame_dropping_wider_mobile');
}
}
last_indeks[spremenljivka] = indeks; //zabelezi indeks (trenutnega oz. bodocega) prejsnjega okvirja
cat_pushed[spremenljivka] = false;
},
out: function (event, ui) { //ob izhodu iz drop zone
console.log("Out");
num_grids = num_grids_global[spremenljivka];
var vre_id = ui.draggable.attr('value');
var vre_id_present = $(this).children('div').attr('value'); //vre_id kategorije odgovora, ki je prisotna v okvirju ob dropu
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
//console.log("Out");
//draggableOnDroppable[vre_id] = false; //oznacimo, da smo tretnutno kategorijo odgovora odstranili iz okvirja
//if(draggableOverDroppable[vre_id] == true && tip == 16){
if(draggableOverDroppable[vre_id][indeks] == true && ( (tip == 16 && draggableOnDroppable[vre_id][last_indeks[spremenljivka]] == false) || tip == 6) ){
//console.log("Last frame out pri indeksu: "+last_indeks[spremenljivka]);
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable);
}
last_vre_id[spremenljivka] = vre_id;
last_indeks[spremenljivka] = indeks;
if( tip == 6 || (tip == 16 && draggableOnDroppable[vre_id][last_indeks[spremenljivka]] == false) ){
draggableOnDroppable[vre_id][indeks] = false; //oznacimo, da trenutne kategorije odgovora ni v okvirju
}
draggableOverDroppable[vre_id][indeks] = false;
draggable_global[vre_id] = ui.draggable;
//spremeni videz prejsnjega okvirja
if(draggableOverDroppable[vre_id][indeks] == false){
if(mobile == 0 || mobile == 2){
//prejsnji_okvir.toggleClass('frame_dropping_wider');
}else if(mobile == 1){
//prejsnji_okvir.toggleClass('frame_dropping_wider_mobile');
}
}
if(skatle){ //ce so okvirji skatlaste oblike
$(ui.draggable).removeClass('drag_and_drop_box_right'); //odstranimo slog, ker drugace se draggable ne vidi, ko ga premikamo
$(ui.draggable).removeClass('drag_and_drop_box_right_over'); //odstranimo slog, ker drugace se draggable ne vidi, ko ga premikamo
$(ui.draggable).removeClass('drag_and_drop_box_right_after_refresh');//drag_and_drop_box_right_after
}else{
$(ui.draggable).removeClass('drag_and_drop_right'); //odstranimo slog, ker drugace se draggable ne vidi, ko ga premikamo
}
}
});
//********************** odstranitev odgovorov iz desnih okvirjev @ tabela - vec odgovorov
// ce je tabela - vec odgovorov
if(tip == 16){ //uredi odstranjevanje kategorij odgovorov iz desnega okvirja ob kliku na njih
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka).click(function(){
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka).children().click(function(){ //ob kliku na kategorijo odgovora
var index1 = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka).children().index(this); //indeks klikanega odgovora
var prejsnji_okvir = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka); //
var vre_id = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka+' div:nth-child('+(index1 + 1)+')').attr('value');
var draggable = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka+' div:nth-child('+(index1 + 1)+')');
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka+' div:nth-child('+(index1 + 1)+')').detach();//odstrani odgovor iz okvirja
if (ajax){ //odstrani podatek o odgovoru iz baze
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop_grid_data', {tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa, indeks: indeks}); //post-aj potrebne podatke za brisanje
}
//console.log(draggableOnDroppable[vre_id][indeks]);
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, draggable); //spremeni visino zadnje obiskanega okvirja
draggableOnDroppable[vre_id][indeks] = false; //oznacimo, da smo trenutno kategorijo odgovora odstranili iz okvirja
//console.log("draggableOnDroppable["+vre_id+"]["+indeks+"]: "+draggableOnDroppable[vre_id][indeks]);
draggableOverDroppable[vre_id][indeks] = false;
from_left[vre_id] = true;
dynamic_question_height(spremenljivka, num_grids, mobile, skatle);
//console.log("vre_id: "+vre_id);
ResetButtonHeight(spremenljivka);//povrni gumb na zacetno visino
});
});
}
//********************** konec - odstranitev odgovorov iz desnih okvirjev @ tabela - vec odgovorov
}
//**************************************************************************************
//ureja visino ovirja in kategorije vprasanja
function frame_and_question_height(trenutni_okvir, spremenljivka, num_grids, cat_margin_left, cat_default_height, draggable){
//console.log('Frame and question height');
//uredi visino okvirja in celotnega vprasanja
var other = draggable.attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
var other_present = trenutni_okvir.children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
//***************** glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
var cat_height_now = draggable.outerHeight(true); //visina kategorije, trenutno prenesenega odgovora
var cat_right = trenutni_okvir.children('div').outerHeight(true); //visina kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
//ce je v trenutnem desnem okvirju ze prisotna kategorija odgovora,
if(cat_right){
var whole_heigth = trenutni_okvir.height(); //trenutna visina desnega okvirja
var okvir_height = whole_heigth + cat_height_now; //trenutni visini okvirja dodaj se visino trenutne kategorije
trenutni_okvir.css({'height':(okvir_height)+'px'}); //visina trenutnega desnega okvirja
//console.log('Koncna visina: '+(okvir_height));
}else{ //drugace
if (cat_height_now < 15){ //ce je visina trenutne kategorije odgovova manjsa od 15
cat_height_now = 15; //naj bo visina okvirja 15px, prej 20px
}
trenutni_okvir.css({'height':(cat_height_now)+'px'}); //visina trenutnega desnega okvirja
//console.log('Koncna visina: '+(cat_height_now));
}
//************************************ konec - glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
}
//funkcija za urejanje visine okvirjev
function frame_height(spremenljivka, vre_id, grd_id, revert, refresh){
//console.log("frame_height");
//***************** glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
//visina trenutno prenesenega odgovora*************
var cat_default_height = 37;
//var cat_height_now = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).outerHeight(true); //visina trenutne kategorije odgovora
if (vre_id != 0){
var cat_height_now = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).outerHeight(); //visina trenutne kategorije odgovora
}
//console.log("cat_height_now:"+cat_height_now);
//*************************************************visina trenutno prenesenega odgovora - konec
if (refresh == 1){ //visina trenutnih kategorij v okvirju, ce je refresh
//var cat_height_now
var visinaPrisotnihKategorij = 0;
//console.log("grd_id:"+grd_id);
$('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).children('div').each(function () {
var trenutnaVisinaKategorije = $(this).outerHeight(true);
visinaPrisotnihKategorij = visinaPrisotnihKategorij + trenutnaVisinaKategorije;
});
var cat_height_now = visinaPrisotnihKategorij;
//console.log("cat_height_now:"+cat_height_now);
}
var cat_right = $('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).children('div').outerHeight(true);//belezi visino kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
//ce je v trenutnem desnem okvirju ze prisotna kategorija odgovora, trenutni visini okvirja dodaj se visino trenutne kategorije
//if(cat_right || revert){
if(cat_right || revert || refresh){
var whole_heigth = $('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).outerHeight();
//console.log("whole_heigth:"+whole_heigth);
//cat_height_now = cat_height_now + cat_margin_left; //izracun koncne visine desnega okvirja, ce imamo ze kategorije v okvirju
//var okvir_height = parseInt(whole_heigth) + parseInt(cat_height_now);
var okvir_height = whole_heigth + cat_height_now;
$('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).css({'height':(okvir_height)+'px'}); //visina desnega okvirja
//console.log('Koncna visina: '+(okvir_height));
}else{ //drugace
//cat_height_now = cat_height_now + cat_default_height; //izracun koncne visine desnega okvirja, ce ni kategorij v okvirju
if (cat_height_now < 15){ //ce je visina trenutne kategorije odgovova manjsa od 15, prej 20
cat_height_now = 15; //naj bo visina okvirja 15px, prej 20px
}
$('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).css({'height':(cat_height_now)+'px'}); //visina trenutnega desnega okvirja
//console.log('Koncna visina okvirja z odgovorom: '+(cat_height_now));
}
//************************************ konec - glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
//console.log("cat_height_now ["+vre_id+"]: "+cat_height_now);
}
//************** konec - funkcije za urejanje visine okvirjev
//***************funkcija za urejanje visine zadnje obiskanega okvirja @ drag and drop
function last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, draggable){
//console.log("last_frame_height");
//****glede na odstrajeno kategorijo odgovora, trenutni visini okvirja odstrani visino odstranjene kategorije
var trenutna_visina_okvirja = prejsnji_okvir.height();
var trenutna_visina_kategorije = draggable.outerHeight(true);//visina odnesene kategorije odgovora
koncna_visina_zapuscenega_okvirja = trenutna_visina_okvirja - trenutna_visina_kategorije;
//console.log("trenutna_visina_okvirja:"+trenutna_visina_okvirja);
//console.log("trenutna_visina_kategorije:"+trenutna_visina_kategorije);
//console.log("koncna_visina_zapuscenega_okvirja:"+koncna_visina_zapuscenega_okvirja);
if (koncna_visina_zapuscenega_okvirja < 15){
koncna_visina_zapuscenega_okvirja = 15;
}
prejsnji_okvir.css({'height':(koncna_visina_zapuscenega_okvirja)+'px'}); //visina trenutnega desnega okvirja
}
//*************** konec - funkcija za urejanje visine zadnje obiskanega okvirja
//********* skrbi za koncno ureditev visine celotnega vprasanja glede na visino (levega ali desnega) bloka @ drag and drop
function dynamic_question_height_sub(frame_height, spremenljivka){
//console.log("dynamic_question_height_sub za "+spremenljivka);
//var default_var_height = $('#spremenljivka_'+spremenljivka).height(); //trenutna visina celotnega vprasanja
var default_var_height = $('#spremenljivka_'+spremenljivka).outerHeight(true); //trenutna visina celotnega vprasanja
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').outerHeight(true);
var visinaPaddingovMarginovVprasanja = $('#spremenljivka_'+spremenljivka).outerHeight(true) - $('#spremenljivka_'+spremenljivka).height();
var visinaPaddingovMarginovHolder = $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').outerHeight(true) - $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height();
var pomoznoBesediloHeight = 40; //visina besedila "Razpoložljive kategorije:", za mobilne naprave
var vmesnaVisinaOkvirja = realnaVisina(spremenljivka, frame_height);
//if( (frame_height + naslov_height) > default_var_height){ //ce je koncna visina okvirja vecja od trenutne default visine celotnega vprasanja
if( (vmesnaVisinaOkvirja) > default_var_height){ //ce je koncna visina okvirja vecja od trenutne default visine celotnega vprasanja
updateHeight(spremenljivka, frame_height);
//console.log("Spreminjam 1");
}else if((vmesnaVisinaOkvirja) < default_var_height){ //ce je koncna visina okvirja manjsa od trenutne default visine celotnega vprasanja
var koncnaVisinaVprasanja = $('#spremenljivka_'+spremenljivka).outerHeight(true); //trenutna visina celotnega vprasanja;
//console.log("koncnaVisinaVprasanja:"+koncnaVisinaVprasanja);
updateHeight(spremenljivka, 0, koncnaVisinaVprasanja);
$('#spremenljivka_'+spremenljivka).height(koncnaVisinaVprasanja); //koncna visina celotnega vprasanja
//da ne bo pri mobilnikih prevec skrito vprasanje, spremeni visino variable_holder
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(koncnaVisinaVprasanja*0.85);
//console.log("Spreminjam 2");
}
}
//*********** ureja dinamicno visino celotnega vprasanja glede na visino prenesenih kategorij odgovorov iz desnih okvirjev v levega
function dynamic_question_height(spremenljivka, num_grids, mobile, skatle){
//console.log("dynamic_question_height za:"+spremenljivka);
/* if (mobile == 0 || mobile == 2){
var title_heigth = $('.frame_dropping_titles').outerHeight(true);
}else{
var title_heigth = $('.frame_dropping_titles_mobile').outerHeight(true);
} */
if (mobile == 0 || mobile == 2){
if(skatle){
var title_heigth = $('.frame_dropping_titles_box').outerHeight(true);
}else{
var title_heigth = $('.frame_dropping_titles').outerHeight(true);
}
}else{
if(skatle){
var title_heigth = $('.frame_dropping_titles_box_mobile').outerHeight(true);
}else{
var title_heigth = $('.frame_dropping_titles_mobile').outerHeight(true);
}
}
var final_height_right_block = 0; //hrani koncno visino desnega bloka, torej vseh prisotnih okvirjev
var frame_height_left = $('#half_frame_dropping_'+spremenljivka).outerHeight(true); //visina celotnega levega okvirja
//console.log('Koncna visina levega bloka: '+frame_height_left);
//pridobi visino desnega bloka
for(var j = 1; j <= num_grids; j++){ //preglej vse okvirje na desni strani
var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).outerHeight(true); //visina trenutnega okvirja
final_height_right_block = final_height_right_block + okvir_height + title_heigth; //vmesna visina desnega okvirja
}
//console.log('Koncna visina desnega bloka: '+final_height_right_block);
//pridobi visino desnega bloka - konec
var default_var_height = $('#spremenljivka_'+spremenljivka).height(); //trenutna visina celotnega vprasanja
//console.log("default_var_height: "+default_var_height);
var vmesnaVisinaVprasanjaLevo = realnaVisina(spremenljivka, frame_height_left);
var vmesnaVisinaVprasanjaDesno = realnaVisina(spremenljivka, final_height_right_block);
//ce je visina celotnega vprasanja manjsa od okvirja/bloka (levi ALI desni)
if( (default_var_height < (vmesnaVisinaVprasanjaLevo)) || (default_var_height < (vmesnaVisinaVprasanjaDesno)) ){
if(frame_height_left < final_height_right_block){
//console.log("Levi manjsi od desnega");
dynamic_question_height_sub(final_height_right_block, spremenljivka); //glede na visino desnega bloka uredi velikost celotnega vprasanja
}else if(frame_height_left > final_height_right_block){
//console.log("Levi vecji od desnega");
dynamic_question_height_sub(frame_height_left, spremenljivka); //glede na visino levega bloka uredi velikost celotnega vprasanja
}
}else if (frame_height_left < final_height_right_block){
updateHeight(spremenljivka, final_height_right_block); //posodobi visino vprasanja
//console.log("Spreminjam A1");
}else if (frame_height_left > final_height_right_block){
updateHeight(spremenljivka, frame_height_left); //posodobi visino vprasanja
//console.log("Spreminjam A2");
}
}
//posodobi visino celotnega vprasanja in variable_holder
function updateHeight(spremenljivka, final_height_block, visinaVprasanja){
if(visinaVprasanja) {var koncnaVisinaVprasanja = visinaVprasanja;}
else {var koncnaVisinaVprasanja = realnaVisina(spremenljivka, final_height_block);}
//ureditev visine celotnega vprasanja
$('#spremenljivka_'+spremenljivka).height(koncnaVisinaVprasanja);
//da ne bo pri mobilnikih prevec skrito vprasanje, spremeni visino variable_holder
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(koncnaVisinaVprasanja*0.85);
}
//vrne realno visino vprasanja/bloka
function realnaVisina(spremenljivka, final_height_block){
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').height();
var visinaPaddingovMarginovVprasanja = $('#spremenljivka_'+spremenljivka).outerHeight(true) - $('#spremenljivka_'+spremenljivka).height();
var visinaPaddingovMarginovHolder = $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').outerHeight(true) - $('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height();
var pomoznoBesediloHeight = 40; //visina besedila "Razpoložljive kategorije:"
var realnaVisina = final_height_block + naslov_height + pomoznoBesediloHeight + visinaPaddingovMarginovVprasanja + visinaPaddingovMarginovHolder*4;
return realnaVisina;
}
//vrne visino/pozicijo prenesene kategorije v desnem skatlastem okvirju
function calcPravaVisina(tole, draggable, indeks, spremenljivka, refresh, zapStevKategorije, revert){
//console.log("refresh:"+refresh);
var visinaDesnegaOkvirja = $(tole).outerHeight();
//console.log("visinaDesnegaOkvirja:"+visinaDesnegaOkvirja);
var visinaPreneseneKategorije = 0;
if(draggable){
visinaPreneseneKategorije = $(draggable).outerHeight(true);
}
//console.log("visinaPreneseneKategorije:"+visinaPreneseneKategorije);
var visinaPrisotnihKategorij = 0;
var steviloKategorij = 0;
$(tole).children('div').each(function () {
var trenutnaVisinaKategorije = $(this).outerHeight(true);
visinaPrisotnihKategorij = visinaPrisotnihKategorij + trenutnaVisinaKategorije;
steviloKategorij++;
});
//console.log("steviloKategorij:"+steviloKategorij);
//console.log("visinaPrisotnihKategorij:"+visinaPrisotnihKategorij);
//console.log("zapStevKategorije:"+zapStevKategorije);
//ce je refresh ali revert
if( refresh == 1 || revert == 1){
if (visinaDesnegaOkvirja < visinaPrisotnihKategorij){ //ce je visina desnega okvirja manjsa od visine prisotnih kategorij
//console.log("visinaDesnegaOkvirja < visinaPrisotnihKategorij");
if(refresh == 1){
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka).css({'height':(visinaPrisotnihKategorij)+'px'}); //visina desnega okvirja
}
visinaDesnegaOkvirja = $(tole).outerHeight();
//console.log("visinaDesnegaOkvirja po refresh:"+visinaDesnegaOkvirja);
}
if(steviloKategorij > 1){
var pravaVisina = visinaDesnegaOkvirja - visinaPrisotnihKategorij;
}else{
var pravaVisina = visinaDesnegaOkvirja - visinaPreneseneKategorije;
}
}else{
var pravaVisina = visinaDesnegaOkvirja - visinaPrisotnihKategorij - visinaPreneseneKategorije;
}
//console.log("pravaVisina za sprem "+spremenljivka+" :"+pravaVisina);
//console.log("-------------------------");
return pravaVisina;
}
//urejanje visine na kateri se nahaja gumb za ponastavljanje vprašanja
function ResetButtonHeight(spremenljivka){
$('#resetDragDrop_'+spremenljivka).position({
my: "left bottom",
at: "left bottom",
of: "#spremenljivka_"+spremenljivka,
collision: 'none'
});
var currentTop = $('#resetDragDrop_'+spremenljivka).css('top');
var newTop = parseInt(currentTop) - 20;
$('#resetDragDrop_'+spremenljivka).css('top', newTop+'px');
}
Reference in New Issue Copy Permalink