may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Redizajn 1KA] - Urejanje --> Jezik - v5

Browse Source
This commit is contained in:
tejagerjovic 2022-05-04 05:11:03 +02:00
parent 968d1b2006
commit a6da41145a
3 changed files with 102 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
admin/survey/classes/class.Prevajanje.php
View File

@ -198,7 +198,7 @@ class Prevajanje {
echo '<div class="jezik_row">'; echo '<div class="jezik_row">';
// Leva stran nastavitev // Leva stran nastavitev
echo '<fieldset class="jezik_left">'; echo '<fieldset class="jezik_left settings">';
if ($this->user_dostop_edit == 1) { if ($this->user_dostop_edit == 1) {
@ -384,6 +384,9 @@ class Prevajanje {
//echo '<form action="ajax.php?anketa='.$this->anketa.'&t=prevajanje&a=dodaj_jezik" method="post" name="dodaj_jezik" style="position:absolute; right:10px; top:0">'; //echo '<form action="ajax.php?anketa='.$this->anketa.'&t=prevajanje&a=dodaj_jezik" method="post" name="dodaj_jezik" style="position:absolute; right:10px; top:0">';
echo '<form action="ajax.php?anketa='.$this->anketa.'&t=prevajanje&a=dodaj_jezik" method="post" name="dodaj_jezik" >'; echo '<form action="ajax.php?anketa='.$this->anketa.'&t=prevajanje&a=dodaj_jezik" method="post" name="dodaj_jezik" >';
echo '<div class="dodaj_prevod">';
echo '<div class="button_holder">';
echo '<div class="setting_holder">'; echo '<div class="setting_holder">';
echo '<span class="setting_title">'.$lang['srv_prevajanje_dodaj'].':</span>'; echo '<span class="setting_title">'.$lang['srv_prevajanje_dodaj'].':</span>';
@ -397,7 +400,9 @@ class Prevajanje {
echo '</div>'; echo '</div>';
echo '<button class="medium blue" type="submit">'.$lang['srv_add_new_language'].'</button>'; echo '<button class="medium blue" type="submit">'.$lang['srv_add_new_language'].'</button>';
echo '</div>'; //button_holder
echo '</div>'; //dodaj_prevod
echo '</form>'; echo '</form>';
} }
@ -482,7 +487,7 @@ class Prevajanje {
echo '</div>'; echo '</div>';
echo '<div class="jezik_row">'; echo '<div class="jezik_row">';
echo ' <div class="jezik_left semi-bold bottom16">'.$lang['srv_novaanketa_kratkoime'].':</div>'; echo ' <div class="jezik_left semi-bold">'.$lang['srv_novaanketa_kratkoime'].':</div>';
echo ' <div class="jezik_right semi-bold">'.$lang['srv_novaanketa_kratkoime'].':</div>'; echo ' <div class="jezik_right semi-bold">'.$lang['srv_novaanketa_kratkoime'].':</div>';
echo '</div>'; echo '</div>';
@ -490,6 +495,11 @@ class Prevajanje {
$this->extra_translation('srv_novaanketa_kratkoime'); $this->extra_translation('srv_novaanketa_kratkoime');
echo '</div>'; echo '</div>';
echo '<div class="jezik_row">';
echo ' <div class="jezik_left semi-bold top16">'.$lang['note'].' ('.$lang['srv_internal'].'):</div>';
echo ' <div class="jezik_right semi-bold top16">'.$lang['note'].' ('.$lang['srv_internal'].'):</div>';
echo '</div>';
echo '<div class="jezik_row">'; echo '<div class="jezik_row">';
$this->extra_translation('srv_anketa_opomba'); $this->extra_translation('srv_anketa_opomba');
echo '</div>'; echo '</div>';
@ -517,10 +527,7 @@ class Prevajanje {
if ($value == '') $value = $lang1[$text]; if ($value == '') $value = $lang1[$text];
} }
echo '<div class="jezik_left">'; echo '<div class="jezik_left vert_middle">';
if ($value == $row['intro_opomba']) {
echo '<p class="jezik_left semi-bold bottom16">'.$lang['note'].' ('.$lang['srv_internal'].'):</p>';
}
echo '<span>'.$value.'</span>'; echo '<span>'.$value.'</span>';
echo '</div>'; echo '</div>';
@ -542,8 +549,6 @@ class Prevajanje {
//if ($text == 'srv_novaanketa_kratkoime') //if ($text == 'srv_novaanketa_kratkoime')
// echo $lang['srv_naslov'].': '; // echo $lang['srv_naslov'].': ';
if ($text == 'srv_anketa_opomba')
echo '<p class="top16 semi-bold">'.$lang['note'].' ('.$lang['srv_internal'].'): </p>';
echo '<p class="editable" id="srvlang_'.$text.'_'.$this->lang_id.'" contenteditable="true" onblur="extra_translation_save(\''.$text.'\');">'.$value1.'</p>'; echo '<p class="editable" id="srvlang_'.$text.'_'.$this->lang_id.'" contenteditable="true" onblur="extra_translation_save(\''.$text.'\');">'.$value1.'</p>';
} }

45
public/css/admin_new.css
View File

@ -21642,26 +21642,32 @@ div.prevajanje_holder .section .jezik_row .jezik_left div.comment_container_inli
div.prevajanje_holder .section .jezik_row .jezik_right div.comment_container_inline { div.prevajanje_holder .section .jezik_row .jezik_right div.comment_container_inline {
display: none; display: none;
} }
div.prevajanje_holder .section .jezik_row .jezik_left { div.prevajanje_holder .section .jezik_row .jezik_left.vert_middle,
div.prevajanje_holder .section .jezik_row .jezik_right.vert_middle {
display: flex;
align-items: center;
padding-top: 4px;
}
div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) {
pointer-events: none; pointer-events: none;
color: #777777 !important; color: #777777 !important;
} }
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content { div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content {
color: #777777 !important; color: #777777 !important;
} }
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_settings { div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_settings {
color: #777777 !important; color: #777777 !important;
} }
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_settings div.variable_name { div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_settings div.variable_name {
color: #777777 !important; color: #777777 !important;
} }
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_settings div.spr_settings span { div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_settings div.spr_settings span {
border-color: #C4C4C4 !important; border-color: #C4C4C4 !important;
background-color: transparent !important; background-color: transparent !important;
color: #777777 !important; color: #777777 !important;
} }
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.spremenljivka_tekst_form span.faicon::before, div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.spremenljivka_tekst_form span.faicon::before,
div.prevajanje_holder .section .jezik_row .jezik_left div.spremenljivka_content div.content_div_normalmode span.faicon::before { div.prevajanje_holder .section .jezik_row .jezik_left:not(.settings) div.spremenljivka_content div.content_div_normalmode span.faicon::before {
display: none; display: none;
} }
div.prevajanje_holder .section.jezik_top_settings fieldset { div.prevajanje_holder .section.jezik_top_settings fieldset {
@ -21673,11 +21679,11 @@ div.prevajanje_holder .section.jezik_top_settings fieldset.jezik_left {
} }
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name { div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name {
font-size: 20px; font-size: 20px;
margin-bottom: 14px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 12px; gap: 12px;
align-items: center; align-items: center;
margin-bottom: 16px;
} }
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name a { div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name a {
text-decoration: none; text-decoration: none;
@ -21690,14 +21696,21 @@ div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name div.act
width: fit-content; width: fit-content;
box-sizing: border-box; box-sizing: border-box;
padding: 2px 21px; padding: 2px 21px;
font-size: 16px !important; font-size: 14px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name.semi-bold, div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_name:last-of-type {
margin-bottom: 0;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content { div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 82px; gap: 82px;
margin-bottom: 32px; margin-top: 14px;
margin-bottom: 16px;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content:last-of-type {
margin-bottom: 0;
} }
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.lang_column { div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.lang_column {
display: flex; display: flex;
@ -21720,8 +21733,16 @@ div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.
div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.lang_column div.lang_item:last-of-type { div.prevajanje_holder .section.jezik_top_settings fieldset div.lang_content div.lang_column div.lang_item:last-of-type {
margin-bottom: 0; margin-bottom: 0;
} }
div.prevajanje_holder .section.jezik_top_settings fieldset.jezik_right button { div.prevajanje_holder .section.jezik_top_settings fieldset div.dodaj_prevod {
margin-top: 8px; margin-top: 32px;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.dodaj_prevod div.button_holder {
margin-bottom: 0;
align-items: flex-end;
}
div.prevajanje_holder .section.jezik_top_settings fieldset div.dodaj_prevod div.button_holder button {
margin-left: 18px;
height: fit-content;
} }
div.prevajanje_holder .section.jezik_vprasanja .jezik_row { div.prevajanje_holder .section.jezik_vprasanja .jezik_row {
margin-bottom: 32px; margin-bottom: 32px;

72
resources/sass/admin_new/pages/survey_edit/jezik.scss
View File

@ -45,36 +45,45 @@ div.prevajanje_holder {
display: none; display: none;
} }
&.vert_middle {
display: flex;
align-items: center;
padding-top: 4px;
}
} }
//Disabled leva stran //Disabled leva stran
.jezik_left { .jezik_left {
pointer-events: none;
color: $very-dark-gray !important;
div.spremenljivka_content{ &:not(.settings) {
pointer-events: none;
color: $very-dark-gray !important; color: $very-dark-gray !important;
div.spremenljivka_settings { div.spremenljivka_content{
color: $very-dark-gray !important; color: $very-dark-gray !important;
div.variable_name { div.spremenljivka_settings {
color: $very-dark-gray !important; color: $very-dark-gray !important;
}
div.spr_settings { div.variable_name {
span {
border-color: $dark-gray !important;
background-color: transparent !important;
color: $very-dark-gray !important; color: $very-dark-gray !important;
} }
}
}
div.spremenljivka_tekst_form, div.spr_settings {
div.content_div_normalmode{ span {
span.faicon::before { border-color: $dark-gray !important;
display: none; background-color: transparent !important;
color: $very-dark-gray !important;
}
}
}
div.spremenljivka_tekst_form,
div.content_div_normalmode{
span.faicon::before {
display: none;
}
} }
} }
} }
@ -94,7 +103,6 @@ div.prevajanje_holder {
div.lang_name { div.lang_name {
font-size: 20px; font-size: 20px;
margin-bottom: 14px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 12px; gap: 12px;
@ -112,16 +120,28 @@ div.prevajanje_holder {
width: fit-content; width: fit-content;
box-sizing: border-box; box-sizing: border-box;
padding: 2px 21px; padding: 2px 21px;
font-size: 16px !important; font-size: 14px !important;
font-weight: 400 !important; font-weight: 400 !important;
} }
margin-bottom: 16px;
&.semi-bold, //aktivni in zadnji nimata margina
&:last-of-type {
margin-bottom: 0;
}
} }
div.lang_content { div.lang_content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 82px; gap: 82px;
margin-bottom: 32px; margin-top: 14px;
margin-bottom: 16px;
&:last-of-type {
margin-bottom: 0;
}
div.lang_column { div.lang_column {
display: flex; display: flex;
@ -150,9 +170,17 @@ div.prevajanje_holder {
} }
} }
&.jezik_right{ div.dodaj_prevod {
button { margin-top: 32px;
margin-top: 8px;
div.button_holder {
margin-bottom: 0;
align-items: flex-end;
button {
margin-left: 18px;
height: fit-content;
}
} }
} }
} }