Redesign - vabila

This commit is contained in:
pero1203 2022-04-12 12:54:46 +02:00
parent f558d3001c
commit 109bbdcdd8
5 changed files with 736 additions and 357 deletions

View File

@ -5025,11 +5025,13 @@ $lang = array (
'srv_inv_message_delete_profile' => "Izbriši sporočilo",
'srv_inv_message_rename_profile' => "Preimenuj sporočilo",
'srv_inv_message_rename_new_name' => "Ime sporočila:",
"srv_inv_message_help" => "<ul><li>Za vstavljanje povezave na url ankete vpi&#154;ite <strong>#URL#</strong> v besedilo.</li>
<li>Za vstavljanje povezave na URL ankete na besedilo ali sliko, označite besedo ali sliko in kliknite na ikono za vstavljanje povezave. Pod \"protokol\" izberite \"drugo\", pod URL vpišite <strong>#URLLINK#</strong>.</li>
<li>Za izpis kode anketiranca vpi&#154;ite <strong>#CODE#</strong> v besedilo.</li>
<li>Za povezavo na odjavo iz mailing liste, dodajte <strong>#UNSUBSCRIBE#</strong></li>
<li>Za izpis anketiran&#269;eve vrednosti na drugi spremenljivki ali sistemski spremenljivki iz ankete, vnesite ime spremenljivke med znaka <strong>#</strong>. <br/><div style=\"margin-left:20px;\"><i>Primer: za izpis anketiran&#269;evega e-po&#353;tnega naslova vpi&#154;ite v besedilo <strong>#EMAIL#</strong>. </i></div></li></ul>",
'srv_inv_message_help_title' => "Navodila za oblikovanje sporočil",
"srv_inv_message_help" => "<p>Za vstavljanje povezave na url ankete vpi&#154;ite <strong>#URL#</strong> v besedilo.</p>
<p>Za vstavljanje povezave na URL ankete na besedilo ali sliko, označite besedo ali sliko in kliknite na ikono za vstavljanje povezave. Pod \"protokol\" izberite \"drugo\", pod URL vpišite <strong>#URLLINK#</strong>.</p>
<p>Za izpis kode anketiranca vpi&#154;ite <strong>#CODE#</strong> v besedilo.</p>
<p>Za povezavo na odjavo iz mailing liste, dodajte <strong>#UNSUBSCRIBE#</strong></p>
<p>Za izpis anketiran&#269;eve vrednosti na drugi spremenljivki ali sistemski spremenljivki iz ankete, vnesite ime spremenljivke med znaka <strong>#</strong>.</p>
<p>Primer: za izpis anketiran&#269;evega e-po&#353;tnega naslova vpi&#154;ite v besedilo <strong>#EMAIL#</strong>.</p>",
"srv_inv_message_help_identifikators" => "<strong>Identifikatorji, ki so na voljo:</strong>",
"srv_inv_message_help_systemvars" => "<strong>Sistemske spremenljivke, ki so na voljo:</strong>",
"srv_inv_message_help_system_email" => " - email respondenta",
@ -6173,6 +6175,7 @@ $lang = array (
'srv_inv_pagination_shown' => 'Prikazanih ',
'srv_inv_pagination_shown_records' => ' zapisov na stran.',
'srv_inv_list_edit_header' => 'Urejanje seznamov',
'srv_inv_list_edit_list' => 'Prikaži sezname',
'srv_inv_list_edit_from_this_survey' => 'Samo ta anketa',
'srv_inv_list_edit_from_all_surveys' => 'Vse moje ankete',
'srv_inv_list_edit_from_archive' => 'Arhivi pošiljanja',

View File

@ -4994,10 +4994,13 @@ $lang = array (
'srv_inv_message_delete_profile' => "Delete message",
'srv_inv_message_rename_profile' => "Rename message",
'srv_inv_message_rename_new_name' => "Message name:",
"srv_inv_message_help" => "<ul><li>In order to insert a link to survey URL enter the <strong>#URL#</strong>.</li>
<li>To insert a link to a survey URL on text or an image, highlight the word or image and click the insert link icon. Under the \"protocol\", select \"other\", under the URL, enter <strong>#URLLINK#</strong>.</li>
<li>In order to display the respondent code, enter <strong>#CODE#</strong>.</li>
<li>In order to add an unsubscribe option, enter <strong>#UNSUBSCRIBE#</strong></li><li>In order to display the respondent\'s value or system variable from the survey, enter the name of the variable between two <strong>#</strong> symbols.<br/><div style=\"margin-left:20px;\"><i>Example: to display respondents e-mail address, enter the text<strong>#EMAIL#</strong>.</i></div></li></ul>",
'srv_inv_message_help_title' => "Message instructions",
"srv_inv_message_help" => "<p>In order to insert a link to survey URL enter the <strong>#URL#</strong>.</p>
<p>To insert a link to a survey URL on text or an image, highlight the word or image and click the insert link icon. Under the \"protocol\", select \"other\", under the URL, enter <strong>#URLLINK#</strong>.</p>
<p>In order to display the respondent code, enter <strong>#CODE#</strong>.</p>
<p>In order to add an unsubscribe option, enter <strong>#UNSUBSCRIBE#</strong></p>
<p>In order to display the respondent\'s value or system variable from the survey, enter the name of the variable between two <strong>#</strong> symbols.</p>
<p>Example: to display respondents e-mail address, enter the text<strong>#EMAIL#</strong>.</p>",
"srv_inv_message_help_identifikators" => "<strong>Available identificators:</strong>",
"srv_inv_message_help_systemvars" => "<strong>Available system variables:</strong>",
"srv_inv_message_help_system_email" => " - respondent email",
@ -6066,6 +6069,7 @@ $lang = array (
'srv_inv_pagination_shown' => 'Shown ',
'srv_inv_pagination_shown_records' => ' records on page.',
'srv_inv_list_edit_header' => 'List editing',
'srv_inv_list_edit_list' => 'Show lists',
'srv_inv_list_edit_from_this_survey' => 'Only this survey',
'srv_inv_list_edit_from_all_surveys' => 'All my surveys',
'srv_inv_list_edit_from_archive' => 'Sending archives',

View File

@ -21475,6 +21475,13 @@ body #main_holder #main .page_invitations #inv_recipients_profiles_holder #inv_i
body #main_holder #main .page_invitations #inv_recipients_profiles_holder #inv_import_list_profiles ol li .faicon:before {
font-size: 16px;
}
body #main_holder #main .page_invitations #inv_recipients_profiles_holder .info {
margin: 16px 0 0 0;
color: #A0A0A0;
}
body #main_holder #main .page_invitations #inv_recipients_profiles_holder .info div {
margin-bottom: 4px;
}
body #main_holder #main .page_invitations #inv_import_list_container {
min-height: 355px;
margin-bottom: 0;
@ -21643,7 +21650,16 @@ body #main_holder #main .page_invitations #inv_bottom_edit .bottom_activate a {
body #main_holder #main .page_invitations #inv_bottom_edit .bottom_activate a .faicon {
margin-right: 8px;
}
body #main_holder #main .page_invitations #invitation_messages {
body #main_holder #main .page_invitations #inv_messages_profiles_holder {
min-height: 355px;
padding: 16px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
}
body #main_holder #main .page_invitations #inv_messages_profiles_holder > span {
line-height: 28px;
}
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages {
display: flex;
flex-direction: column;
overflow-y: auto;
@ -21653,13 +21669,13 @@ body #main_holder #main .page_invitations #invitation_messages {
border: 1px solid #E5E5E5;
background-color: white;
}
body #main_holder #main .page_invitations #invitation_messages ol {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol {
display: flex;
flex-direction: column;
margin: 0px;
padding: 0px;
}
body #main_holder #main .page_invitations #invitation_messages ol li {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol li {
cursor: pointer;
list-style-type: none;
display: flex;
@ -21669,22 +21685,121 @@ body #main_holder #main .page_invitations #invitation_messages ol li {
padding: 0px 8px;
border-bottom: 1px solid #E5E5E5;
}
body #main_holder #main .page_invitations #invitation_messages ol li:last-child {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol li:last-child {
border-bottom: 0;
}
body #main_holder #main .page_invitations #invitation_messages ol li.active {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol li.active {
color: #1E88E5;
background-color: #F4F9FE;
}
body #main_holder #main .page_invitations #invitation_messages ol li:hover {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol li:hover {
background-color: #F4F9FE;
}
body #main_holder #main .page_invitations #invitation_messages ol li .faicon {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol li .faicon {
margin-left: 8px;
}
body #main_holder #main .page_invitations #invitation_messages ol li .faicon:before {
body #main_holder #main .page_invitations #inv_messages_profiles_holder #invitation_messages ol li .faicon:before {
font-size: 16px;
}
body #main_holder #main .page_invitations #inv_messages_profiles_holder .info {
margin: 16px 0 0 0;
color: #A0A0A0;
}
body #main_holder #main .page_invitations #inv_messages_profiles_holder .info div {
margin-bottom: 4px;
}
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_row {
display: flex;
align-items: center;
}
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_row .setting_item {
margin-right: 32px;
}
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_item {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_item label {
margin-bottom: 4px;
}
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_item input,
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_item select,
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_item textarea {
margin: 0;
}
body #main_holder #main .page_invitations #inv_msg_preview_hld .setting_item input[type=text] {
width: 100%;
}
body #main_holder #main .page_invitations #invitation_profile_notes {
padding: 16px;
background-color: #F8F8F8;
border: 1px solid #E5E5E5;
}
body #main_holder #main .page_invitations #invitation_profile_notes p {
margin: 0 0 16px 0;
}
body #main_holder #main .page_invitations #inv_send_mail .setting_item.hor {
display: flex;
align-items: center;
margin-bottom: 16px;
}
body #main_holder #main .page_invitations #inv_send_mail .setting_item.hor.align-top {
align-items: flex-start;
}
body #main_holder #main .page_invitations #inv_send_mail .setting_item.hor label {
width: 130px;
text-align: right;
}
body #main_holder #main .page_invitations #inv_send_mail .setting_item.ver {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
body #main_holder #main .page_invitations #inv_send_mail .setting_item.ver span,
body #main_holder #main .page_invitations #inv_send_mail .setting_item.ver label,
body #main_holder #main .page_invitations #inv_send_mail .setting_item.ver div {
margin-bottom: 8px;
}
body #main_holder #main .page_invitations #inv_send_mail #inv_send_advanced_div {
margin: 0 0 0 16px;
}
body #main_holder #main .page_invitations #inv_send_mail table tr td {
font-size: 14px;
}
body #main_holder #main .page_invitations #inv_send_mail input[type=text] {
margin-top: -4px;
}
body #main_holder #main .page_invitations #inv_send_mail button {
width: 160px;
}
body #main_holder #main .page_invitations .invitation_lists .setting_item {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
body #main_holder #main .page_invitations .invitation_lists .left_holder {
margin-right: 0;
padding-right: 32px;
border-right: 1px #E5E5E5 solid;
}
body #main_holder #main .page_invitations .invitation_lists .left_holder .top_settings {
display: flex;
align-items: center;
box-sizing: border-box;
height: 40px;
margin-bottom: 16px;
padding: 0 16px;
background: #F8F8F8;
border: 1px solid #E5E5E5;
border-radius: 2px;
}
body #main_holder #main .page_invitations .invitation_lists .left_holder #inv_edit_rec_list {
margin-top: 32px;
}
body #main_holder #main .page_invitations .invitation_lists .right_holder {
padding-left: 32px;
}
/*
.lbl_email_setting {

View File

@ -116,6 +116,14 @@ body #main_holder #main .page_invitations{
@include inv_left_list();
}
.info{
margin: 16px 0 0 0;
color: #A0A0A0;
div{
margin-bottom: 4px;
}
}
}
// 2 - Dodaj - desna stran
@ -362,10 +370,182 @@ body #main_holder #main .page_invitations{
// 4 - Sporocilo
#invitation_messages {
@include inv_left_list();
// Levi del
#inv_messages_profiles_holder {
min-height: 355px;
padding: 16px;
background: $white;
border: 1px solid $gray;
> span {
line-height: 28px;
}
#invitation_messages {
@include inv_left_list();
}
.info{
margin: 16px 0 0 0;
color: #A0A0A0;
div{
margin-bottom: 4px;
}
}
}
// Srednji del s sporocilom
#inv_msg_preview_hld{
.setting_row{
display: flex;
align-items: center;
.setting_item{
margin-right: 32px;
}
}
.setting_item{
display: flex;
flex-direction: column;
margin-bottom: 16px;
label{
margin-bottom: 4px;
}
input,
select,
textarea{
margin: 0;
}
input[type="text"]{
width: 100%;
}
}
}
// Desna navodila
#invitation_profile_notes{
padding: 16px;
background-color: $light-gray;
border: 1px solid $gray;
p{
margin: 0 0 16px 0;
}
}
// 5 - Poslji
#inv_send_mail{
.setting_item.hor{
display: flex;
align-items: center;
margin-bottom: 16px;
&.align-top{
align-items: flex-start;
}
label{
width: 130px;
text-align: right;
}
}
.setting_item.ver{
display: flex;
flex-direction: column;
margin-bottom: 16px;
span,
label,
div{
margin-bottom: 8px;
}
}
#inv_send_advanced_div{
margin: 0 0 0 16px;
}
table{
tr{
td{
font-size: 14px;
}
}
}
input[type="text"]{
margin-top: -4px;
}
button{
width: 160px;
}
}
// Pregled
table.inv_dashboard_table{
tr{
td{
}
}
}
// Seznami
.invitation_lists{
.setting_item{
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.left_holder{
margin-right: 0;
padding-right: 32px;
border-right: 1px $gray solid;
.top_settings{
display: flex;
align-items: center;
box-sizing: border-box;
height: 40px;
margin-bottom: 16px;
padding: 0 16px;
background: $light-gray;
border: 1px solid $gray;
border-radius: 2px;
}
#inv_edit_rec_list{
margin-top: 32px;
}
}
.right_holder{
padding-left: 32px;
}
}
}