diff --git a/admin/survey/classes/class.NewSurvey.php b/admin/survey/classes/class.NewSurvey.php index e468ed9f4..21bfa737f 100644 --- a/admin/survey/classes/class.NewSurvey.php +++ b/admin/survey/classes/class.NewSurvey.php @@ -48,10 +48,8 @@ class NewSurvey{ global $site_path; global $admin_type; - echo '
'.$lang['srv_newSurvey_title'].':
'; - // Nova anketa - echo ''.$lang['srv_newSurvey_survey_new'].''; + echo ''.$lang['srv_newSurvey_survey_new'].''; // Anketa iz predloga (knjiznice) - samo na www.1ka.si, testu in arnesu if((strpos($site_url, 'www.1ka.si') !== false && !isVirtual()) @@ -59,28 +57,28 @@ class NewSurvey{ || strpos($site_url, '1ka.arnes.si') || isDebug()){ - echo ''.$lang['srv_newSurvey_survey_template'].''; + echo ''.$lang['srv_newSurvey_survey_template'].''; if($this->subpage == 'template'){ echo ''; } } // Kopiraj mojo anketo - echo ''.$lang['srv_newSurvey_survey_copy'].''; + echo ''.$lang['srv_newSurvey_survey_copy'].''; - // Uvoz ankete - echo ''.$lang['srv_newSurvey_survey_archive'].''; + // Uvoz ankete - 1ka format + echo ''.$lang['srv_newSurvey_survey_archive'].''; // Anketa iz besedila - echo ''.$lang['srv_newSurvey_survey_from_text'].''; + echo ''.$lang['srv_newSurvey_survey_from_text'].''; if(HierarhijaHelper::aliImaDostopDoIzdelovanjaHierarhije()) { - echo ''.$lang['srv_hierarchy'].''; + echo ''.$lang['srv_hierarchy'].''; } } @@ -128,22 +126,23 @@ class NewSurvey{ echo '
'; // Naslov + echo '
' . $lang['srv_newSurvey_survey_new'] . '
'; echo '
' . $lang['srv_noSurvey_settings'] . '
'; - echo '
'; + echo '
'; // Interno ime - echo '
'; - echo '' . $lang['srv_list_no_data_create'] . ':'; - echo ''; - echo '0 / ' . ANKETA_NASLOV_MAXLENGTH . ''; + echo '
'; + echo ''; + echo ''; + echo '0 / ' . ANKETA_NASLOV_MAXLENGTH . ''; echo '
'; // Objavljeno ime - echo '
'; - echo '' . $lang['srv_novaanketa_kratkoime'] . ':'; - echo ''; - echo '0 / ' . ANKETA_AKRONIM_MAXLENGTH . ''; + echo '
'; + echo ''; + echo ''; + echo '0 / ' . ANKETA_AKRONIM_MAXLENGTH . ''; echo '
'; // 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'); $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){ - echo '
'; - echo '' . $lang['srv_newSurvey_survey_new_folder'] . ':'; + echo '
'; + echo ''; - echo ''; echo ''; while($row = mysqli_fetch_array($sql)){ echo ''; @@ -179,8 +178,7 @@ class NewSurvey{ echo ''; @@ -188,8 +186,7 @@ class NewSurvey{ echo ''; @@ -197,8 +194,7 @@ class NewSurvey{ echo ''; @@ -270,12 +266,11 @@ class NewSurvey{ // Gumba naprej in preklici + echo '
'; + echo ''; + echo ''; + echo '
'; echo '
'; - - echo '' . $lang['srv_cancel'] . ''; - echo '' . $lang['next1'] . ''; - - echo '
'; } diff --git a/public/css/admin_new.css b/public/css/admin_new.css index 7a671b45b..9834b8356 100644 --- a/public/css/admin_new.css +++ b/public/css/admin_new.css @@ -5904,6 +5904,14 @@ span.faicon.clipboard::before { 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 template file, choose Tools | Templates @@ -14000,6 +14008,547 @@ div#user_info_segment .user_info.text { 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) { #quick_comments_link.newCss { display: none; diff --git a/resources/sass/admin_new/basic/icons/standard.scss b/resources/sass/admin_new/basic/icons/standard.scss index dadd7ba2f..fc4cdc44c 100644 --- a/resources/sass/admin_new/basic/icons/standard.scss +++ b/resources/sass/admin_new/basic/icons/standard.scss @@ -594,7 +594,17 @@ span.faicon.calendar_icon::before{ content: "\f073"; } -//clipboard +//Clipboard span.faicon.clipboard::before{ content: "\f328"; +} + +//List +span.faicon.list-alt::before{ + content: "\f022"; +} + +//Glasovanje +span.faicon.vote-yes::before{ + content: "\f772"; } \ No newline at end of file diff --git a/resources/sass/admin_new/basic/layout.scss b/resources/sass/admin_new/basic/layout.scss index 65352b59c..3dcf2ee22 100644 --- a/resources/sass/admin_new/basic/layout.scss +++ b/resources/sass/admin_new/basic/layout.scss @@ -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">' header{ diff --git a/resources/sass/admin_new/pages/new_survey_page/left_menu.scss b/resources/sass/admin_new/pages/new_survey_page/left_menu.scss new file mode 100644 index 000000000..d6e008077 --- /dev/null +++ b/resources/sass/admin_new/pages/new_survey_page/left_menu.scss @@ -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; + } + } + } + } +} diff --git a/resources/sass/admin_new/pages/new_survey_page/new_survey_page.scss b/resources/sass/admin_new/pages/new_survey_page/new_survey_page.scss new file mode 100644 index 000000000..c8c6cd734 --- /dev/null +++ b/resources/sass/admin_new/pages/new_survey_page/new_survey_page.scss @@ -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"; \ No newline at end of file diff --git a/resources/sass/admin_new/pages/new_survey_page/right_content.scss b/resources/sass/admin_new/pages/new_survey_page/right_content.scss new file mode 100644 index 000000000..431f0b0ad --- /dev/null +++ b/resources/sass/admin_new/pages/new_survey_page/right_content.scss @@ -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; +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/pages.scss b/resources/sass/admin_new/pages/pages.scss index 7d99cac69..a4e37f2a0 100644 --- a/resources/sass/admin_new/pages/pages.scss +++ b/resources/sass/admin_new/pages/pages.scss @@ -13,3 +13,5 @@ @import "gdpr_pages/gdpr"; @import "settings/settings"; +//New survey +@import "new_survey_page/new_survey_page"; \ No newline at end of file