';
- echo '
' . $lang['srv_novaanketa_kratkoime'] . ': ';
- echo '
';
- echo '
0 / ' . ANKETA_AKRONIM_MAXLENGTH . ' ';
+ echo '
';
+ echo '' . $lang['srv_novaanketa_kratkoime'] . ': ';
+ 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 '
' . $lang['srv_newSurvey_survey_new_folder'] . ': ';
- echo '
';
+ echo '';
echo ''.$lang['srv_newSurvey_survey_new_folder_def'].' ';
while($row = mysqli_fetch_array($sql)){
echo ''.$row['naslov'].' ';
@@ -179,8 +178,7 @@ class NewSurvey{
echo '';
echo '
';
echo '
';
- echo ' ' . $lang['srv_vrsta_survey_type_2'] . Help::display('srv_create_survey'). '
';
- echo ' ' . $lang['srv_noSurvey_type_2'] . '
';
+ echo ' ' . $lang['srv_vrsta_survey_type_2'] . '
';
echo ' ';
echo '
';
@@ -188,8 +186,7 @@ class NewSurvey{
echo '';
echo '
';
echo '
';
- echo ' ' . $lang['srv_vrsta_survey_type_1'] . Help::display('srv_create_form'). '
';
- echo ' ' . $lang['srv_noSurvey_type_1'] . '
';
+ echo ' ' . $lang['srv_vrsta_survey_type_1'] . '
';
echo ' ';
echo '
';
@@ -197,8 +194,7 @@ class NewSurvey{
echo '';
echo '
';
echo '
';
- echo ' ' . $lang['srv_vrsta_survey_type_0'] . Help::display('srv_create_poll'). '
';
- echo ' ' . $lang['srv_noSurvey_type_0'] . '
';
+ echo ' ' . $lang['srv_vrsta_survey_type_0'] . '
';
echo ' ';
echo '
';
@@ -270,12 +266,11 @@ class NewSurvey{
// Gumba naprej in preklici
+ echo '';
+ echo ''.$lang['srv_cancel'].' ';
+ echo ''.$lang['next1'].' ';
+ echo '
';
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