[Redizajn 1KA] - Moje ankete --> Nova anketa - v1

This commit is contained in:
tejagerjovic 2022-01-02 22:38:56 +01:00
parent 4d5ed97066
commit 1e3f76c2c7
8 changed files with 1251 additions and 35 deletions

View File

@ -48,10 +48,8 @@ class NewSurvey{
global $site_path; global $site_path;
global $admin_type; global $admin_type;
echo '<div class="title">'.$lang['srv_newSurvey_title'].':</div>';
// Nova anketa // Nova anketa
echo '<a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=new" title="'.$lang['srv_newSurvey_survey_new2'].'"><span class="item '.($this->subpage == 'new' ? ' active' : '').'" onClick="">'.$lang['srv_newSurvey_survey_new'].'</span></a>'; echo '<a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=new" title="'.$lang['srv_newSurvey_survey_new2'].'"><span class="item '.($this->subpage == 'new' ? ' active' : '').'" onClick=""><span class="faicon fa-clipboard-list link-right"></span>'.$lang['srv_newSurvey_survey_new'].'</span></a>';
// Anketa iz predloga (knjiznice) - samo na www.1ka.si, testu in arnesu // Anketa iz predloga (knjiznice) - samo na www.1ka.si, testu in arnesu
if((strpos($site_url, 'www.1ka.si') !== false && !isVirtual()) if((strpos($site_url, 'www.1ka.si') !== false && !isVirtual())
@ -59,28 +57,28 @@ class NewSurvey{
|| strpos($site_url, '1ka.arnes.si') || strpos($site_url, '1ka.arnes.si')
|| isDebug()){ || isDebug()){
echo '<a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=template" title="'.$lang['srv_newSurvey_survey_template2'].'"><span class="item '.($this->subpage == 'template' ? ' active' : '').'">'.$lang['srv_newSurvey_survey_template'].'</span></a>'; echo '<a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=template" title="'.$lang['srv_newSurvey_survey_template2'].'"><span class="item '.($this->subpage == 'template' ? ' active' : '').'"><span class="faicon fa-file-image link-right"></span>'.$lang['srv_newSurvey_survey_template'].'</span></a>';
if($this->subpage == 'template'){ if($this->subpage == 'template'){
echo '<ul class="template_type_menu">'; echo '<ul class="template_type_menu">';
for($i=0; $i<=10; $i++){ for($i=0; $i<=10; $i++){
echo '<li><a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=template&c='.$i.'" title="'.$lang['srv_newSurvey_survey_template_cat'.$i].'"><span class="subitem '.($this->subpage == 'template' && $this->template_category == $i ? ' active' : '').'">'.$lang['srv_newSurvey_survey_template_cat'.$i].'</span></a></li>'; echo '<li><a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=template&c='.$i.'" title="'.$lang['srv_newSurvey_survey_template_cat'.$i].'"><span class="subitem '.($this->subpage == 'template' && $this->template_category == $i ? ' active' : '').'"><span class="faicon fa-file-image link-right">'.$lang['srv_newSurvey_survey_template_cat'.$i].'</span></a></li>';
} }
echo '</ul>'; echo '</ul>';
} }
} }
// Kopiraj mojo anketo // Kopiraj mojo anketo
echo '<a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=copy" title="'.$lang['srv_newSurvey_survey_copy'].'"><span class="item '.($this->subpage == 'copy' ? ' active' : '').'">'.$lang['srv_newSurvey_survey_copy'].'</span></a>'; echo '<a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=copy" title="'.$lang['srv_newSurvey_survey_copy'].'"><span class="item '.($this->subpage == 'copy' ? ' active' : '').'"><span class="faicon copy link-right"></span>'.$lang['srv_newSurvey_survey_copy'].'</span></a>';
// Uvoz ankete // Uvoz ankete - 1ka format
echo '<a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=archive" title="'.$lang['srv_newSurvey_survey_archive2'].'"><span class="item '.($this->subpage == 'archive' ? ' active' : '').'">'.$lang['srv_newSurvey_survey_archive'].'</span></a>'; echo '<a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=archive" title="'.$lang['srv_newSurvey_survey_archive2'].'"><span class="item '.($this->subpage == 'archive' ? ' active' : '').'"><span class="faicon fa-file-upload link-right"></span>'.$lang['srv_newSurvey_survey_archive'].'</span></a>';
// Anketa iz besedila // Anketa iz besedila
echo '<a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=from_text" title="'.$lang['srv_newSurvey_survey_from_text'].'"><span class="item '.($this->subpage == 'from_text' ? ' active' : '').'">'.$lang['srv_newSurvey_survey_from_text'].'</span></a>'; echo '<a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=from_text" title="'.$lang['srv_newSurvey_survey_from_text'].'"><span class="item '.($this->subpage == 'from_text' ? ' active' : '').'"><span class="faicon fa-file-word empty link-right"></span>'.$lang['srv_newSurvey_survey_from_text'].'</span></a>';
if(HierarhijaHelper::aliImaDostopDoIzdelovanjaHierarhije()) { if(HierarhijaHelper::aliImaDostopDoIzdelovanjaHierarhije()) {
echo '<a href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=hierarhija" title="'.$lang['srv_hierarchy'].'"><span class="item hierarhija-button '.($this->subpage == 'hierarhija' ? ' active' : '').'">'.$lang['srv_hierarchy'].'</span></a>'; echo '<a class="noline" href="'.$site_url.'admin/survey/index.php?a=ustvari_anketo&b=hierarhija" title="'.$lang['srv_hierarchy'].'"><span class="item hierarhija-button '.($this->subpage == 'hierarhija' ? ' active' : '').'">'.$lang['srv_hierarchy'].'</span></a>';
} }
} }
@ -128,22 +126,23 @@ class NewSurvey{
echo '<div class="fieldset">'; echo '<div class="fieldset">';
// Naslov // Naslov
echo '<div class="pre-title">' . $lang['srv_newSurvey_survey_new'] . '</div>';
echo '<div class="title">' . $lang['srv_noSurvey_settings'] . '</div>'; echo '<div class="title">' . $lang['srv_noSurvey_settings'] . '</div>';
echo '<div class="survey_title_text_holder">'; echo '<div class="setting_horizontal_wrapper">';
// Interno ime // Interno ime
echo '<div class="setting survey_title_text">'; echo '<div class="setting_holder">';
echo '<span class="label" style="float:left; width:180px;">' . $lang['srv_list_no_data_create'] . ':</span>'; echo '<label for="novaanketa_naslov_1">' . $lang['srv_list_no_data_create'] . ':</label>';
echo '<input type="text" id="novaanketa_naslov_1" name="novaanketa_naslov_1" placeholder="' . $lang['srv_novaanketa_polnoime'] . '" value="' . $lang['srv_novaanketa_polnoime'] . '" size="40" maxlength="' . ANKETA_NASLOV_MAXLENGTH . '" onfocus="if(this.value==\'' . $lang['srv_novaanketa_polnoime'] . '\') {this.value=\'\';}" />'; echo '<input type="text" class="large" id="novaanketa_naslov_1" name="novaanketa_naslov_1" placeholder="' . $lang['srv_novaanketa_polnoime'] . '" value="' . $lang['srv_novaanketa_polnoime'] . '" maxlength="' . ANKETA_NASLOV_MAXLENGTH . '" onfocus="if(this.value==\'' . $lang['srv_novaanketa_polnoime'] . '\') {this.value=\'\';}" />';
echo '<span id="novaanketa_naslov_1_chars">0 / ' . ANKETA_NASLOV_MAXLENGTH . '</span>'; echo '<span class="charalimit" id="novaanketa_naslov_1_chars">0 / ' . ANKETA_NASLOV_MAXLENGTH . '</span>';
echo '</div>'; echo '</div>';
// Objavljeno ime // Objavljeno ime
echo '<div class="setting survey_title_text">'; echo '<div class="setting_holder">';
echo '<span class="label" style="float:left; width:180px;">' . $lang['srv_novaanketa_kratkoime'] . ':</span>'; echo '<label for="novaanketa_akronim_1"">' . $lang['srv_novaanketa_kratkoime'] . ':</label>';
echo '<input type="text" id="novaanketa_akronim_1" name="novaanketa_akronim_1" value="' . $lang['srv_novaanketa_ime_respondenti'] . '" placeholder="' . $lang['srv_novaanketa_ime_respondenti'] . '" size="40" maxlength="' . ANKETA_AKRONIM_MAXLENGTH . '" onfocus="$(this).attr(\'changed\',\'1\'); if(this.value==\'' . $lang['srv_novaanketa_ime_respondenti'] . '\') {this.value=\'\';}" changed="0" />'; echo '<input type="text" class="large" id="novaanketa_akronim_1" name="novaanketa_akronim_1" value="' . $lang['srv_novaanketa_ime_respondenti'] . '" placeholder="' . $lang['srv_novaanketa_ime_respondenti'] . '" maxlength="' . ANKETA_AKRONIM_MAXLENGTH . '" onfocus="$(this).attr(\'changed\',\'1\'); if(this.value==\'' . $lang['srv_novaanketa_ime_respondenti'] . '\') {this.value=\'\';}" changed="0" />';
echo '<span id="novaanketa_akronim_1_chars">0 / ' . ANKETA_AKRONIM_MAXLENGTH . '</span>'; echo '<span class="charalimit" id="novaanketa_akronim_1_chars">0 / ' . ANKETA_AKRONIM_MAXLENGTH . '</span>';
echo '</div>'; echo '</div>';
// Ce ima uporabnik mape, lahko izbere v katero mapo se anketa uvrsti // Ce ima uporabnik mape, lahko izbere v katero mapo se anketa uvrsti
@ -151,10 +150,10 @@ class NewSurvey{
$show_folders = UserSetting::getInstance()->getUserSetting('survey_list_folders'); $show_folders = UserSetting::getInstance()->getUserSetting('survey_list_folders');
$sql = sisplet_query("SELECT * FROM srv_mysurvey_folder WHERE usr_id='$global_user_id' ORDER BY naslov ASC"); $sql = sisplet_query("SELECT * FROM srv_mysurvey_folder WHERE usr_id='$global_user_id' ORDER BY naslov ASC");
if($show_folders == 1 && mysqli_num_rows($sql) > 0){ if($show_folders == 1 && mysqli_num_rows($sql) > 0){
echo '<div class="setting survey_title_text">'; echo '<div class="setting_holder">';
echo '<span class="label" style="float:left; width:180px;">' . $lang['srv_newSurvey_survey_new_folder'] . ':</span>'; echo '<label for="novaanketa_folder">' . $lang['srv_newSurvey_survey_new_folder'] . ':</label>';
echo '<select name="novaanketa_folder" id="novaanketa_folder">'; echo '<select class="dropdown large" name="novaanketa_folder" id="novaanketa_folder">';
echo '<option value="0">'.$lang['srv_newSurvey_survey_new_folder_def'].'</option>'; echo '<option value="0">'.$lang['srv_newSurvey_survey_new_folder_def'].'</option>';
while($row = mysqli_fetch_array($sql)){ while($row = mysqli_fetch_array($sql)){
echo '<option value="'.$row['id'].'">'.$row['naslov'].'</option>'; echo '<option value="'.$row['id'].'">'.$row['naslov'].'</option>';
@ -179,8 +178,7 @@ class NewSurvey{
echo '<label for="newAnketaBlank_2"><div class="setting survey_type active">'; echo '<label for="newAnketaBlank_2"><div class="setting survey_type active">';
echo '<input type="radio" name="newAnketaBlank" id="newAnketaBlank_2" value="2" checked="checked" onClick="$(\'.survey_type\').removeClass(\'active\'); $(this).parent().parent().find(\'.survey_type\').addClass(\'active\');" />'; echo '<input type="radio" name="newAnketaBlank" id="newAnketaBlank_2" value="2" checked="checked" onClick="$(\'.survey_type\').removeClass(\'active\'); $(this).parent().parent().find(\'.survey_type\').addClass(\'active\');" />';
echo '<span class="radioSetting_type">'; echo '<span class="radioSetting_type">';
echo ' <div class="survey_type_title">' . $lang['srv_vrsta_survey_type_2'] . Help::display('srv_create_survey'). '</div>'; echo '<div class="survey_type_title"><span class="faicon fa-clipboard-list"></span>' . $lang['srv_vrsta_survey_type_2'] . '</div>';
echo ' <div class="survey_type_text">' . $lang['srv_noSurvey_type_2'] . '</div>';
echo '</span>'; echo '</span>';
echo '</div></label>'; echo '</div></label>';
@ -188,8 +186,7 @@ class NewSurvey{
echo '<label for="newAnketaBlank_1"><div class="setting survey_type">'; echo '<label for="newAnketaBlank_1"><div class="setting survey_type">';
echo '<input type="radio" name="newAnketaBlank" id="newAnketaBlank_1" value="1" onClick="$(\'.survey_type\').removeClass(\'active\'); $(this).parent().parent().find(\'.survey_type\').addClass(\'active\');" />'; echo '<input type="radio" name="newAnketaBlank" id="newAnketaBlank_1" value="1" onClick="$(\'.survey_type\').removeClass(\'active\'); $(this).parent().parent().find(\'.survey_type\').addClass(\'active\');" />';
echo '<span class="radioSetting_type">'; echo '<span class="radioSetting_type">';
echo ' <div class="survey_type_title">' . $lang['srv_vrsta_survey_type_1'] . Help::display('srv_create_form'). '</div>'; echo '<div class="survey_type_title"><span class="faicon list-alt empty"></span>' . $lang['srv_vrsta_survey_type_1'] . '</div>';
echo ' <div class="survey_type_text">' . $lang['srv_noSurvey_type_1'] . '</div>';
echo '</span>'; echo '</span>';
echo '</div></label>'; echo '</div></label>';
@ -197,8 +194,7 @@ class NewSurvey{
echo '<label for="newAnketaBlank_0"><div class="setting survey_type">'; echo '<label for="newAnketaBlank_0"><div class="setting survey_type">';
echo '<input type="radio" name="newAnketaBlank" id="newAnketaBlank_0" value="0" onClick="$(\'.survey_type\').removeClass(\'active\'); $(this).parent().parent().find(\'.survey_type\').addClass(\'active\');" />'; echo '<input type="radio" name="newAnketaBlank" id="newAnketaBlank_0" value="0" onClick="$(\'.survey_type\').removeClass(\'active\'); $(this).parent().parent().find(\'.survey_type\').addClass(\'active\');" />';
echo '<span class="radioSetting_type">'; echo '<span class="radioSetting_type">';
echo ' <div class="survey_type_title">' . $lang['srv_vrsta_survey_type_0'] . Help::display('srv_create_poll'). '</div>'; echo ' <div class="survey_type_title"> <span class="faicon vote-yes"></span>' . $lang['srv_vrsta_survey_type_0'] . '</div>';
echo ' <div class="survey_type_text">' . $lang['srv_noSurvey_type_0'] . '</div>';
echo '</span>'; echo '</span>';
echo '</div></label>'; echo '</div></label>';
@ -270,12 +266,11 @@ class NewSurvey{
// Gumba naprej in preklici // Gumba naprej in preklici
echo '<div class="button_holder">';
echo '<button class="medium white-blue" onClick="window.location=\''.$site_url . 'admin/survey/index.php\';return false;" id="noSurvey_cancel">'.$lang['srv_cancel'].'</button>';
echo '<button class="medium blue" onclick="newAnketaBlank();" id="noSurvey_create">'.$lang['next1'].'</button>';
echo '</div>';
echo '<div class="noSurvey_buttons">'; echo '<div class="noSurvey_buttons">';
echo '<a href="' . $site_url . 'admin/survey/index.php" title="' . $lang['srv_cancel'] . '"><span id="noSurvey_cancel">' . $lang['srv_cancel'] . '</span></a>';
echo '<a href="#" onclick="newAnketaBlank();" title="' . $lang['srv_create_survey'] . '"><span id="noSurvey_create">' . $lang['next1'] . '</span></a>';
echo '</div>';
} }

View File

@ -5904,6 +5904,14 @@ span.faicon.clipboard::before {
content: "\f328"; content: "\f328";
} }
span.faicon.list-alt::before {
content: "\f022";
}
span.faicon.vote-yes::before {
content: "\f772";
}
/* /*
To change this license header, choose License Headers in Project Properties. To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates To change this template file, choose Tools | Templates
@ -14000,6 +14008,547 @@ div#user_info_segment .user_info.text {
margin-right: 50px; margin-right: 50px;
} }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 25-Jul-2018, 11:34:25
Author : podkrizniku
*/
#new_anketa_div {
display: flex;
flex-direction: row;
}
#new_anketa_div #left_menu {
width: 308px;
height: 100% !important;
padding: 4px;
background-color: #FFFFFF;
border-right: 1px solid #E5E5E5;
box-sizing: border-box;
flex-shrink: 0;
}
#new_anketa_div #left_menu .item {
display: flex;
align-items: center;
margin-bottom: 4px;
padding: 24px 71px;
color: #333333;
background-color: #F8F8F8;
}
#new_anketa_div #left_menu .item:hover {
background-color: #ebebeb;
}
#new_anketa_div #left_menu .item.active {
background-color: #1E88E5;
color: #FFFFFF;
}
#new_anketa_div #left_menu .item.active:hover {
background-color: #187bd1;
}
#new_anketa_div #left_menu ul {
list-style-type: none;
padding-left: 30px;
margin: 25px 0 15px 0;
}
#new_anketa_div #left_menu ul li {
padding: 0 0 10px 0;
}
#new_anketa_div #left_menu ul li a {
font-size: 14px;
color: #777777;
}
#new_anketa_div #left_menu ul li a:hover {
color: #1E88E5;
}
#new_anketa_div #left_menu ul li .active {
color: #1E88E5;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 25-Jul-2018, 11:36:53
Author : podkrizniku
*/
#new_anketa_div div.button_holder {
margin-top: 62px;
}
#new_anketa_div #right_content {
width: calc(100% - 308px);
margin-left: 100px;
}
#new_anketa_div #right_content .fieldset .pre-title {
color: #1E88E5;
font-weight: 600;
}
#new_anketa_div #right_content .fieldset .title {
margin-bottom: 32px;
font-size: 26px;
}
#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper {
display: flex;
flex-direction: row;
margin-bottom: 32px;
}
#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper .setting_holder {
display: flex;
flex-direction: column;
margin-right: 36px;
}
#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper .setting_holder input[type=text] {
width: 332px;
}
#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper .setting_holder select.dropdown {
width: 332px;
}
#new_anketa_div #right_content .fieldset .setting_horizontal_wrapper .setting_holder span.charalimit {
font-size: 12px;
line-height: 15px;
width: 332px;
color: #777777;
text-align: right;
}
#new_anketa_div #right_content .fieldset .setting {
padding: 0 0 7px 15px;
}
#new_anketa_div #right_content .fieldset .setting .radioSetting_type.active {
color: #777777;
}
#new_anketa_div #right_content .fieldset .setting input {
padding: 0;
margin: 0;
}
#new_anketa_div #right_content .fieldset .setting select {
padding: 2px 5px;
margin: 0;
width: 302px;
font-size: 12px;
border: 1px solid #1E88E5 !important;
border-radius: 1px;
}
#new_anketa_div #right_content .fieldset .setting input[type=file] {
height: 24px;
width: 240px;
font-size: 10px;
}
#new_anketa_div #right_content .fieldset .setting input[type=text] {
padding: 10px 12px;
width: 310px;
font-size: 15px;
border: 1px solid #1E88E5 !important;
border-radius: 1px;
}
#new_anketa_div #right_content .fieldset .setting #novaanketa_akronim_1_chars {
float: right;
padding-right: 15px;
font-weight: 400;
font-size: 11px;
}
#new_anketa_div #right_content .fieldset .setting #novaanketa_naslov_1_chars {
float: right;
padding-right: 7px;
font-weight: 400;
font-size: 11px;
}
#new_anketa_div #right_content .fieldset .setting input[type=radio] {
margin: 0 8px 4px 0;
display: none !important;
}
#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-checkbox-radio {
font-size: 16px;
font-weight: 400;
}
#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-checkbox-radio:before {
font-family: "Font Awesome 5 Free";
display: inline-block;
content: "\f111";
letter-spacing: 10px;
}
#new_anketa_div #right_content .fieldset .setting input[type=radio] + span.enka-custom-radio:before {
font-family: "Font Awesome 5 Free";
display: inline-block;
}
#new_anketa_div #right_content .fieldset .setting input[type=radio]:checked + span.enka-checkbox-radio:before {
content: "\f192";
}
#new_anketa_div #right_content .fieldset .setting input[type=checkbox] {
display: none !important;
}
#new_anketa_div #right_content .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio {
font-size: 16px;
font-weight: 400;
color: #1E88E5;
}
#new_anketa_div #right_content .fieldset .setting input[type=checkbox] + span.enka-checkbox-radio:before {
font-family: "Font Awesome 5 Free";
display: inline-block;
content: "\f0c8";
letter-spacing: 10px;
}
#new_anketa_div #right_content .fieldset .setting input[type=checkbox]:checked + span.enka-checkbox-radio:before {
content: "\f14a";
letter-spacing: 8px;
}
#new_anketa_div #right_content .fieldset .setting .custom_radio_picture.obarvan > label > span.enka-custom-radio:before {
color: #1E88E5;
}
#new_anketa_div #right_content .fieldset .setting .visual-radio-scale.checked .enka-vizualna-skala::before {
color: #1E88E5;
}
#new_anketa_div #right_content .fieldset .setting.archive {
margin-top: 20px;
font-weight: 500;
font-size: 14px;
}
#new_anketa_div #right_content .fieldset .survey_title_text_holder {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text {
width: 350px;
margin-right: 20px;
}
#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text span {
line-height: 28px;
}
#new_anketa_div #right_content .fieldset .survey_title_text_holder .setting.survey_title_text select {
height: 40px;
width: 330px;
font-size: 15px !important;
}
#new_anketa_div #right_content .fieldset .survey_type_holder {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
#new_anketa_div #right_content .fieldset .survey_type_holder label {
margin: 0;
}
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type {
cursor: pointer;
width: 332px;
max-height: 68px;
margin-right: 36px;
padding: 26px 0;
text-align: center;
border: 1px #E5E5E5 solid;
background-color: #F8F8F8;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type:hover {
background-color: #f3f3f3;
}
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type span.faicon {
margin-right: 20px;
}
#new_anketa_div #right_content .fieldset .survey_type_holder .setting.survey_type.active {
border-color: #1E88E5;
background-color: #1E88E5;
color: #FFFFFF;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin {
overflow: hidden;
height: 270px;
display: none;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #skins_holder {
overflow: hidden;
position: absolute;
height: 220px;
width: 83%;
left: 120px;
margin-top: 10px;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #skins_holder #noSurvey_skins {
width: 3450px;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin {
cursor: pointer;
float: left;
margin: 0 10px;
padding: 5px 5px 15px 5px;
font-size: 13px;
text-transform: uppercase;
background-color: #1E88E5;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin:hover {
color: #777777;
background-color: #187bd1;
border: none;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin .preview {
width: 200px;
height: 150px;
margin-bottom: 4px;
border: none;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin.selected {
color: #777777;
background-color: #FF0000;
border: none;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #noSurvey_skins .skin.selected .preview {
border: none;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #skin_arrow_left {
float: left;
width: 30px;
height: 40px;
margin-top: 80px;
margin-left: 20px;
}
#new_anketa_div #right_content .fieldset.noSurvey_skin #skin_arrow_right {
float: right;
width: 30px;
height: 40px;
margin-top: 80px;
}
#new_anketa_div #right_content .noSurvey_buttons {
width: auto;
margin: 20px auto;
text-align: center;
}
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_create {
display: inline-block;
padding: 12px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: white;
background-color: #1E88E5;
}
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_create:hover {
background-color: #FF0000;
}
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_cancel {
display: inline-block;
padding: 11px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: #1E88E5 !important;
background-color: #ffffff;
border: 1px #1E88E5 solid;
}
#new_anketa_div #right_content .noSurvey_buttons a #noSurvey_cancel:hover {
background-color: #1E88E5;
color: white !important;
}
#new_anketa_div #right_content .noSurvey_template {
overflow: auto;
}
#new_anketa_div #right_content .noSurvey_template .template {
cursor: pointer;
float: left;
margin: 0 30px 30px 20px;
width: 200px;
}
#new_anketa_div #right_content .noSurvey_template .template:hover {
color: #777777;
}
#new_anketa_div #right_content .noSurvey_template .template .template_content {
overflow: hidden;
width: 200px;
height: 189px;
margin: 0 10px;
padding: 5px 5px 5px 5px;
background-color: #1E88E5;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
}
#new_anketa_div #right_content .noSurvey_template .template .template_content:hover {
background-color: #187bd1;
border: none;
}
#new_anketa_div #right_content .noSurvey_template .template .template_content .template_content_white {
width: 190px;
height: 120px;
padding: 15px 5px;
text-align: center;
font-size: 12px;
font-weight: 400;
background-color: white;
}
#new_anketa_div #right_content .noSurvey_template .template .template_content .template_title {
font-size: 13px;
text-transform: uppercase;
}
#new_anketa_div #right_content .noSurvey_template .template .template_preview {
margin-right: -15px;
float: right;
padding: 5px 0 5px 5px;
font-size: 12px;
font-weight: 400;
}
#new_anketa_div #right_content .noSurvey_template .template.selected {
color: #777777;
}
#new_anketa_div #right_content .noSurvey_template .template.selected .template_content {
background-color: #FF0000;
border: none;
}
#new_anketa_div #right_content .noSurvey_template select.template_type_menu {
display: none;
}
#new_anketa_div #right_content .anketa_from_text {
height: auto;
overflow: auto;
}
#new_anketa_div #right_content .anketa_from_text .from_text_instructions {
line-height: 14px;
margin-bottom: 10px;
}
#new_anketa_div #right_content .anketa_from_text #input_field_holder {
float: left;
width: 50%;
height: 400px;
box-sizing: border-box;
padding: 20px;
}
#new_anketa_div #right_content .anketa_from_text #input_field_holder #input_field {
width: 100%;
height: 100%;
}
#new_anketa_div #right_content .anketa_from_text #input_field_holder #input_field textarea {
width: 100%;
height: 100%;
box-sizing: border-box;
resize: none;
padding: 20px;
border: 1px #1E88E5 solid !important;
}
#new_anketa_div #right_content .anketa_from_text #input_field_holder #input_field textarea:focus::-webkit-input-placeholder {
color: transparent;
}
#new_anketa_div #right_content .anketa_from_text #input_field_holder #input_field textarea:focus::-moz-placeholder {
color: transparent;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder {
float: right;
width: 50%;
height: 400px;
box-sizing: border-box;
padding: 20px;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder #preview_field {
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: auto;
padding: 20px;
background-color: #1E88E5;
border: 1px #1E88E5 solid;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder #preview_field span.title {
font-size: 18px;
line-height: 30px;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder #preview_field span.variable {
font-size: 15px;
font-weight: 400;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder #preview_field span.variable input[type=radio] {
display: none !important;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder #preview_field span.variable input[type=radio] + span.enka-checkbox-radio:before {
font-family: "Font Awesome 5 Free";
content: "\f111";
display: inline-block;
font-size: 14px;
color: #F8F8F8;
letter-spacing: 8px;
font-weight: 400;
}
#new_anketa_div #right_content .anketa_from_text #preview_field_holder #preview_field span.variable input[type=radio]:checked + span.enka-checkbox-radio:before {
content: "\f192";
color: #777777;
}
input[type=radio] + span.enka-checkbox-radio {
color: #1E88E5;
}
select#my_surveys {
padding: 5px 8px;
margin-left: 15px;
height: 30px;
font-size: 12px;
border: 1px solid #b9c5d9 !important;
border-radius: 1px;
}
.noSurvey_skin #noSurvey_skins .skin:hover .preview {
background-color: #FF0000;
border: 1px #1E88E5 solid;
}
#novaanketa_naslov_1 {
margin-bottom: 3px;
width: 290px;
color: black;
}
#novaanketa_akronim_1 {
margin-bottom: 3px;
width: 290px;
color: black;
}
#novaanketa_naslov_1.full {
width: 290px;
color: black;
}
#novaanketa_opis {
width: 290px;
color: black;
}
#novaanketa_akronim_1.full {
width: 510px !important;
max-width: 510px !important;
color: black;
}
#novaanketa_opis_1.full {
width: 505px !important;
max-width: 505px !important;
vertical-align: top;
color: black;
}
#novaanketa_naslov_1_chars {
display: inline-block;
min-width: 40px;
height: auto;
}
@media (max-width: 1100px) { @media (max-width: 1100px) {
#quick_comments_link.newCss { #quick_comments_link.newCss {
display: none; display: none;

View File

@ -594,7 +594,17 @@ span.faicon.calendar_icon::before{
content: "\f073"; content: "\f073";
} }
//clipboard //Clipboard
span.faicon.clipboard::before{ span.faicon.clipboard::before{
content: "\f328"; content: "\f328";
}
//List
span.faicon.list-alt::before{
content: "\f022";
}
//Glasovanje
span.faicon.vote-yes::before{
content: "\f772";
} }

View File

@ -14,7 +14,6 @@ body{
} }
//prenese se stran in podstran, first/second/third navigation
//class="page_'.$_GET['a'].' subpage_'.$_GET['m'].' '.($this->survey_type == '1' ? 'forma' : '').' '.($this->survey_type == '0' ? 'glasovanje' : '').' menu_left wide">' //class="page_'.$_GET['a'].' subpage_'.$_GET['m'].' '.($this->survey_type == '1' ? 'forma' : '').' '.($this->survey_type == '0' ? 'glasovanje' : '').' menu_left wide">'
header{ header{

View File

@ -0,0 +1,56 @@
#new_anketa_div {
#left_menu {
width: 308px;
height: 100% !important;
padding: 4px;
background-color: $white;
border-right: 1px solid $gray;
box-sizing: border-box;
flex-shrink: 0;
.item {
display: flex;
align-items: center;
margin-bottom: 4px;
padding: 24px 71px;
color: $black;
background-color: $light-gray;
&:hover {
background-color: darken( $light-gray, 5% );
}
}
.item.active {
background-color: $blue;
color: $white;
&:hover {
background-color: darken( $blue, 5% );
}
}
ul{
list-style-type: none;
padding-left: 30px;
margin: 25px 0 15px 0;
li{
padding: 0 0 10px 0;
a{
font-size: 14px;
color: $very-dark-gray;
&:hover{
color: $blue;
}
}
.active{
color: $blue;
}
}
}
}
}

View File

@ -0,0 +1,17 @@
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 25-Jul-2018, 11:34:25
Author : podkrizniku
*/
#new_anketa_div {
display: flex;
flex-direction: row;
}
@import "left_menu";
@import "right_content";

View File

@ -0,0 +1,588 @@
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 25-Jul-2018, 11:36:53
Author : podkrizniku
*/
$titles: $very-dark-gray;
$default_text: $very-dark-gray;
$selectors: $very-dark-gray;
$radio_selector: $blue;
$button_text: white;
$white_template_background: white;
$default_template_background: $blue;
$skin_selector_border: $blue;
$skin_selector: $red;
#new_anketa_div {
div.button_holder{
margin-top: 62px;
}
#right_content {
width: calc(100% - 308px);
margin-left: 100px;
.fieldset {
.pre-title {
color: $blue;
font-weight: $semi-bold;
}
.title {
margin-bottom: 32px;
font-size: 26px;
}
.setting_horizontal_wrapper {
display: flex;
flex-direction: row;
margin-bottom: 32px;
.setting_holder {
display: flex;
flex-direction: column;
margin-right: 36px;
input {
&[type="text"] {
width: 332px;
}
}
select.dropdown{
width: 332px;
}
span.charalimit {
font-size: 12px;
line-height: 15px;
width: 332px;
color: $very-dark-gray;
text-align: right;
}
}
}
.setting {
padding: 0 0 7px 15px;
.radioSetting_type.active {
color: $selectors;
}
input {
padding: 0;
margin: 0;
}
select {
padding: 2px 5px;
margin: 0;
width: 302px;
font-size: 12px;
border: 1px solid $blue !important;
border-radius: 1px;
}
input[type="file"] {
height: 24px;
width: 240px;
font-size: 10px;
}
input[type="text"] {
padding: 10px 12px;
width: 310px;
font-size: 15px;
border: 1px solid $blue !important;
border-radius: 1px;
}
#novaanketa_akronim_1_chars {
float: right;
padding-right: 15px;
font-weight: 400;
font-size: 11px;
}
#novaanketa_naslov_1_chars {
float: right;
padding-right: 7px;
font-weight: 400;
font-size: 11px;
}
input[type="radio"] {
margin: 0 8px 4px 0;
display: none !important;
&+span.enka-checkbox-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
content: "\f111";
letter-spacing: 10px;
}
font-size: 16px;
font-weight: 400;
}
&+span.enka-custom-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
}
}
&:checked {
&+span.enka-checkbox-radio {
&:before {
content: "\f192";
}
}
}
}
input[type="checkbox"] {
display: none !important;
&+span.enka-checkbox-radio {
&:before {
font-family: $fontawesome;
display: inline-block;
content: "\f0c8";
letter-spacing: 10px;
}
font-size: 16px;
font-weight: 400;
color: $radio_selector;
}
&:checked {
&+span.enka-checkbox-radio {
&:before {
content: "\f14a";
letter-spacing: 8px;
}
}
}
}
.custom_radio_picture.obarvan {
>label {
>span.enka-custom-radio {
&:before {
color: $radio_selector;
}
}
}
}
.visual-radio-scale.checked .enka-vizualna-skala::before{
color: $radio_selector;
}
}
.setting.archive {
margin-top: 20px;
font-weight: 500;
font-size: 14px;
}
.survey_title_text_holder{
display: flex;
flex-direction: row;
justify-content: flex-start;
.setting.survey_title_text{
width: 350px;
margin-right: 20px;
span{
line-height: 28px;
}
select{
height: 40px;
width: 330px;
font-size: 15px !important;
}
}
}
.survey_type_holder{
display: flex;
flex-direction: row;
justify-content: flex-start;
label {
margin: 0;
}
.setting.survey_type{
cursor: pointer;
width: 332px;
max-height: 68px;
margin-right: 36px;
padding: 26px 0;
text-align: center;
border: 1px $gray solid;
background-color: $light-gray;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
&:hover{
background-color: darken($light-gray, 2%);
}
span.faicon{
margin-right: 20px;
}
}
.setting.survey_type.active{
border-color: $blue;
background-color: $blue;
color: $white;
}
}
}
.fieldset.noSurvey_skin {
overflow: hidden;
height: 270px;
display: none;
#skins_holder {
overflow: hidden;
position: absolute;
height: 220px;
width: 83%;
left: 120px;
margin-top: 10px;
#noSurvey_skins {
width: 3450px;
}
}
#noSurvey_skins {
.skin {
cursor: pointer;
float: left;
margin: 0 10px;
padding: 5px 5px 15px 5px;
font-size: 13px;
text-transform: uppercase;
background-color: $default_template_background;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
&:hover {
color: $selectors;
background-color: darken( $blue, 5% );
border: none;
}
.preview {
width: 200px;
height: 150px;
margin-bottom: 4px;
border: none;
}
}
.skin.selected {
color: $selectors;
background-color: $skin_selector;
border: none;
.preview {
border: none;
}
}
}
#skin_arrow_left {
float: left;
width: 30px;
height: 40px;
margin-top: 80px;
margin-left: 20px;
}
#skin_arrow_right {
float: right;
width: 30px;
height: 40px;
margin-top: 80px;
}
}
.noSurvey_buttons {
width: auto;
margin: 20px auto;
text-align: center;
a {
#noSurvey_create {
display: inline-block;
padding: 12px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: $button_text;
background-color: $blue;
&:hover {
background-color: $red;
}
}
#noSurvey_cancel {
display: inline-block;
padding: 11px 0px;
margin: 8px 15px;
width: 120px;
text-align: center;
font-size: 15px;
font-weight: 500;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
color: $blue !important;
background-color: #ffffff;
border: 1px $blue solid;
&:hover {
background-color: $blue;
color: white !important;
}
}
}
}
.noSurvey_template {
overflow: auto;
.template {
cursor: pointer;
float: left;
margin: 0 30px 30px 20px;
width: 200px;
&:hover {
color: $selectors;
}
.template_content {
overflow: hidden;
width: 200px;
height: 189px;
margin: 0 10px;
padding: 5px 5px 5px 5px;
background-color: $default_template_background;
border: none;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
&:hover {
background-color: darken( $default_template_background, 5% );
border: none;
}
.template_content_white {
width: 190px;
height: 120px;
padding: 15px 5px;
text-align: center;
font-size: 12px;
font-weight: 400;
background-color: $white_template_background;
}
.template_title{
font-size: 13px;
text-transform: uppercase;
}
}
.template_preview{
margin-right: -15px;
float: right;
padding: 5px 0 5px 5px;
font-size: 12px;
font-weight: 400;
}
}
.template.selected {
color: $selectors;
.template_content {
background-color: $skin_selector;
border: none;
}
}
select.template_type_menu{
display: none;
}
}
.anketa_from_text{
height: auto;
overflow: auto;
.from_text_instructions{
line-height: 14px;
margin-bottom: 10px;
}
#input_field_holder{
float: left;
width: 50%;
height: 400px;
box-sizing: border-box;
padding: 20px;
#input_field{
width: 100%;
height: 100%;
textarea{
width: 100%;
height: 100%;
box-sizing: border-box;
resize: none;
padding: 20px;
border: 1px $blue solid !important;
&:focus::-webkit-input-placeholder{
color: transparent;
}
&:focus::-moz-placeholder{
color: transparent;
}
}
}
}
#preview_field_holder{
float: right;
width: 50%;
height: 400px;
box-sizing: border-box;
padding: 20px;
#preview_field{
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: auto;
padding: 20px;
background-color: $blue;
border: 1px $blue solid;
span.title{
font-size: 18px;
line-height: 30px;
}
span.variable{
font-size: 15px;
font-weight: 400;
input[type="radio"]{
display: none !important;
}
input[type="radio"] + span.enka-checkbox-radio:before{
font-family: $fontawesome;
content: "\f111";
display: inline-block;
font-size: 14px;
color: $light-gray;
letter-spacing: 8px;
font-weight: 400;
}
input[type="radio"]:checked + span.enka-checkbox-radio:before{
content: "\f192";
color: $very-dark-gray;
}
}
}
}
}
}
}
input[type="radio"] {
&+span.enka-checkbox-radio {
color: $radio_selector;
}
}
select#my_surveys {
padding: 5px 8px;
margin-left: 15px;
height: 30px;
font-size: 12px;
border: 1px solid #b9c5d9 !important;
border-radius: 1px;
}
.noSurvey_skin {
#noSurvey_skins {
.skin {
&:hover {
.preview {
background-color: $skin_selector;
border: 1px $skin_selector_border solid;
}
}
}
}
}
#novaanketa_naslov_1 {
margin-bottom: 3px;
width: 290px;
color: black;
}
#novaanketa_akronim_1 {
margin-bottom: 3px;
width: 290px;
color: black;
}
#novaanketa_naslov_1.full {
width: 290px;
color: black;
}
#novaanketa_opis {
width: 290px;
color: black;
}
#novaanketa_akronim_1.full {
width: 510px !important;
max-width: 510px !important;
color: black;
}
#novaanketa_opis_1.full {
width: 505px !important;
max-width: 505px !important;
vertical-align: top;
color: black;
}
#novaanketa_naslov_1_chars {
display: inline-block;
min-width: 40px;
height: auto;
}

View File

@ -13,3 +13,5 @@
@import "gdpr_pages/gdpr"; @import "gdpr_pages/gdpr";
@import "settings/settings"; @import "settings/settings";
//New survey
@import "new_survey_page/new_survey_page";