365 lines
15 KiB
JavaScript
365 lines
15 KiB
JavaScript
|
//function init_colorPicker(id, type) {
|
||
|
|
function init_colorPicker(id) {
|
||
|
|
// init farbtastic
|
||
|
|
var colorPicker = '#picker';
|
||
|
|
|
||
|
|
//var f = $.farbtastic('#picker_region');
|
||
|
|
var f = $.farbtastic(colorPicker);
|
||
|
|
//var p = $('#picker_region').hide();
|
||
|
|
var p = $(colorPicker).hide();
|
||
|
|
var selected;
|
||
|
|
$('.colorwell')
|
||
|
|
.each(function () { f.linkTo(this); $(this).css('opacity', 0.75); })
|
||
|
|
.focus(function() {
|
||
|
|
if (selected) {
|
||
|
|
$(selected).css('opacity', 0.75).removeClass('colorwell-selected');
|
||
|
|
}
|
||
|
|
f.linkTo(this);
|
||
|
|
p.show();
|
||
|
|
$(selected = this).css('opacity', 1).addClass('colorwell-selected');
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// init auto save
|
||
|
|
$('.auto-save').change(function () {
|
||
|
|
//console.log("Changed");
|
||
|
|
//te_auto_save(this, true, id);
|
||
|
|
}).blur(function () {
|
||
|
|
//$('#picker_region').hide();
|
||
|
|
$(colorPicker).hide();
|
||
|
|
vprasanje_save(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.farbtastic').mouseup(function(){ //ko se dvigne prst iz gumba miske pri izbiri barve iz kroga
|
||
|
|
vprasanje_save(true); //shrani barvo
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija, ki skrbi za delovanje nastavitve o osvetljevanju
|
||
|
|
function hotspot_region_visibility_option_checkbox_prop (spremenljivka)
|
||
|
|
{
|
||
|
|
if( $('#hotspot_region_visibility_options_'+spremenljivka).is( ":checked" )){ //ce hocemo vidne klike
|
||
|
|
$('#hotspot_region_visibility_option_'+spremenljivka).prop('disabled', true); //disable hidden polje z obratno vrednostjo za checkbox
|
||
|
|
$('#hotspot_region_visibility_'+spremenljivka).css('display', '');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#hotspot_region_visibility_option_'+spremenljivka).prop('disabled', false);
|
||
|
|
$('#hotspot_region_visibility_'+spremenljivka).css('display', 'none');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija, ki skrbi za delovanje nastavitve s komentarjem pri razvrscanju
|
||
|
|
function hotspot_comment_option_checkbox_prop (spremenljivka)
|
||
|
|
{
|
||
|
|
if( $('#hotspot_comment_options_'+spremenljivka).is( ":checked" )){ //ce hocemo vidne klike
|
||
|
|
$('#hotspot_comment_option_'+spremenljivka).prop('disabled', true); //disable hidden polje z obratno vrednostjo za checkbox
|
||
|
|
$('#hotspot_comment_'+spremenljivka).css('display', '');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#hotspot_comment_option_'+spremenljivka).prop('disabled', false);
|
||
|
|
$('#hotspot_comment_'+spremenljivka).css('display', 'none');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//funkcija za urejanje in izbiro obmocij @ image hotspot
|
||
|
|
function hotspot_edit_regions (spr_id, vre_id) {
|
||
|
|
|
||
|
|
if (vre_id == 0){ //ce je novo obmocje
|
||
|
|
var region_name = "";
|
||
|
|
//dobi in pripelji naslednjo vrednost, ki je prisotna po default v tabeli srv_vrednost
|
||
|
|
var next_vrednost = function(){
|
||
|
|
$.ajaxSetup({async:false}); //execute synchronously
|
||
|
|
var tmp = null;
|
||
|
|
$.post('ajax.php?t=vprasanje&a=get_next_hotspot_vrednost', {
|
||
|
|
spr_id: spr_id,
|
||
|
|
}, function (data) {
|
||
|
|
tmp = data;
|
||
|
|
});
|
||
|
|
return tmp;
|
||
|
|
}();
|
||
|
|
|
||
|
|
if(next_vrednost != ""){ //ce je vrednost ze prisotna v tabeli srv_vrednost
|
||
|
|
var vrednost = next_vrednost;
|
||
|
|
}else{ //ce vrednost ni prisotna v tabeli srv_vrednost, vnesi novo in pripeljijo sem
|
||
|
|
//console.log("Next je prazen");
|
||
|
|
//pridobitev vrednost oz. vre_id takoj po vnosu nove vrednosti v srv_vrednost + ureditev div za prikazovanje naslova obmocja
|
||
|
|
var vrednost = function(){
|
||
|
|
$.ajaxSetup({async:false}); //execute synchronously
|
||
|
|
var tmp = null;
|
||
|
|
$.post('ajax.php?t=vprasanje&a=hotspot_vrednost_new', {
|
||
|
|
spremenljivka: spr_id,
|
||
|
|
anketa: srv_meta_anketa_id
|
||
|
|
}, function (data) {
|
||
|
|
tmp = data;
|
||
|
|
});
|
||
|
|
return tmp;
|
||
|
|
}();
|
||
|
|
}
|
||
|
|
}else{ //ce preurejamo ze obstojece obmocje
|
||
|
|
var vrednost = vre_id;
|
||
|
|
|
||
|
|
//pridobitev ime obmocja, ki se ga trenutno ureja
|
||
|
|
var region_name = function(){
|
||
|
|
$.ajaxSetup({async:false}); //execute synchronously
|
||
|
|
var tmp = null;
|
||
|
|
$.post('ajax.php?t=vprasanje&a=hotspot_get_region_name', {
|
||
|
|
spr_id: spr_id,
|
||
|
|
vrednost: vrednost,
|
||
|
|
anketa: srv_meta_anketa_id
|
||
|
|
}, function (data) {
|
||
|
|
tmp = data;
|
||
|
|
});
|
||
|
|
return tmp;
|
||
|
|
}();
|
||
|
|
}
|
||
|
|
|
||
|
|
//console.log("Vrednost: "+vrednost);
|
||
|
|
|
||
|
|
//http slike za hotspot
|
||
|
|
var src_image = $('#spremenljivka_contentdiv'+spr_id).find('img').attr('src');
|
||
|
|
//var src_image = $('#vre_id_'+vrednost).find('img').attr('src');
|
||
|
|
//console.log("Src: "+src_image);
|
||
|
|
|
||
|
|
//height in width slike, ki smo jo postimali za hotspot
|
||
|
|
var hotspot_image_height = $('#hotspot_image_'+spr_id+'_hidden').find('img').css('height');
|
||
|
|
var hotspot_image_width = $('#hotspot_image_'+spr_id+'_hidden').find('img').css('width');
|
||
|
|
hotspot_image_height = parseInt(hotspot_image_height.replace('px','')); //nadomesti px s presledkom, da bo samo stevilo
|
||
|
|
hotspot_image_width = parseInt(hotspot_image_width.replace('px',''));
|
||
|
|
//console.log("hotspot_image_height: "+hotspot_image_height);
|
||
|
|
//console.log("hotspot_image_width: "+hotspot_image_width);
|
||
|
|
|
||
|
|
$('#fade').fadeTo('slow', 1);
|
||
|
|
$('#vrednost_edit').html('').fadeIn('slow').load('ajax.php?t=vprasanje&a=hotspot_edit_regions', {spr_id: spr_id, hotspot_image_height: hotspot_image_height, hotspot_image_width: hotspot_image_width, src_image: src_image, vrednost: vrednost, anketa: srv_meta_anketa_id, lang_id: srv_meta_lang_id, region_name: region_name},
|
||
|
|
function () {
|
||
|
|
//create_editor_hotspot('vrednost_naslov');
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija za prikazovanje in shranjevanje izbrane slike @ image hotspot
|
||
|
|
function hotspot_image_save (spr_id) {
|
||
|
|
var hotspot_image = $('#hotspot_image').val();
|
||
|
|
|
||
|
|
// probamo prebrat iz editorja, ce je bil nalozen
|
||
|
|
get_editor_close('hotspot_image');
|
||
|
|
|
||
|
|
$('#fade').fadeOut('slow');
|
||
|
|
$('#vrednost_edit').fadeOut('slow');
|
||
|
|
|
||
|
|
var paramArr = $("form[name=hotspot_image_edit]").serialize();
|
||
|
|
|
||
|
|
var query_string = paramArr;
|
||
|
|
|
||
|
|
|
||
|
|
//ce slika nima dimenzij
|
||
|
|
|
||
|
|
if(decodeURIComponent(query_string).indexOf("style=") == -1){
|
||
|
|
|
||
|
|
hotspot_image = decodeURIComponent(paramArr);
|
||
|
|
//console.log(hotspot_image);
|
||
|
|
var src_start = hotspot_image.indexOf('src');
|
||
|
|
var src_end = hotspot_image.indexOf('"', (src_start+5));
|
||
|
|
var src = hotspot_image.substring((src_start+5), src_end);
|
||
|
|
|
||
|
|
var img = new Image();
|
||
|
|
//img.src = "http://localhost/www/uploadi/editor/1464109632smiley.gif";
|
||
|
|
img.src = src;
|
||
|
|
|
||
|
|
var width = img.width;
|
||
|
|
var height = img.height;
|
||
|
|
|
||
|
|
|
||
|
|
query_string = query_string +"&width="+width+"&height="+height;
|
||
|
|
hotspot_append_hidden_image(spr_id, width, height, 1);
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
hotspot_append_hidden_image(spr_id, 0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
$.post('ajax.php?t=vprasanje&a=hotspot_image_save', query_string, function (data) {
|
||
|
|
//console.log(data);
|
||
|
|
$('#hotspot_image_'+spr_id).html(data);
|
||
|
|
$('#hotspot_image_edit').html('');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function create_hotspot_input(vre_id, spr_id){
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// preklici ureditev novega obmocja
|
||
|
|
function hotspot_region_cancel (spr_id, vre_id) {
|
||
|
|
|
||
|
|
//remove_editor('vrednost_naslov');
|
||
|
|
//odstrani nepotrebne podatke iz baze
|
||
|
|
$.post('ajax.php?t=vprasanje&a=hotspot_region_cancel', {spr_id: spr_id, vre_id: vre_id});
|
||
|
|
|
||
|
|
//vrni se iz popup
|
||
|
|
$('#fade').fadeOut('slow');
|
||
|
|
$('#vrednost_edit').fadeOut('slow');
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija za shranjevanje obmocja @ image hotspot
|
||
|
|
function hotspot_save_regions (spr_id, last_hotspot_region_index, vre_id, hotspot_region_index) {
|
||
|
|
//var vrednost = $('input[name=vrednost]').val();
|
||
|
|
var hotspot_region_name = $('input[name=hotspot_region_name]').val();
|
||
|
|
|
||
|
|
var hotspot_region_coords = $('#hotspot_region_coords_'+spr_id).val();
|
||
|
|
//console.log("Saving region: "+hotspot_region_name);
|
||
|
|
//console.log("hotspot_region_coords: "+hotspot_region_coords);
|
||
|
|
|
||
|
|
//if (last_hotspot_region_index != -1){
|
||
|
|
last_hotspot_region_index = last_hotspot_region_index + 1;
|
||
|
|
//}
|
||
|
|
|
||
|
|
//obesi html za prikazovanje imena obmocja v oknu z nastavitvami
|
||
|
|
//$('#hot_spot_fieldset_'+spr_id).append('<div id="hotspot_region_name_'+last_hotspot_region_index+'" vre_id="'+vre_id+'" region_index = "'+last_hotspot_region_index+'" class="vrednost_inline" contenteditable="true"><input name="hotspot_region_name_'+last_hotspot_region_index+'" value="'+hotspot_region_name+'"><span class="sprites edit2 inline_hotspot_edit_region"></span><span class="sprites delete_orange inline_hotspot_delete_region"></span></br></div>');
|
||
|
|
if(hotspot_region_index == -2){ //ce se ne posodablja obmocja, je potrebno obesiti html za prikazovanje imena obmocja v oknu z nastavitvami
|
||
|
|
//$('#hot_spot_fieldset_'+spr_id).append('<div id="hotspot_region_'+last_hotspot_region_index+'" class="hotspot_region"><div id="hotspot_region_name_'+last_hotspot_region_index+'" vre_id="'+vre_id+'" region_index = "'+last_hotspot_region_index+'" class="hotspot_vrednost_inline" contenteditable="true">'+hotspot_region_name+'</div><span class="sprites edit2 inline_hotspot_edit_region"></span><span class="sprites delete_orange inline_hotspot_delete_region"></span></br></div>');
|
||
|
|
$('#hot_spot_fieldset_'+spr_id).prepend('<div id="hotspot_region_'+last_hotspot_region_index+'" class="hotspot_region"><div id="hotspot_region_name_'+last_hotspot_region_index+'" vre_id="'+vre_id+'" region_index = "'+last_hotspot_region_index+'" class="hotspot_vrednost_inline" contenteditable="true">'+hotspot_region_name+'</div><span class="sprites edit2 inline_hotspot_edit_region"></span><span class="faicon delete_circle icon-orange_link inline_hotspot_delete_region"></span></br></div>');
|
||
|
|
}else{ //drugace posodobi ime obmocja
|
||
|
|
$('#hotspot_region_name_'+hotspot_region_index).text(hotspot_region_name);
|
||
|
|
}
|
||
|
|
|
||
|
|
//pokazi nastavitve obmocja za heatmap
|
||
|
|
//$('#heatmap_region_settings_'+spr_id).css('display', ''); //pokazi nastavitve obmocja
|
||
|
|
|
||
|
|
//ali potrebujemo nov div variabla?
|
||
|
|
var new_hotspot_vrednost_needed = $('#vre_id_'+vre_id).attr('vre_id');
|
||
|
|
|
||
|
|
if(new_hotspot_vrednost_needed == undefined){
|
||
|
|
//$('#hotspot_regions_hidden_menu_'+spr_id).append('<div id="variabla_'+vre_id+'" class="variabla"><div id="vre_id_'+vre_id+'" class="vrednost_inline" vre_id="'+vre_id+'"></div>'+hotspot_region_name+'</div>');
|
||
|
|
$('#hotspot_regions_hidden_menu_'+spr_id).prepend('<div id="variabla_'+vre_id+'" class="variabla" style="display:none;"><div id="vre_id_'+vre_id+'" class="vrednost_inline" vre_id="'+vre_id+'"></div>'+hotspot_region_name+'</div>');
|
||
|
|
}else{
|
||
|
|
//vnesi v polje z vrednostmi naslov/ime obmocja
|
||
|
|
$('#vre_id_'+vre_id).text(hotspot_region_name);
|
||
|
|
}
|
||
|
|
|
||
|
|
//shrani potrebne podatke v bazo
|
||
|
|
$.post('ajax.php?t=vprasanje&a=hotspot_save_regions', {spr_id: spr_id, vre_id: vre_id, hotspot_region_name: hotspot_region_name , hotspot_region_coords: hotspot_region_coords, last_hotspot_region_index: last_hotspot_region_index, hotspot_region_index: hotspot_region_index});
|
||
|
|
//console.log("hotspot_save_regions");
|
||
|
|
|
||
|
|
//vrni se iz popup
|
||
|
|
$('#fade').fadeOut('slow');
|
||
|
|
$('#vrednost_edit').fadeOut('slow');
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija za dinamicno dodajanje skrite slike, da se pobere dimenzije pri dodajanju obmocij @ image hotspot
|
||
|
|
function hotspot_append_hidden_image(spr_id, width, height, no_dimensions){
|
||
|
|
var hotspot_image = $('#hotspot_image').val();
|
||
|
|
//console.log(hotspot_image);
|
||
|
|
/* var hotspot_image_now = $('#hotspot_image_'+spr_id).html();
|
||
|
|
console.log(hotspot_image_now); */
|
||
|
|
|
||
|
|
var hotspot_image_hidden_height = $('#hotspot_image_'+spr_id+'_hidden').find('img').css('height');
|
||
|
|
if(hotspot_image_hidden_height == undefined){ //ce ni skrite slike, jo dodaj
|
||
|
|
$('#hotspot_image_'+spr_id+'_hidden').append(hotspot_image);
|
||
|
|
}
|
||
|
|
else if (hotspot_image == ''){ //ce ni slike
|
||
|
|
$('#hotspot_image_'+spr_id+'_hidden').find('img').remove();//odstrani skrito sliko
|
||
|
|
}
|
||
|
|
|
||
|
|
else{
|
||
|
|
$('#hotspot_image_'+spr_id+'_hidden').find('img').remove();//odstrani skrito sliko
|
||
|
|
$('#hotspot_image_'+spr_id+'_hidden').append(hotspot_image);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (no_dimensions == 1){
|
||
|
|
//uredi dimenzije skrite slike
|
||
|
|
//console.log("No dimensions");
|
||
|
|
$('#hotspot_image_'+spr_id+'_hidden').find('img').css('height', height);
|
||
|
|
$('#hotspot_image_'+spr_id+'_hidden').find('img').css('width', width);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* console.log("height iz hidden: "+height);
|
||
|
|
console.log("width iz hidden: "+width); */
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija za prikazovanje in skrivanje nastavitev image hotspot iz okna za dodajanje/odstranjevanje slike
|
||
|
|
function show_hot_spot_settings_from_editor (spremenljivka, enota, tip){
|
||
|
|
var hotspot_image = $('#hotspot_image').val();
|
||
|
|
|
||
|
|
if((tip == 6 && enota == 10) || (tip == 1 && enota == 10) || (tip == 2 && enota == 10) || tip == 27 || (tip == 17 && enota == 3)){ //ce je tip vprasanja image hotspot ali heatmap
|
||
|
|
|
||
|
|
$('#hot_spot_fieldset_'+spremenljivka).css('display', '');//pokazi hot_spot_fieldset
|
||
|
|
|
||
|
|
if( (tip == 1) || (tip == 2) || (tip == 17 && enota == 3) ){ //ce je radio ali checkbox ali razvrscanje z image hotspot
|
||
|
|
$('#kategorije_odgovorov_'+spremenljivka).css('display', 'none');//skrij fieldset s kategorijami odgovorov
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if ( (hotspot_image == '') || (hotspot_image.substring(0,4) != '<img') ){ //ce ni slike
|
||
|
|
$('#hot_spot_regions_add_button').css('display', 'none'); //skrij gumb za dodajanje obmocij
|
||
|
|
$('#hotspot_message').css('display', ''); //pokazi sporocilo, da je potrebno najprej dodati sliko
|
||
|
|
}else if (hotspot_image.substring(0,4) == '<img'){ //ce slika je prisotna
|
||
|
|
$('#hot_spot_regions_add_button').css('display', '');
|
||
|
|
$('#hotspot_message').css('display', 'none');
|
||
|
|
}
|
||
|
|
|
||
|
|
}else{ //ce ni tip vprasanja image hotspot ali heatmap
|
||
|
|
$('#hot_spot_fieldset_'+spremenljivka).css('display', 'none');//skrij hot_spot_fieldset
|
||
|
|
$('#kategorije_odgovorov_'+spremenljivka).css('display', '');//pokazi fieldset s kategorijami odgovorov
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//funkcija za prikazovanje in skrivanje nastavitev image hotspot iz okna z nastavitvami trenutnega vprasanja
|
||
|
|
function show_hot_spot_settings (spremenljivka, enota, tip){
|
||
|
|
|
||
|
|
//if((tip == 6 && enota == 10) || (tip == 1 && enota == 10) || (tip == 2 && enota == 10)){ //ce je tip vprasanja image hotspot
|
||
|
|
if((tip == 6 && enota == 10) || (tip == 1 && enota == 10) || (tip == 2 && enota == 10) || (tip == 17 && enota == 3)){ //ce je tip vprasanja image hotspot
|
||
|
|
|
||
|
|
$('#hot_spot_fieldset_'+spremenljivka).css('display', ''); //pokazi hot_spot_fieldset
|
||
|
|
|
||
|
|
if( (tip == 1) || (tip == 2) || (tip == 17 && enota == 3)){ //ce je radio ali checkbox ali razvrscanje z image hotspot
|
||
|
|
$('#kategorije_odgovorov_'+spremenljivka).css('display', 'none');//skrij fieldset s kategorijami odgovorov
|
||
|
|
}
|
||
|
|
|
||
|
|
//pridobitev hotspot_image
|
||
|
|
var hotspot_image = function(){ //dinamicna pridobitev parametra hotspot_image, ki hrani html za prikaz slike
|
||
|
|
$.ajaxSetup({async:false}); //execute synchronously
|
||
|
|
var tmp = null;
|
||
|
|
$.post('ajax.php?t=vprasanje&a=get_hotspot_image', {
|
||
|
|
spremenljivka: spremenljivka
|
||
|
|
}, function (data) {
|
||
|
|
tmp = data;
|
||
|
|
});
|
||
|
|
return tmp;
|
||
|
|
}();
|
||
|
|
|
||
|
|
if( (hotspot_image == '') || (hotspot_image.substring(0,4) != '<img') ) { //ce ni slike,
|
||
|
|
$('#hot_spot_regions_add_button').css('display', 'none'); //skrij gumb za dodajanje obmocij
|
||
|
|
$('#hotspot_message').css('display', ''); //pokazi sporocilo, da je potrebno najprej dodati sliko
|
||
|
|
}else if (hotspot_image.substring(0,4) == '<img'){ //ce slika je prisotna
|
||
|
|
$('#hot_spot_regions_add_button').css('display', '');
|
||
|
|
$('#hotspot_message').css('display', 'none');
|
||
|
|
}
|
||
|
|
|
||
|
|
//primerjaj stevilo vnosov v srv_vrednost in srv_hotspot_regions za trenutno spremenljivko in preuredi srv_vrednost, ce je to potrebno
|
||
|
|
var enako_stevilo_vnosov_za_hotspot = function(){ //dinamicna pridobitev stevila vnosov
|
||
|
|
$.ajaxSetup({async:false}); //execute synchronously
|
||
|
|
var tmp = null;
|
||
|
|
$.post('ajax.php?t=vprasanje&a=get_hotspot_stevilo_vnosov', {
|
||
|
|
spremenljivka: spremenljivka
|
||
|
|
}, function (data) {
|
||
|
|
tmp = data;
|
||
|
|
});
|
||
|
|
return tmp;
|
||
|
|
}();
|
||
|
|
|
||
|
|
/* if (enako_stevilo_vnosov_za_hotspot == 0){
|
||
|
|
console.log("Stevilo ni enako!");
|
||
|
|
}else{
|
||
|
|
console.log("Stevilo je enako!");
|
||
|
|
} */
|
||
|
|
}else{ //ce ni tip vprasanja image hotspot
|
||
|
|
$('#hot_spot_fieldset_'+spremenljivka).css('display', 'none');//skrij hot_spot_fieldset
|
||
|
|
$('#kategorije_odgovorov_'+spremenljivka).css('display', '');//pokazi fieldset s kategorijami odgovorov
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|