1KA_F2F/admin/survey/script/urejanje_oblika.js

function teme_options(){

    var toggle_id = document.getElementById("buttons-window1");

    document.onclick = function(e){
        if(e.target.id !== 'buttons-window1' && e.target.id !== 'btn-1' ){
            toggle_id.classList.addClass('displayNone');
        }
    }
    toggle_id.classList.toggle('displayNone');
}

function teme_options2(){
    var toggle_id = document.getElementById("buttons-window2");

    document.onclick = function(e){
        if(e.target.id !== 'buttons-window2' && e.target.id !== 'btn-2' ){
            toggle_id.classList.addClass('displayNone');
        }
    }
    toggle_id.classList.toggle('displayNone');
}

function show_settings(id_of_element){

    // var options_id = ("options"+id_of_element)
    // var additional_settings = document.getElementById("additional_settings_"+id_of_element);
    // var additional_settings_id = ("additional_settings_"+id_of_element);
    
    // console.log(options_id);
    // console.log(additional_settings_id);
    

    // // document.onclick = function(e){
    // //     if(e.target.id !== additional_settings_id && e.target.id !==options_id ){
    // //         additional_settings.classList.remove('active');
    // //     }
    // // }
    // additional_settings.classList.toggle("active");

    if($('#additional_settings_'+id_of_element).hasClass('displayNone')){
        $('.buttons-window').addClass('displayNone');
        $('#additional_settings_'+id_of_element).removeClass('displayNone');
    }
    else{
        $('.buttons-window').addClass('displayNone');
    }


}


function show_settings_mobile(id_of_element){

    // var options = document.getElementsByClassName("options_mobile"+id_of_element)[0];
    var options = document.getElementById("options_mobile"+id_of_element);
    var additional_settings = document.getElementById("additional_settings_mobile_"+id_of_element);


    // document.onclick = function(e){
    //     if(e.target.id !== additional_settings && e.target.id !== options ){
    //         additional_settings.classList.remove('active');
    //     }
    // }
    additional_settings.classList.toggle("active");



    if($('#additional_settings_mobile_'+id_of_element).hasClass('displayNone')){
        $('.buttons-window').addClass('displayNone');
        $('#additional_settings_mobile_'+id_of_element).removeClass('displayNone');
    }
    else{
        $('.buttons-window').addClass('displayNone');
    }


}