diff --git a/admin/survey/SurveyAdminAjax.php b/admin/survey/SurveyAdminAjax.php index 4e41f62d9..608e2cb12 100644 --- a/admin/survey/SurveyAdminAjax.php +++ b/admin/survey/SurveyAdminAjax.php @@ -6741,7 +6741,7 @@ class SurveyAdminAjax { $code = ''.$lang['srv_complete_survey'].''; - echo '

'.$lang['srv_anketa_href'].'

'; + echo '

'.$lang['srv_anketa_href'].'

'; echo ''; break; } echo '
'; - if ($name != 'settings') { - echo ''; - echo ''; + if ($name == 'settings' || $name == 'QR') { + echo ''; } else { - echo ''; + echo ''; + echo ''; } echo '
'; } diff --git a/admin/survey/SurveyAdminSettings.php b/admin/survey/SurveyAdminSettings.php index 14262a44f..ce4a87bb9 100644 --- a/admin/survey/SurveyAdminSettings.php +++ b/admin/survey/SurveyAdminSettings.php @@ -2569,7 +2569,7 @@ class SurveyAdminSettings { $this->niceUrlSettings(); // Več načinov deljenja ankete - echo '

'.$lang['srv_publication_survey_more'].'

'; + echo '

'.$lang['srv_publication_survey_more'].'

'; echo '
'; @@ -2600,21 +2600,20 @@ class SurveyAdminSettings { echo $lang['srv_anketa_href_count_text']; echo '
'; - //Delite s prijatelji - echo '
'; + //QR koda + echo '
'; echo '
'; echo '
'; echo $lang['srv_anketa_href_friends']; echo '
'; echo $lang['srv_anketa_href_friends_text']; - echo 'friend share'; echo '
'; // iFrame - js echo '
'; echo '
'; echo '
'; - echo $lang['srv_anketa_href_ijs'].Help :: display('srv_embed_js'); + echo $lang['srv_anketa_href_ijs']; echo '
'; echo $lang['srv_anketa_href_ijs_text']; echo '
'; @@ -2623,7 +2622,7 @@ class SurveyAdminSettings { echo '
'; echo '
'; echo '
'; - echo $lang['srv_anketa_href_inojs'].Help :: display('srv_embed_fixed'); + echo $lang['srv_anketa_href_inojs']; echo '
'; echo $lang['srv_anketa_href_inojs_text']; echo '
'; diff --git a/admin/survey/classes/class.Notifications.php b/admin/survey/classes/class.Notifications.php index 34c81c273..46404e3b6 100644 --- a/admin/survey/classes/class.Notifications.php +++ b/admin/survey/classes/class.Notifications.php @@ -18,21 +18,32 @@ class Notifications { public function display($tab=0){ global $admin_type, $global_user_id, $lang; - + // Prikazemo poslana sporocila if((isset($_GET['t']) && $_GET['t']=='sent') || $tab == 1){ - + + echo '
'; + echo '
'; + echo '

'.$lang['srv_notifications_sent'].'

'; + echo '
'; + + echo '
'; + // Izpis vseh poslanih sporocil if($admin_type == 0){ + echo '
'; echo '
'; $this->displaySentMessages(); echo '
'; + echo '
'; // obrazec za posiljanje sporocil $this->sendMessageForm(); } else - echo $lang['srv_notifications_admin_alert']; + echo $lang['srv_notifications_admin_alert']; + + echo '
'; } // Prikazemo prejeta sporocila else{ @@ -42,8 +53,6 @@ class Notifications { echo ''; } - - echo '
'; } private function displayRecievedMessages($active=0){ @@ -85,9 +94,7 @@ class Notifications { private function displaySentMessages(){ global $admin_type, $global_user_id, $lang; - - echo ''.$lang['srv_notifications_sent'].':'; - + // Napolnimo array poslanih sporocil $sentMessages = array(); @@ -103,11 +110,20 @@ class Notifications { foreach($sentMessages as $message_id => $message){ //echo '
  • '; echo '
  • '; + + echo '
    '; //sem noter pride v 2. fazi še oznaka, če je obvestilo ali sporočilo + echo '
    '; + echo $message['title']; + echo '
    '; + echo '
    '; + echo $message['date']; + echo '
    '; + echo '
    '; - echo ''.$message['title'].' ('.$message['date'].')'; - - $text = strip_tags((strlen($message['text']) > 70) ? substr($message['text'], 0, 70).'...' : $message['text']); - echo '
    '.$text; + $text = strip_tags((strlen($message['text']) > 60) ? substr($message['text'], 0, 60).'...' : $message['text']); + echo '
    '; + echo $text; + echo '
    '; // Gumb da se sporocilo razresi vsem (kot da so ga pregledali) $sqlN = sisplet_query("SELECT message_id FROM srv_notifications WHERE message_id='".$message_id."' AND viewed='0'"); diff --git a/admin/survey/classes/class.SurveyAktivnost.php b/admin/survey/classes/class.SurveyAktivnost.php index 483648ba9..209b35e3a 100644 --- a/admin/survey/classes/class.SurveyAktivnost.php +++ b/admin/survey/classes/class.SurveyAktivnost.php @@ -166,7 +166,6 @@ class SurveyAktivnost{ echo '
  • '; echo ''; //div#dataSettingsCheckboxes - // Datum echo '
    '; echo '
    '; @@ -231,6 +230,21 @@ class SurveyAktivnost{ echo '
    '; echo '
    '; //div#dataSettingsCheckboxes_Date + // Klik izven razprith nastavitev - zapremo okno + echo ''; + echo ''; // div.data_table_top_holder diff --git a/lang/1.php b/lang/1.php index 6550775d8..521840c18 100644 --- a/lang/1.php +++ b/lang/1.php @@ -1901,12 +1901,14 @@ $lang = array ( "srv_anketa_href_text" => "Delite povezavo do ankete na vaši spletni strani.", "srv_anketa_href_count" => "HTML koda s števcem ogledov", "srv_anketa_href_count_text" => "Delite povezavo do ankete na vaši spletni strani in beležite število ogledov povezave na anketo. ", - "srv_anketa_href_friends" => "Delite s prijatelji", - "srv_anketa_href_friends_text" => "Delite povezavo do ankete s prijatelji na družbenih medijih (Facebook, Twitter, Linkedin, itd.)", + "srv_anketa_href_friends" => "QR koda", + "srv_anketa_href_friends_text" => "Delite povezavo do ankete s QR kodo.", "srv_anketa_href_ijs" => "iFrame - JavaScript verzija", "srv_anketa_href_ijs_text" => "Vdelajte anketo na vašo spletno stran, da lahko respondenti anketo rešujejo na vaši strani.", + "srv_anketa_href_ijs_text2" => "Tu lahko skopirate kodo vaše ankete (Javascript verzija) in jo vdelate v vašo spletno stran.", "srv_anketa_href_inojs" => "iFrame - brez JavaScripta", "srv_anketa_href_inojs_text" => "Vdelajte anketo na vašo spletno stran, da lahko respondenti anketo rešujejo na vaši strani.", + "srv_anketa_href_inojs_text2" => "Tu lahko skopirate kodo vaše ankete (verzija brez Javascript-a) in jo vdelate v vašo spletno stran.", "srv_anketa_noactive_email" => "Označi anketo kot 'Email vabila''.", "srv_anketa_setActive_email" => "aktiviraj 'Email vabila'", "srv_anketa_active_email" => "Anketa je označena kot 'Email vabila'.", diff --git a/lang/2.php b/lang/2.php index 3aa87212c..709ba05dc 100644 --- a/lang/2.php +++ b/lang/2.php @@ -1894,12 +1894,14 @@ $lang = array ( "srv_anketa_href_text" => "Share the link to the survey on your website.", "srv_anketa_href_count" => "HTML code with view counter", "srv_anketa_href_count_text" => "Share the link to the survey on your website and keep track of the number of views of the survey link. ", - "srv_anketa_href_friends" => "Share with friends", - "srv_anketa_href_friends_text" => "Share the link to the survey with your friends on social media (Facebook, Twitter, Linkedin, etc.)", + "srv_anketa_href_friends" => "QR code", + "srv_anketa_href_friends_text" => "Share the link to the survey with a QR code.", "srv_anketa_href_ijs" => "iFrame - JavaScript version", "srv_anketa_href_ijs_text" => "Embed the survey on your website so that respondents can complete the survey on your website.", + "srv_anketa_href_ijs_text2" => "You can copy the code of your survey (Javascript version) and embed it into your own website.", "srv_anketa_href_inojs" => "iFrame - without JavaScripta", "srv_anketa_href_inojs_text" => "Embed the survey on your website so that respondents can complete the survey on your website.", + "srv_anketa_href_inojs_text2" => "You can copy the code of your survey (version without Javascript) and embed it into your own website.", "srv_anketadelete" => "Delete survey", "srv_anketarename_txt" => "Rename", "srv_anketadelete_txt" => "Delete", diff --git a/public/css/admin_new.css b/public/css/admin_new.css index fe68d29eb..9ab00b2cc 100644 --- a/public/css/admin_new.css +++ b/public/css/admin_new.css @@ -5242,31 +5242,31 @@ span.faicon.yellow, a.faicon.yellow, span.fa-brands.yellow, a.fa-brands.yellow { - color: #FFC700; + color: #FFC700 !important; } span.faicon.blue, a.faicon.blue, span.fa-brands.blue, a.fa-brands.blue { - color: #1E88E5; + color: #1E88E5 !important; } span.faicon.red, a.faicon.red, span.fa-brands.red, a.fa-brands.red { - color: #FF0000; + color: #FF0000 !important; } span.faicon.ultra_dark_gray, a.faicon.ultra_dark_gray, span.fa-brands.ultra_dark_gray, a.fa-brands.ultra_dark_gray { - color: #555555; + color: #555555 !important; } span.faicon.green, a.faicon.green, span.fa-brands.green, a.fa-brands.green { - color: #00C437; + color: #00C437 !important; } span.faicon.aslink, a.faicon.aslink, @@ -6637,6 +6637,10 @@ span.faicon.arhiv_mail::before { content: ""; } +span.faicon.share-arrow::before { + content: "\f14d"; +} + /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates @@ -6985,12 +6989,16 @@ a.help { margin-block-start: 0; } .divPopUp h2 span.faicon, -.divPopUp .divPopUp_top span.faicon { +.divPopUp h2 span.fa-brands, +.divPopUp .divPopUp_top span.faicon, +.divPopUp .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } .divPopUp h2 span.faicon:before, -.divPopUp .divPopUp_top span.faicon:before { +.divPopUp h2 span.fa-brands:before, +.divPopUp .divPopUp_top span.faicon:before, +.divPopUp .divPopUp_top span.fa-brands:before { font-size: 14px; } .divPopUp p { @@ -7500,12 +7508,16 @@ body.waitlong #loading { margin-block-start: 0; } #check_pogoji h2 span.faicon, -#check_pogoji .divPopUp_top span.faicon { +#check_pogoji h2 span.fa-brands, +#check_pogoji .divPopUp_top span.faicon, +#check_pogoji .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #check_pogoji h2 span.faicon:before, -#check_pogoji .divPopUp_top span.faicon:before { +#check_pogoji h2 span.fa-brands:before, +#check_pogoji .divPopUp_top span.faicon:before, +#check_pogoji .divPopUp_top span.fa-brands:before { font-size: 14px; } #check_pogoji p { @@ -7673,12 +7685,16 @@ body.waitlong #loading { margin-block-start: 0; } #dropped_alert h2 span.faicon, -#dropped_alert .divPopUp_top span.faicon { +#dropped_alert h2 span.fa-brands, +#dropped_alert .divPopUp_top span.faicon, +#dropped_alert .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #dropped_alert h2 span.faicon:before, -#dropped_alert .divPopUp_top span.faicon:before { +#dropped_alert h2 span.fa-brands:before, +#dropped_alert .divPopUp_top span.faicon:before, +#dropped_alert .divPopUp_top span.fa-brands:before { font-size: 14px; } #dropped_alert p { @@ -7855,12 +7871,16 @@ body.waitlong #loading { margin-block-start: 0; } #popup_user_access h2 span.faicon, -#popup_user_access .divPopUp_top span.faicon { +#popup_user_access h2 span.fa-brands, +#popup_user_access .divPopUp_top span.faicon, +#popup_user_access .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #popup_user_access h2 span.faicon:before, -#popup_user_access .divPopUp_top span.faicon:before { +#popup_user_access h2 span.fa-brands:before, +#popup_user_access .divPopUp_top span.faicon:before, +#popup_user_access .divPopUp_top span.fa-brands:before { font-size: 14px; } #popup_user_access p { @@ -10798,12 +10818,16 @@ div#theme-edit-wrap div#theme-editor #picker .divPopUp_top { margin-block-start: 0; } div#theme-edit-wrap div#theme-editor #picker h2 span.faicon, -div#theme-edit-wrap div#theme-editor #picker .divPopUp_top span.faicon { +div#theme-edit-wrap div#theme-editor #picker h2 span.fa-brands, +div#theme-edit-wrap div#theme-editor #picker .divPopUp_top span.faicon, +div#theme-edit-wrap div#theme-editor #picker .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } div#theme-edit-wrap div#theme-editor #picker h2 span.faicon:before, -div#theme-edit-wrap div#theme-editor #picker .divPopUp_top span.faicon:before { +div#theme-edit-wrap div#theme-editor #picker h2 span.fa-brands:before, +div#theme-edit-wrap div#theme-editor #picker .divPopUp_top span.faicon:before, +div#theme-edit-wrap div#theme-editor #picker .divPopUp_top span.fa-brands:before { font-size: 14px; } div#theme-edit-wrap div#theme-editor #picker p { @@ -11055,7 +11079,7 @@ div#vabila div.title { display: flex; flex-direction: row; align-items: center; - margin-bottom: 24px; + margin-bottom: 16px; margin-top: 48px; } div#vabila div.title:first-of-type { @@ -11122,6 +11146,7 @@ div#vabila div.button_holder div#nice_url_holder input { } div#vabila div.button_holder div#nice_url_holder button { margin-right: 8px; + margin-left: 0; } div#vabila div#nice_url_error { width: 100%; @@ -11153,7 +11178,7 @@ div#vabila div.more { div#vabila div.more div.more_block { height: auto; width: 298px; - background-color: #F8F8F8; + background-color: #FFFFFF; border: 1px solid #E5E5E5; padding: 16px; font-size: 14px; @@ -11161,7 +11186,7 @@ div#vabila div.more div.more_block { transition: 0.2s; } div#vabila div.more div.more_block:hover { - background-color: #ebebeb; + background-color: #f2f2f2; } div#vabila div.more div.more_block div.more_title { display: flex; @@ -11196,11 +11221,20 @@ div#vabila div.more div.more_block div.more_title a.help { margin-left: 5px; } -div.popup_content.publish textarea { +div#general_popup div.popup_content.publish { + max-width: 600px; +} +div#general_popup div.popup_content.publish textarea { width: 568px; padding: 8px; - display: block; - overflow: auto; + height: auto; +} +div#general_popup div.popup_content.publish textarea.iframe { + height: 155px; +} +div#general_popup div.popup_content.publish.qr { + display: flex; + justify-content: center; } .dashboard_top_settings { @@ -15194,12 +15228,16 @@ textarea#addusers, textarea#addusers_note { margin-block-start: 0; } #vrednost_edit h2 span.faicon, -#vrednost_edit .divPopUp_top span.faicon { +#vrednost_edit h2 span.fa-brands, +#vrednost_edit .divPopUp_top span.faicon, +#vrednost_edit .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #vrednost_edit h2 span.faicon:before, -#vrednost_edit .divPopUp_top span.faicon:before { +#vrednost_edit h2 span.fa-brands:before, +#vrednost_edit .divPopUp_top span.faicon:before, +#vrednost_edit .divPopUp_top span.fa-brands:before { font-size: 14px; } #vrednost_edit p { @@ -15382,12 +15420,16 @@ textarea#addusers, textarea#addusers_note { margin-block-start: 0; } #calculation h2 span.faicon, -#calculation .divPopUp_top span.faicon { +#calculation h2 span.fa-brands, +#calculation .divPopUp_top span.faicon, +#calculation .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #calculation h2 span.faicon:before, -#calculation .divPopUp_top span.faicon:before { +#calculation h2 span.fa-brands:before, +#calculation .divPopUp_top span.faicon:before, +#calculation .divPopUp_top span.fa-brands:before { font-size: 14px; } #calculation p { @@ -15617,12 +15659,16 @@ and open the template in the editor. margin-block-start: 0; } #preview_spremenljivka h2 span.faicon, -#preview_spremenljivka .divPopUp_top span.faicon { +#preview_spremenljivka h2 span.fa-brands, +#preview_spremenljivka .divPopUp_top span.faicon, +#preview_spremenljivka .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #preview_spremenljivka h2 span.faicon:before, -#preview_spremenljivka .divPopUp_top span.faicon:before { +#preview_spremenljivka h2 span.fa-brands:before, +#preview_spremenljivka .divPopUp_top span.faicon:before, +#preview_spremenljivka .divPopUp_top span.fa-brands:before { font-size: 14px; } #preview_spremenljivka p { @@ -16573,12 +16619,16 @@ dl.arch_email dd { margin-block-start: 0; } #inv_view_arch_recipients h2 span.faicon, -#inv_view_arch_recipients .divPopUp_top span.faicon { +#inv_view_arch_recipients h2 span.fa-brands, +#inv_view_arch_recipients .divPopUp_top span.faicon, +#inv_view_arch_recipients .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #inv_view_arch_recipients h2 span.faicon:before, -#inv_view_arch_recipients .divPopUp_top span.faicon:before { +#inv_view_arch_recipients h2 span.fa-brands:before, +#inv_view_arch_recipients .divPopUp_top span.faicon:before, +#inv_view_arch_recipients .divPopUp_top span.fa-brands:before { font-size: 14px; } #inv_view_arch_recipients p { @@ -17444,12 +17494,16 @@ and open the template in the editor. margin-block-start: 0; } #div_export_setting_show h2 span.faicon, -#div_export_setting_show .divPopUp_top span.faicon { +#div_export_setting_show h2 span.fa-brands, +#div_export_setting_show .divPopUp_top span.faicon, +#div_export_setting_show .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #div_export_setting_show h2 span.faicon:before, -#div_export_setting_show .divPopUp_top span.faicon:before { +#div_export_setting_show h2 span.fa-brands:before, +#div_export_setting_show .divPopUp_top span.faicon:before, +#div_export_setting_show .divPopUp_top span.fa-brands:before { font-size: 14px; } #div_export_setting_show p { @@ -19928,12 +19982,16 @@ and open the template in the editor. margin-block-start: 0; } #dsp_inspect_cover h2 span.faicon, -#dsp_inspect_cover .divPopUp_top span.faicon { +#dsp_inspect_cover h2 span.fa-brands, +#dsp_inspect_cover .divPopUp_top span.faicon, +#dsp_inspect_cover .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #dsp_inspect_cover h2 span.faicon:before, -#dsp_inspect_cover .divPopUp_top span.faicon:before { +#dsp_inspect_cover h2 span.fa-brands:before, +#dsp_inspect_cover .divPopUp_top span.faicon:before, +#dsp_inspect_cover .divPopUp_top span.fa-brands:before { font-size: 14px; } #dsp_inspect_cover p { @@ -20447,12 +20505,16 @@ input#endDate { margin-block-start: 0; } .mc_table_settings h2 span.faicon, -.mc_table_settings .divPopUp_top span.faicon { +.mc_table_settings h2 span.fa-brands, +.mc_table_settings .divPopUp_top span.faicon, +.mc_table_settings .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } .mc_table_settings h2 span.faicon:before, -.mc_table_settings .divPopUp_top span.faicon:before { +.mc_table_settings h2 span.fa-brands:before, +.mc_table_settings .divPopUp_top span.faicon:before, +.mc_table_settings .divPopUp_top span.fa-brands:before { font-size: 14px; } .mc_table_settings p { @@ -20649,12 +20711,16 @@ input#endDate { margin-block-start: 0; } #newMCTable h2 span.faicon, -#newMCTable .divPopUp_top span.faicon { +#newMCTable h2 span.fa-brands, +#newMCTable .divPopUp_top span.faicon, +#newMCTable .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #newMCTable h2 span.faicon:before, -#newMCTable .divPopUp_top span.faicon:before { +#newMCTable h2 span.fa-brands:before, +#newMCTable .divPopUp_top span.faicon:before, +#newMCTable .divPopUp_top span.fa-brands:before { font-size: 14px; } #newMCTable p { @@ -20827,12 +20893,16 @@ input#endDate { margin-block-start: 0; } #renameMCTable h2 span.faicon, -#renameMCTable .divPopUp_top span.faicon { +#renameMCTable h2 span.fa-brands, +#renameMCTable .divPopUp_top span.faicon, +#renameMCTable .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #renameMCTable h2 span.faicon:before, -#renameMCTable .divPopUp_top span.faicon:before { +#renameMCTable h2 span.fa-brands:before, +#renameMCTable .divPopUp_top span.faicon:before, +#renameMCTable .divPopUp_top span.fa-brands:before { font-size: 14px; } #renameMCTable p { @@ -21005,12 +21075,16 @@ input#endDate { margin-block-start: 0; } #deleteMCTable h2 span.faicon, -#deleteMCTable .divPopUp_top span.faicon { +#deleteMCTable h2 span.fa-brands, +#deleteMCTable .divPopUp_top span.faicon, +#deleteMCTable .divPopUp_top span.fa-brands { margin-right: 6px; color: #1E88E5; } #deleteMCTable h2 span.faicon:before, -#deleteMCTable .divPopUp_top span.faicon:before { +#deleteMCTable h2 span.fa-brands:before, +#deleteMCTable .divPopUp_top span.faicon:before, +#deleteMCTable .divPopUp_top span.fa-brands:before { font-size: 14px; } #deleteMCTable p { @@ -22217,6 +22291,20 @@ div.page_diagnostics table#aktivnost_ankete_table td.graph_cell div.graph_cell . height: 24px; margin-right: 8px; } + +div.page_diagnostics table.aktivnost_paradata_table td.graph_cell { + width: 100%; +} +div.page_diagnostics table.aktivnost_paradata_table td.graph_cell div.graph_cell { + display: flex; + flex-direction: row; +} +div.page_diagnostics table.aktivnost_paradata_table td.graph_cell div.graph_cell .graph_full { + background-color: #1E88E5; + height: 16px; + margin-right: 8px; +} + div.page_diagnostics .time_span_container { position: relative; height: 160px; @@ -22333,18 +22421,199 @@ div.page_diagnostics .time_span.month_11 { div.page_diagnostics .time_span.month_12 { background-color: #4bacc6; } -div.page_diagnostics table.aktivnost_paradata_table td.graph_cell { - width: 100%; -} -div.page_diagnostics table.aktivnost_paradata_table td.graph_cell div.graph_cell { + +div.page_obvestila div.title { display: flex; flex-direction: row; + align-items: center; + margin-bottom: 32px; } -div.page_diagnostics table.aktivnost_paradata_table td.graph_cell div.graph_cell .graph_full { - background-color: #1E88E5; - height: 16px; +div.page_obvestila div.title div.title_icon { + height: 30px; + width: 30px; + border-radius: 2px; + background-color: #EAF9FE; + color: #1E88E5; + display: flex; + align-items: center; + justify-content: center; margin-right: 8px; } +div.page_obvestila div.title h2 { + width: 100%; + overflow: hidden; + font-weight: 300; + font-size: 24px; + margin-block-start: 0; + margin-block-end: 0; +} +div.page_obvestila div.title h2:after { + content: ""; + display: inline-block; + height: 0.5em; + vertical-align: bottom; + width: 100%; + box-sizing: border-box; + margin-right: -100%; + margin-left: 8px; + border-top: 1px solid #E5E5E5; +} +div.page_obvestila #notifications .notifications_content { + display: flex; + flex-direction: row; + gap: 32px; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left { + display: flex; + flex-direction: column; + height: 660px; + box-sizing: border-box; + width: 50%; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list { + overflow-y: auto; + border: solid 1px #E5E5E5; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul { + padding-left: 0; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li { + list-style-type: none; + margin: 0; + padding: 16px; + min-height: 58px; + background-color: #FFFFFF; + border-bottom: solid 1px #E5E5E5; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li:last-of-type { + border-bottom: none; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li div.title_row { + display: flex; + flex-direction: row; + margin-bottom: 8px; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li div.title_row div.subject { + font-weight: 600; + margin-right: 8px; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li div.title_row div.date { + font-style: italic; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li div.content { + font-size: 14px; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .sent_list ul li.unread { + border: 1px #FF0000 solid; + background-color: #FF0000; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .recieved_list { + display: inline; + float: left; + width: 470px; + min-height: 200px; + margin-right: 60px; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .recieved_list ul { + padding-left: 0; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .recieved_list ul li { + list-style-type: none; + margin: 5px 0; + padding: 5px 8px; + background-color: #1E88E5; + border: 1px #1E88E5 solid; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .recieved_list ul li:hover { + cursor: pointer; + background-color: #1E88E5; + border: 1px #1E88E5 solid; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .recieved_list ul li.unread { + border: 1px #FF0000 solid; + background-color: #FF0000; +} +div.page_obvestila #notifications .notifications_content .notifications_content_left .recieved_list ul li.active { + cursor: pointer; + border: 1px #1E88E5 solid; +} +div.page_obvestila #notifications .notifications_content #message { + display: inline; + float: left; + margin-top: 30px; + padding: 20px; + width: 415px; + background-color: #1E88E5; + border: 1px #E5E5E5 solid; +} +div.page_obvestila #notifications .notifications_content .send_form { + display: inline; + float: left; + margin-top: 30px; + padding: 20px; + width: 415px; + background-color: #1E88E5; + border: 1px #E5E5E5 solid; + color: #333333 !important; +} +div.page_obvestila #notifications .notifications_content .send_form input[type=text] { + width: 400px; + padding: 3px 5px; + border: 1px solid #E5E5E5 !important; + color: #333333 !important; +} +div.page_obvestila #notifications .notifications_content .send_form textarea { + width: 400px; + padding: 3px 5px; + border: 1px solid #E5E5E5 !important; + color: #333333 !important; +} +div.page_obvestila #new_notification_alert { + cursor: pointer; + position: absolute; + top: 15px; + left: 0; + right: 0; + margin: 0 auto; + padding: 5px 8px; + width: 300px; + height: 20px; + line-height: 20px; + text-align: center; + vertical-align: middle; + font-weight: 600; + font-size: 13px; + color: white; + background-color: #FF0000; +} +div.page_obvestila #unread_notifications { + display: none; + height: auto; + width: 500px; + margin: 0 auto; +} +div.page_obvestila #unread_notifications > ul { + padding-left: 0; + margin-bottom: 50px; + line-height: 18px; +} +div.page_obvestila #unread_notifications > ul > li { + list-style-type: none; + margin: 5px 0; + padding: 5px 8px; + background-color: #1E88E5; + border: 1px #1E88E5 solid; +} +div.page_obvestila #unread_notifications a { + color: #1E88E5; +} +div.page_obvestila #unread_notifications .gdpr_popup_radio { + padding-top: 6px; +} +div.page_obvestila #unread_notifications .gdpr_popup_radio input { + vertical-align: top; + margin-top: 2px; +} @media (max-width: 1100px) { #quick_comments_link.newCss { diff --git a/resources/fonts/FontAwesome5/scss/solid.scss b/resources/fonts/FontAwesome5/scss/solid.scss index 72b0755e9..02f2290c6 100644 --- a/resources/fonts/FontAwesome5/scss/solid.scss +++ b/resources/fonts/FontAwesome5/scss/solid.scss @@ -16,25 +16,8 @@ url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); } -@font-face { - font-family: 'Font Awesome 5 Brands'; - font-style: normal; - font-weight: 400; - src: url('#{$fa-font-path}/fa-brands-400.eot'); - src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'), - url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'), - url('#{$fa-font-path}/fa-brands-400.woff') format('woff'), - url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'), - url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); -} - .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; -} - -.fa-brands { - font-family: 'Font Awesome 5 Brands'; - font-weight: 400; -} +} \ No newline at end of file diff --git a/resources/sass/admin_new/basic/font.scss b/resources/sass/admin_new/basic/font.scss index ec06bf94f..fa4e524fe 100644 --- a/resources/sass/admin_new/basic/font.scss +++ b/resources/sass/admin_new/basic/font.scss @@ -13,6 +13,11 @@ body { font-family: $font_family; } +.fa-brands { + font-family: 'Font Awesome 5 Brands'; + font-weight: 400; +} + //font-weight $light: 300; $regular: 400; diff --git a/resources/sass/admin_new/basic/icons/export.scss b/resources/sass/admin_new/basic/icons/export.scss index a98915484..e7624cbe6 100644 --- a/resources/sass/admin_new/basic/icons/export.scss +++ b/resources/sass/admin_new/basic/icons/export.scss @@ -130,3 +130,6 @@ span.faicon.arhiv_mail::before{ font-weight: 400; content: "\f14d"; } +span.faicon.share-arrow::before{ + content: "\f14d"; +} diff --git a/resources/sass/admin_new/basic/icons/icons.scss b/resources/sass/admin_new/basic/icons/icons.scss index 6b3d4bf7a..f4ef96ac6 100644 --- a/resources/sass/admin_new/basic/icons/icons.scss +++ b/resources/sass/admin_new/basic/icons/icons.scss @@ -59,25 +59,25 @@ a.fa-brands { //BARVE &.yellow { - color: $yellow; + color: $yellow !important; } &.blue { - color: $blue; + color: $blue !important; } &.red { - color: $red; + color: $red !important; } &.ultra_dark_gray { - color: $ultra-dark-gray; + color: $ultra-dark-gray !important; } &.green { - color: $green; + color: $green !important; } &.red { - $color: $red; + $color: $red !important; } &.dark_gray2 { - $color: $dark-gray2; + $color: $dark-gray2 !important; } //ikona kot link diff --git a/resources/sass/admin_new/components/popup/basic.scss b/resources/sass/admin_new/components/popup/basic.scss index b452bc739..62aa73c43 100644 --- a/resources/sass/admin_new/components/popup/basic.scss +++ b/resources/sass/admin_new/components/popup/basic.scss @@ -102,7 +102,8 @@ margin-block-start: 0; - span.faicon { + span.faicon, + span.fa-brands { margin-right: 6px; color: $blue; diff --git a/resources/sass/admin_new/pages/aktivnost/aktivnost.scss b/resources/sass/admin_new/pages/aktivnost/aktivnost.scss index 2c0a0f2ee..367ed8dbe 100644 --- a/resources/sass/admin_new/pages/aktivnost/aktivnost.scss +++ b/resources/sass/admin_new/pages/aktivnost/aktivnost.scss @@ -204,151 +204,8 @@ div.page_diagnostics { } } } +} - // Grafi (Tedenska, mesečna, etc) - .time_span_container { - position: relative; - height: 160px; - width: 100%; - margin-bottom: 32px; - &:last-of-type { - margin-bottom: 0; - } - margin-top: 4px; - border: 1px solid $gray; - } - .time_span_header { - clear: both; - } - .time_span { - background-color: $gray; - width: 1px; - display: inline-block; - vertical-align: bottom; - } +@import "parapodatki"; +@import "weekyearmonth"; - $background_color_125: #9bbb59; - $background_color_126: #c0504d; - $background_color_127: #92a9cf; - $background_color_128: #f79646; - $background_color_129: #4bacc6; - $background_color_130: #8064a2; - $background_color_131: #4f81bd; - - .time_span.year_2022 { - background-color: $background_color_128; - }.time_span.year_2021 { - background-color: $background_color_129; - } - .time_span.year_2020 { - background-color: $background_color_130; - } - .time_span.year_2019 { - background-color: $background_color_131; - } - .time_span.year_2018 { - background-color: $background_color_125; - } - .time_span.year_2017 { - background-color: $background_color_126; - } - .time_span.year_2016 { - background-color: $background_color_127; - } - .time_span.year_2015 { - background-color: $background_color_128; - } - .time_span.year_2014 { - background-color: $background_color_129; - } - .time_span.year_2013 { - background-color: $background_color_130; - } - .time_span.year_2012 { - background-color: $background_color_125; - } - .time_span.year_2011 { - background-color: $background_color_126; - } - .time_span.year_2010 { - background-color: $background_color_131; - } - .time_span.day_1 { - background-color: $background_color_131; - } - .time_span.day_2 { - background-color: $background_color_126; - } - .time_span.day_3 { - background-color: $background_color_125; - } - .time_span.day_4 { - background-color: $background_color_130; - } - .time_span.day_5 { - background-color: $background_color_129; - } - .time_span.day_6 { - background-color: $background_color_128; - } - .time_span.day_7 { - background-color: $background_color_127; - } - .time_span.month_1 { - background-color: $background_color_131; - } - .time_span.month_2 { - background-color: $background_color_126; - } - .time_span.month_3 { - background-color: $background_color_125; - } - .time_span.month_4 { - background-color: $background_color_130; - } - .time_span.month_5 { - background-color: $background_color_129; - } - .time_span.month_6 { - background-color: $background_color_128; - } - .time_span.month_7 { - background-color: $background_color_127; - } - .time_span.month_8 { - background-color: $background_color_131; - } - .time_span.month_9 { - background-color: $background_color_126; - } - .time_span.month_10 { - background-color: $background_color_125; - } - .time_span.month_11 { - background-color: $background_color_130; - } - .time_span.month_12 { - background-color: $background_color_129; - } - - //Parapodatki - - table.aktivnost_paradata_table { - - td.graph_cell { - width: 100%; - - div.graph_cell { - - display:flex; - flex-direction: row; - - .graph_full { - background-color: $blue; - height: 16px; - margin-right: 8px; - } - } - } - } -} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/aktivnost/parapodatki.scss b/resources/sass/admin_new/pages/aktivnost/parapodatki.scss new file mode 100644 index 000000000..94c225bce --- /dev/null +++ b/resources/sass/admin_new/pages/aktivnost/parapodatki.scss @@ -0,0 +1,24 @@ + +div.page_diagnostics { + + //Parapodatki + + table.aktivnost_paradata_table { + + td.graph_cell { + width: 100%; + + div.graph_cell { + + display:flex; + flex-direction: row; + + .graph_full { + background-color: $blue; + height: 16px; + margin-right: 8px; + } + } + } + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/aktivnost/weekyearmonth.scss b/resources/sass/admin_new/pages/aktivnost/weekyearmonth.scss new file mode 100644 index 000000000..87f50d70f --- /dev/null +++ b/resources/sass/admin_new/pages/aktivnost/weekyearmonth.scss @@ -0,0 +1,132 @@ +div.page_diagnostics { + + // Grafi (Tedenska, mesečna, etc) + .time_span_container { + position: relative; + height: 160px; + width: 100%; + margin-bottom: 32px; + &:last-of-type { + margin-bottom: 0; + } + margin-top: 4px; + border: 1px solid $gray; + } + .time_span_header { + clear: both; + } + .time_span { + background-color: $gray; + width: 1px; + display: inline-block; + vertical-align: bottom; + } + + $background_color_125: #9bbb59; + $background_color_126: #c0504d; + $background_color_127: #92a9cf; + $background_color_128: #f79646; + $background_color_129: #4bacc6; + $background_color_130: #8064a2; + $background_color_131: #4f81bd; + + .time_span.year_2023 { + background-color: $background_color_127; + } + .time_span.year_2022 { + background-color: $background_color_128; + } + .time_span.year_2021 { + background-color: $background_color_129; + } + .time_span.year_2020 { + background-color: $background_color_130; + } + .time_span.year_2019 { + background-color: $background_color_131; + } + .time_span.year_2018 { + background-color: $background_color_125; + } + .time_span.year_2017 { + background-color: $background_color_126; + } + .time_span.year_2016 { + background-color: $background_color_127; + } + .time_span.year_2015 { + background-color: $background_color_128; + } + .time_span.year_2014 { + background-color: $background_color_129; + } + .time_span.year_2013 { + background-color: $background_color_130; + } + .time_span.year_2012 { + background-color: $background_color_125; + } + .time_span.year_2011 { + background-color: $background_color_126; + } + .time_span.year_2010 { + background-color: $background_color_131; + } + .time_span.day_1 { + background-color: $background_color_131; + } + .time_span.day_2 { + background-color: $background_color_126; + } + .time_span.day_3 { + background-color: $background_color_125; + } + .time_span.day_4 { + background-color: $background_color_130; + } + .time_span.day_5 { + background-color: $background_color_129; + } + .time_span.day_6 { + background-color: $background_color_128; + } + .time_span.day_7 { + background-color: $background_color_127; + } + .time_span.month_1 { + background-color: $background_color_131; + } + .time_span.month_2 { + background-color: $background_color_126; + } + .time_span.month_3 { + background-color: $background_color_125; + } + .time_span.month_4 { + background-color: $background_color_130; + } + .time_span.month_5 { + background-color: $background_color_129; + } + .time_span.month_6 { + background-color: $background_color_128; + } + .time_span.month_7 { + background-color: $background_color_127; + } + .time_span.month_8 { + background-color: $background_color_131; + } + .time_span.month_9 { + background-color: $background_color_126; + } + .time_span.month_10 { + background-color: $background_color_125; + } + .time_span.month_11 { + background-color: $background_color_130; + } + .time_span.month_12 { + background-color: $background_color_129; + } +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/my_surveys/objava.scss b/resources/sass/admin_new/pages/my_surveys/objava.scss index 2fcedc2a2..ab52570c1 100644 --- a/resources/sass/admin_new/pages/my_surveys/objava.scss +++ b/resources/sass/admin_new/pages/my_surveys/objava.scss @@ -113,7 +113,7 @@ div#vabila { flex-direction: row; align-items: center; - margin-bottom: 24px; + margin-bottom: 16px; margin-top: 48px; &:first-of-type { margin-top: 0; @@ -193,6 +193,7 @@ div#vabila { button { margin-right: 8px; + margin-left: 0; } } } @@ -234,7 +235,7 @@ div#vabila { height: auto; width: 298px; - background-color: $light-gray; + background-color: $white; border: 1px solid $gray; padding: 16px; @@ -245,7 +246,7 @@ div#vabila { transition: 0.2s; &:hover { - background-color: darken($light-gray, 5%); + background-color: darken($white, 5%); } div.more_title { @@ -299,13 +300,24 @@ div#vabila { // Več načinov deljenja - popup -div.popup_content { - &.publish { - textarea { - width: 568px; - padding: 8px; - display: block; - overflow: auto; +div#general_popup { + div.popup_content { + &.publish { + max-width: 600px; + textarea { + width: 568px; + padding: 8px; + height: auto; + + &.iframe { + height: 155px; + } + } + + &.qr { + display: flex; + justify-content: center; + } } } -} \ 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 acb0b3f16..a57d256f1 100644 --- a/resources/sass/admin_new/pages/pages.scss +++ b/resources/sass/admin_new/pages/pages.scss @@ -20,3 +20,4 @@ @import "narocila"; @import "aktivnost/aktivnost"; +@import "sporocila/sporocila"; diff --git a/resources/sass/admin_new/pages/sporocila/sporocila.scss b/resources/sass/admin_new/pages/sporocila/sporocila.scss new file mode 100644 index 000000000..9a8c3b208 --- /dev/null +++ b/resources/sass/admin_new/pages/sporocila/sporocila.scss @@ -0,0 +1,233 @@ +div.page_obvestila { + + // Naslovi z ikonami + div.title { + display: flex; + flex-direction: row; + align-items: center; + + margin-bottom: 32px; + + div.title_icon { + height: 30px; + width: 30px; + border-radius: 2px; + background-color: $light-blue; + color: $blue; + + display: flex; + align-items: center; + justify-content: center; + + margin-right: 8px; + } + + h2 { + width: 100%; + overflow: hidden; + font-weight: $light; + font-size: 24px; + + margin-block-start: 0; + margin-block-end: 0; + + &:after { + content: ""; + display: inline-block; + height: 0.5em; + vertical-align: bottom; + width: 100%; + box-sizing: border-box; + margin-right: -100%; + margin-left: 8px; + border-top: 1px solid $gray; + } + } + } + + + #notifications { + + .notifications_content { + display: flex; + flex-direction: row; + gap: 32px; + + .notifications_content_left { + display: flex; + flex-direction: column; + height: 660px; + box-sizing: border-box; + width: 50%; + + // Poslana sporočila + .sent_list { + overflow-y: auto; + border: solid 1px $gray; + + ul { + padding-left: 0; + li { + list-style-type: none; + margin: 0; + padding: 16px; + min-height: 58px; + + background-color: $white; + border-bottom: solid 1px $gray; + &:last-of-type { + border-bottom: none; + } + + div.title_row { + display: flex; + flex-direction: row; + margin-bottom: 8px; + + div.subject { + font-weight: $semi-bold; + margin-right: 8px; + } + div.date { + font-style: italic; + } + } + + div.content { + font-size: 14px; + } + } + + li.unread { + border: 1px $red solid; + background-color: $red; + } + } + } + + //Prejeta sporočila + .recieved_list { + display: inline; + float: left; + width: 470px; + min-height: 200px; + margin-right: 60px; + ul { + padding-left: 0; + li { + list-style-type: none; + margin: 5px 0; + padding: 5px 8px; + background-color: $blue; + border: 1px $blue solid; + &:hover { + cursor: pointer; + background-color: $blue; + border: 1px $blue solid; + } + } + li.unread { + border: 1px $red solid; + background-color: $red; + } + li.active { + cursor: pointer; + border: 1px $blue solid; + } + } + } + + } + + + + + + + #message { + display: inline; + float: left; + margin-top: 30px; + padding: 20px; + width: 415px; + background-color: $blue; + border: 1px $gray solid; + } + .send_form { + display: inline; + float: left; + margin-top: 30px; + padding: 20px; + width: 415px; + background-color: $blue; + border: 1px $gray solid; + color: $black !important; + input[type="text"] { + width: 400px; + padding: 3px 5px; + border: 1px solid $gray !important; + color: $black !important; + } + textarea { + width: 400px; + padding: 3px 5px; + border: 1px solid $gray !important; + color: $black !important; + } + } + } + } + #new_notification_alert { + cursor: pointer; + position: absolute; + top: 15px; + left: 0; + right: 0; + margin: 0 auto; + padding: 5px 8px; + width: 300px; + height: 20px; + line-height: 20px; + text-align: center; + vertical-align: middle; + font-weight: 600; + font-size: 13px; + color: white; + background-color: $red; + } + #unread_notifications { + display: none; + + height: auto; + width: 500px; + margin: 0 auto; + + > ul { + padding-left: 0; + margin-bottom: 50px; + + line-height: 18px; + + > li { + list-style-type: none; + margin: 5px 0; + padding: 5px 8px; + background-color: $blue; + border: 1px $blue solid; + } + } + + a { + color: $blue; + } + + .gdpr_popup_radio { + padding-top: 6px; + + input { + vertical-align: top; + margin-top: 2px; + } + } + } +}