Redesign - header - popravki strukture, dodan nov logo - V DELU

This commit is contained in:
pero1203 2021-12-06 15:15:59 +01:00
parent 9deda7d73c
commit 6d16fa6480
7 changed files with 2467 additions and 1445 deletions

View File

@ -275,18 +275,9 @@ class SurveyAdmin
// DESKTOP HEADER
echo '<div class="desktop_header">';
// Nastavitve zgoraj desno v headerju (search, help, profil...)
$this->displayHeaderRight();
// logotip
$this->displayHeaderLogo();
// Znotraj posamezne ankete
if($this->anketa > 0){
// Utripajoc napis "Demo anketa"
$this->displayHeaderDemoSurvey();
// Prikaze podatke o anketi in navigacijo - na vrhu (top bar)
$this->displayHeaderAnketa();
}
@ -495,6 +486,115 @@ class SurveyAdmin
}
// Utripajoc napis "Demo anketa"
private function displayHeaderDemoSurvey(){
global $lang;
$row = SurveyInfo::getInstance()->getSurveyRow();
// Demo anketa utripanje
if ($row['invisible'] == 1 && !Dostop::isMetaAdmin()) {
echo '<div id="invisible-layer"></div>';
echo '<div id="invisible-close" onClick="window.close(); return false;"><span>' . $lang['srv_close_invisible'] . '</span></div>';
?> <script> $('#invisible-close span').effect("pulsate", {times: 3}, 2000); </script> <?
}
}
// Prikaze podatke o anketi na vrhu
private function displayHeaderAnketa(){
global $lang;
global $site_url;
// Zgornja vrstica v headerju
$this->displayHeaderTopLine();
// Prvi nivo navigacije
$this->showMainNavigation();
// Drugi nivo navigacije
$this->secondNavigation();
// Tretji nivo navigacije po potrebi glede na podstran
$this->thirdNavigation();
}
/**
* prikaze glavo v seznamu anket
*
*/
private function displayHeaderSeznamAnket(){
global $lang, $site_url, $global_user_id, $admin_type, $site_domain;
// Pobrisemo vse preview vnose
Common::deletePreviewData($this->anketa);
# naložimo razred z seznamom anket
$SL = new SurveyList();
$SLCount = $SL->countSurveys();
$SLCountPhone = $SL->countPhoneSurveys();
// Obvestilo da ima uporabnik neprebrano sporocilo
$NO = new Notifications();
$countMessages = $NO->countMessages();
if ($countMessages > 0) {
echo '<div id="new_notification_alert" onClick="showUnreadMessages();">';
echo $lang['srv_notifications_alert'];
echo '</div>';
// Ce imamo vklopljen avtomatski prikaz sporcila (za pomembne zadeve), ga prikazemo po loadu
if($NO->checkForceShow())
echo '<script>$(document).ready(function(){showUnreadMessages();})</script>';
}
// GDPR popup za prejemanje obvestil - force ce ga se ni izpolnil - SAMO NA www.1ka.si, test.1ka.si in virtualkah
if ( ($site_url == 'http://test.1ka.si/'
|| isWWW()
|| isAAI()
|| ($cookie_domain == '.1ka.si' && isVirtual()))
&& User::getInstance()->getSetting($setting='gdpr_agree') == '-1'
) {
// Avtomatsko prikazemo po loadu
echo '<script>$(document).ready(function(){showGDPRMessage();})</script>';
}
// Zgornja vrstica v headerju
$this->displayHeaderTopLine($class='folders');
// Navigacija
echo ' <div id="surveyNavigation">';
$SL->display_tabs();
echo ' </div>';
# smo v knjižnici
$SL->display_sub_tabs();
}
public function displayHeaderTopLine($class=''){
global $lang, $site_url, $global_user_id, $admin_type, $site_domain;
echo '<div id="top_line" class="'.$class.'">';
// logotip
$this->displayHeaderLogo();
// Nastavitve ankete
if($class != 'folders')
$this->displayHeaderAnketaSettings();
// Nastavitve zgoraj desno v headerju (search, help, profil...)
$this->displayHeaderRight();
// Utripajoc napis "Demo anketa"
$this->displayHeaderDemoSurvey();
echo '</div>';
}
// Prikazemo podatke zgoraj desno v glavi (search, user, help)
private function displayHeaderRight(){
global $site_url;
@ -603,198 +703,20 @@ class SurveyAdmin
}
// Prikazemo logo zgoraj levo
public function displayHeaderLogo(){
private function displayHeaderLogo(){
global $lang;
global $site_url;
echo '<div id="logo">';
$logo_class = ($lang['id'] != "1") ? ' class="english"' : '';
$su = ($site_url == "https://www.1ka.si/" && $lang['id'] != "1") ? "https://www.1ka.si/d/en/" : $site_url;
echo '<a href="' . $su . '" title="' . $lang['srv_1cs'] . '" id="enka_logo" ' . $logo_class . '></a>';
$url = ($site_url == "https://www.1ka.si/" && $lang['id'] != "1") ? "https://www.1ka.si/d/en/" : $site_url;
echo '<div id="logo_holder" '.$logo_class.'>';
echo ' <a href="'.$url.'" title="'.$lang['srv_1cs'].'"></a>';
echo '</div>';
}
// Utripajoc napis "Demo anketa"
private function displayHeaderDemoSurvey(){
global $lang;
$row = SurveyInfo::getInstance()->getSurveyRow();
if ($row['invisible'] == 1 && !Dostop::isMetaAdmin()) {
echo '<div id="invisible-layer"></div>';
echo '<div id="invisible-close" onClick="window.close(); return false;"><span>' . $lang['srv_close_invisible'] . '</span></div>';
?> <script> $('#invisible-close span').effect("pulsate", {times: 3}, 2000); </script> <?
}
}
// Prikaze podatke o anketi na vrhu
private function displayHeaderAnketa(){
global $lang;
global $site_url;
// Aktivacija ankete, preview...
echo '<div id="anketa_active" class="newCss '.substr($lang['language'], 0, 3).'">';
$this->anketa_active();
echo '</div> <!-- /anketa_active -->';
// Prvi nivo navigacije
$this->showMainNavigation();
// Drugi nivo navigacije
$this->secondNavigation();
// Tretji nivo navigacije po potrebi glede na podstran
$this->thirdNavigation();
}
/**
* prikaze glavo v seznamu anket
*
*/
private function displayHeaderSeznamAnket(){
global $lang, $site_url, $global_user_id, $admin_type, $site_domain;
// Pobrisemo vse preview vnose
Common::deletePreviewData($this->anketa);
# naložimo razred z seznamom anket
$SL = new SurveyList();
$SLCount = $SL->countSurveys();
$SLCountPhone = $SL->countPhoneSurveys();
// Obvestilo da ima uporabnik neprebrano sporocilo
$NO = new Notifications();
$countMessages = $NO->countMessages();
if ($countMessages > 0) {
echo '<div id="new_notification_alert" onClick="showUnreadMessages();">';
echo $lang['srv_notifications_alert'];
echo '</div>';
// Ce imamo vklopljen avtomatski prikaz sporcila (za pomembne zadeve), ga prikazemo po loadu
if($NO->checkForceShow())
echo '<script>$(document).ready(function(){showUnreadMessages();})</script>';
}
// GDPR popup za prejemanje obvestil - force ce ga se ni izpolnil - SAMO NA www.1ka.si, test.1ka.si in virtualkah
if ( ($site_url == 'http://test.1ka.si/'
|| isWWW()
|| isAAI()
|| ($cookie_domain == '.1ka.si' && isVirtual()))
&& User::getInstance()->getSetting($setting='gdpr_agree') == '-1'
) {
// Avtomatsko prikazemo po loadu
echo '<script>$(document).ready(function(){showGDPRMessage();})</script>';
}
echo '<div id="anketa_active" class="folders">';
echo ' <div id="topLine2">&nbsp;</div>';
echo ' <div id="surveyNavigation">';
$SL->display_tabs();
echo ' </div>';
echo '</div>';
# smo v knjižnici
$SL->display_sub_tabs();
}
// Priakz footerja
private function displayFooter(){
global $lang;
global $site_frontend;
global $mysql_database_name;
echo '<footer id="srv_footer">';
// Leva stran footerja
echo '<div class="footer_left">';
// Custom footer
if(AppSettings::getInstance()->getSetting('app_settings-footer_custom') !== false){
echo AppSettings::getInstance()->getSetting('app_settings-footer_text');
}
// Default footer
else{
echo $lang['srv_footer_links'];
if(isAAI()){
echo ' | <a href="https://www.1ka.si/d/sl/pomoc/pogosta-vprasanja/pogosta-vprasanja-o-arnes-aai-prijavi-uporabi-orodja-1ka" target="_blank">'.$lang['aa4'].'</a>';
}
echo '<br />';
// Verzijo izpišemo samo za admine
if ($admin_type == 0) {
// Verzija 1ka
$sqlVersion = sisplet_query("SELECT value FROM misc WHERE what='version'", "obj");
if (!empty($sqlVersion)) {
echo $lang['srv_footer_1ka_version'].': ' . $sqlVersion->value . ' | ';
}
// Verzija Drupal
if ($site_frontend == 'drupal') {
$sqlDrupal = sisplet_query("SELECT value FROM misc WHERE what='drupal version'", "obj");
if (!empty($sqlDrupal)) {
echo 'Drupal: ' . $sqlDrupal->value . ' | ';
}
}
}
echo 'Copyright (©) 2002-'.date('Y').' '.$lang['srv_footer_copyright'];
}
echo '</div>';
// Desna stran footerja - report a bug
echo '<div id="reportabug" class="footer_right">';
// www.1ka.si ima se link na go instrukcije
if($mysql_database_name == 'real1kasi' || $mysql_database_name == 'test1kasi' || $mysql_database_name == 'test21kasi'){
echo '<a href="#" onClick="consultingPopupOpen();"><span class="faicon external_link"></span> '.$lang['srv_svetovanje'].'</a>';
echo '<br>';
}
// Posebej report buga za gorenje
if (Common::checkModule('gorenje')){
echo '<a href="https://helpdesk.gorenje.com/SubmitSR.jsp" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
}
elseif(isAAI()){
echo '<a href="https://www.1ka.si/help1KA" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
}
else{
// Slovenski jezik
if ($lang['id'] == 1)
echo '<a href="https://www.1ka.si/a/72864?Q1=292032" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
// Angleski jezik
else
echo '<a href="https://www.1ka.si/a/72864?Q1=292032&language=2" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
}
echo '</div>';
echo '</footer>';
}
// Prikaze ime ankete, zvezdico in tiste linke spodi (ker se vse refresha z ajaxom)
private function anketa_active() {
private function displayHeaderAnketaSettings() {
global $lang;
global $site_url;
global $admin_type;
@ -816,35 +738,36 @@ class SurveyAdmin
if ($this->skin == 0) {
// Top navigacija
echo '<div id="topLine2" class="noMargin">';
echo '<div id="anketa_header_settings">';
// aktivni ki lahko tudi urejajo
if ($this->checkDostopAktiven()) {
echo '<span id="anketa_naslov" class="anketa_img_nav">';
echo '<div class="anketa_header_naslov">';
if($hierarhija_type == 10){
echo '<a href="#" title="' . $lang['srv_anketarename'] . '" style="cursor:text !important;">' . $row['naslov'] . '</a>';
}else{
}
else{
echo '<a href="#" onclick="anketa_title_edit(\'' . $this->anketa . '\',\'1\'); return false;" title="' . $lang['srv_anketarename'] . '">' . $row['naslov'] . '</a>';
}
$this->request_help();
$this->check_online_users();
echo '</span>';
echo '</div>';
}
// pasivni lahko samo gledajo
else {
echo ' <span id="anketa_naslov" class="anketa_img_nav">';
echo ' ' . $row['naslov'] . '';
echo ' </span>';
echo ' <div class="anketa_header_naslov">'.$row['naslov'].'</div>';
$link = SurveyInfo::getSurveyLink();
}
// Pomoc
echo '<div class="anketa_header_help">';
$this->request_help();
$this->check_online_users();
echo '</div>';
echo '<script type="text/javascript">';
echo '$(document).ready(function() {';
echo '$("#baseSurveyInfoImg").mouseover(function() {showInfoBox(\'show\',$(this)); return false;});';
@ -853,26 +776,31 @@ class SurveyAdmin
echo '});';
echo '</script>';
// aktivacija, deaktivacija
echo '<span id="anketa_activation"' . ($this->isAnketar == true ? ' class="visibility_hidden"' : '') . '>';
// URL, aktivacija, deaktivacija
echo '<div class="anketa_header_activation"' . ($this->isAnketar == true ? ' class="visibility_hidden"' : '') . '>';
$this->displayAktivnost();
echo '</span>'; # id="anketa_activation"
echo '</div>';
// Nastavitve ankete
// Nastavitve ankete - ikona
$d = new Dostop();
if ($d->checkDostopSub('edit')) {
echo '<div class="anketa_header_quick_settings">';
if ($hierarhija_type == 10) {
echo ' <a href="#" title="' . $lang['srv_survey_settings'] . '" style="padding: 0 5px;cursor:text !important;">';
echo '<span class="faicon wheel_32 icon-orange_hover_red" style="margin-bottom:1px;"></span>';
echo '</a> ';
}
else {
echo ' <a href="' . $site_url . 'admin/survey/index.php?anketa=' . $this->anketa . '&a=nastavitve" title="' . $lang['srv_survey_settings'] . '" style="padding: 0 5px;">';
echo '<span class="faicon wheel_32 icon-orange_hover_red" style="margin-bottom:1px;"></span>';
echo '</a> ';
}
echo '<span class="faicon wheel_32 icon-orange_hover_red" style="margin-bottom:1px;"></span>';
echo '</a> ';
echo '</div> ';
}
@ -890,7 +818,7 @@ class SurveyAdmin
$button_text = ($current_package == '2') ? $lang['srv_access_upgrade2'] : $lang['srv_access_upgrade'];
echo '<div class="upgrade_package">';
echo '<div class="anketa_header_upgrade_package">';
echo '<div class="buttonwrapper"><a class="ovalbutton ovalbutton_purple" href="'.$upgrade_url.'" target="_blank"><span>'.$button_text.'</span></a></div>';
echo '</div>';
}
@ -901,8 +829,10 @@ class SurveyAdmin
$reloadSetting = ($_GET['a'] == "nastavitve") ? "'1'" : "'0'";
echo '<span id="survey_comment_holder" style="visibility: hidden" spremenljivka="0" view="0" type="0">&nbsp;</span>';
echo ' </div>';
echo '</div>';
SurveySetting::getInstance()->Init($this->anketa);
// komentar na anketo, ki je vedno viden
@ -940,7 +870,6 @@ class SurveyAdmin
$css_objava = 'off';
$css_data = 'off';
$css_analysis = 'off';
$separatorli = '<li class="separator">&nbsp;</li>';
if ($this->first_action == NAVI_STATUS) {
$css_status = 'on';
@ -969,14 +898,14 @@ class SurveyAdmin
echo '<div id="firstNavigation" >';
echo '<div id="mojeAnketeLink">';
echo '<a class="left-1ka" href="index.php?a=pregledovanje" title="' . $lang['srv_pregledovanje'] . ' (' . strtolower($lang['srv_create_survey']) . ', ' . strtolower($lang['srv_library']) . ')">'/*<span class="sprites moje_ankete_off"></span>*/.'<span class="library_link">' . $lang['srv_pregledovanje'] . '</span></a>';
echo '<a href="index.php?a=pregledovanje" title="' . $lang['srv_pregledovanje'] . ' (' . strtolower($lang['srv_create_survey']) . ', ' . strtolower($lang['srv_library']) . ')">'/*<span class="sprites moje_ankete_off"></span>*/.'<span class="library_link">' . $lang['srv_pregledovanje'] . '</span></a>';
echo '</div>';
echo '<ol class="left-side right-space' . ($this->isAnketar == true ? ' visibility_hidden' : '') . '">';
echo '<ol class="'.($this->isAnketar == true ? ' visibility_hidden' : '').'">';
if ($this->skin == 0 /*&& $this->checkDostopAktiven()*/ && $this->isAnketar == false) {
echo $separatorli;
echo '<li>';
if ($d->checkDostopSub('dashboard'))
@ -1004,7 +933,6 @@ class SurveyAdmin
echo '</li>';
}
echo $separatorli;
echo '<li>';
if ($d->checkDostopSub('edit') && $hierarhija_type < 5) {
echo '<a href="index.php?anketa=' . $this->anketa . ($this->survey_type > 1 ? '&a=' . A_BRANCHING : '') . '" title="' . $lang['srv_vprasalnik'] . '">';
@ -1019,7 +947,7 @@ class SurveyAdmin
# testiranje - ne prikazemo v glasovanju
if ($this->survey_type != 0 && $this->survey_type != 1) {
echo $separatorli;
echo '<li>';
if ($d->checkDostopSub('test')) {
echo '<a href="index.php?anketa=' . $this->anketa . '&amp;a=' . A_TESTIRANJE . '" title="' . $lang['srv_testiranje'] . '">';
@ -1033,6 +961,7 @@ class SurveyAdmin
echo '</li>';
}
# če ni manager mora iti na vabila
if (SurveyInfo::getInstance()->checkSurveyModule('email') && $this->user_role_cehck(U_ROLE_MANAGER) == true) {
$link = 'invitations';
@ -1041,13 +970,11 @@ class SurveyAdmin
$link = A_VABILA;
}
echo $separatorli;
echo '<li>';
if ($d->checkDostopSub('publish')) {
echo '<a href="index.php?anketa=' . $this->anketa . '&amp;a=' . $link . '" title="' . $lang['srv_vabila'] . '">';
}
echo '<div class="step-' . $css_objava . '">' . $lang['srv_vabila'] . '</div>';
//echo $css_objavaRight;
if ($d->checkDostopSub('publish')) {
echo '</a>';
}
@ -1056,7 +983,7 @@ class SurveyAdmin
// Podatki - ne prikazemo v glasovanju
if ($this->survey_type != 0) {
echo $separatorli;
echo '<li>';
if ($d->checkDostopSub('data')) {
echo '<a href="index.php?anketa=' . $this->anketa . '&amp;a=' . A_COLLECT_DATA . '" title="' . $lang['srv_results'] . '">';
@ -1080,7 +1007,7 @@ class SurveyAdmin
} else {
$_goto_m = '&m=' . M_ANALYSIS_SUMMARY;
}
echo $separatorli;
echo '<li>';
if ($d->checkDostopSub('analyse') && !isset($modules['hierarhija'])) {
@ -2138,6 +2065,91 @@ class SurveyAdmin
}
}
// Priakz footerja
private function displayFooter(){
global $lang;
global $site_frontend;
global $mysql_database_name;
echo '<footer id="srv_footer">';
// Leva stran footerja
echo '<div class="footer_left">';
// Custom footer
if(AppSettings::getInstance()->getSetting('app_settings-footer_custom') !== false){
echo AppSettings::getInstance()->getSetting('app_settings-footer_text');
}
// Default footer
else{
echo $lang['srv_footer_links'];
if(isAAI()){
echo ' | <a href="https://www.1ka.si/d/sl/pomoc/pogosta-vprasanja/pogosta-vprasanja-o-arnes-aai-prijavi-uporabi-orodja-1ka" target="_blank">'.$lang['aa4'].'</a>';
}
echo '<br />';
// Verzijo izpišemo samo za admine
if ($admin_type == 0) {
// Verzija 1ka
$sqlVersion = sisplet_query("SELECT value FROM misc WHERE what='version'", "obj");
if (!empty($sqlVersion)) {
echo $lang['srv_footer_1ka_version'].': ' . $sqlVersion->value . ' | ';
}
// Verzija Drupal
if ($site_frontend == 'drupal') {
$sqlDrupal = sisplet_query("SELECT value FROM misc WHERE what='drupal version'", "obj");
if (!empty($sqlDrupal)) {
echo 'Drupal: ' . $sqlDrupal->value . ' | ';
}
}
}
echo 'Copyright (©) 2002-'.date('Y').' '.$lang['srv_footer_copyright'];
}
echo '</div>';
// Desna stran footerja - report a bug
echo '<div id="reportabug" class="footer_right">';
// www.1ka.si ima se link na go instrukcije
if($mysql_database_name == 'real1kasi' || $mysql_database_name == 'test1kasi' || $mysql_database_name == 'test21kasi'){
echo '<a href="#" onClick="consultingPopupOpen();"><span class="faicon external_link"></span> '.$lang['srv_svetovanje'].'</a>';
echo '<br>';
}
// Posebej report buga za gorenje
if (Common::checkModule('gorenje')){
echo '<a href="https://helpdesk.gorenje.com/SubmitSR.jsp" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
}
elseif(isAAI()){
echo '<a href="https://www.1ka.si/help1KA" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
}
else{
// Slovenski jezik
if ($lang['id'] == 1)
echo '<a href="https://www.1ka.si/a/72864?Q1=292032" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
// Angleski jezik
else
echo '<a href="https://www.1ka.si/a/72864?Q1=292032&language=2" target="_blank"><span class="faicon inline_comment"></span> '.$lang['srv_footer_reportabug'].'</a>';
}
echo '</div>';
echo '</footer>';
}
// Pohendla prikazovanje vsebine ankete
private function displayAnketa(){
global $global_user_id;
@ -6779,6 +6791,8 @@ class SurveyAdmin
// Predogled in testiranje (ikona monitor)
echo '<div class="anketa_header_preview">';
echo '<span class="tooltip borderLeft monitor" style="padding-left:7px;">';
echo ' <a href="' . $link . '&preview=on' . $preview_options . '" target="_blank"><span class="faicon monitor" style="margin-right:7px;"></span></a> ';
echo '<span id="tooltip_preview_content" class="expanded-tooltip bottom light">';
@ -6817,25 +6831,33 @@ class SurveyAdmin
echo '</span>'; // expanded-tooltip bottom
echo '</span>'; // request-help
# url ankete
echo '<span id="anketa_url" class="anketa_url borderLeft">';
echo '</div>';
// URL ankete
echo '<div class="anketa_header_url">';
if ($row['active'] == 1 && !SurveyInfo::getInstance()->checkSurveyModule('hierarhija')) {
echo '<a href="' . $link . '" title="' . $lang['srv_urlankete'] . '" target="_blank">';
//echo '<span class="sprites anketa_link"></span>&nbsp;
echo $link;
echo '</a>';
} elseif (SurveyInfo::getInstance()->checkSurveyModule('hierarhija')) {
}
elseif (SurveyInfo::getInstance()->checkSurveyModule('hierarhija')) {
echo '<a href="'.$site_url.'sa" target="_blank">'.$site_url.'sa</a>';
} else {
}
else {
echo $link;
}
echo '</span>&nbsp;&nbsp;';
echo '</div>';
$d = new Dostop();
if ($d->checkDostopAktiven()) {
echo '<span class="borderLeft">';
echo '<div class="anketa_header_activate">';
if (SurveyInfo::getSurveyColumn('active') == 1) {
# anketa je aktivna
@ -6878,6 +6900,12 @@ class SurveyAdmin
echo '</a>';
}
echo '</div>';
// Ikona kljucavnice
echo '<div class="anketa_header_lock">';
// Ce ima uporabnik prepreceno moznost odklepanja ankete, anketo ima vedno zaklenjeno če je vklopljena hierarhija
$prevent_unlock = (SurveyInfo::getSurveyModules('hierarhija') == 2 || $d->checkDostopSub('lock') && $row['locked'] == 1 && ($admin_type != 0 && $admin_type != 1)) ? 1 : 0;
if ($prevent_unlock == 1) {
@ -6897,7 +6925,7 @@ class SurveyAdmin
echo '</a>';
}
echo '</span>';
echo '</div>';
}
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 975.01 542.87"><defs><style>.cls-1{fill:#0082ff;}.cls-2{fill:#707070;}</style></defs><title>1ka_logo</title><path class="cls-1" d="M181.15,232V639.67H107.33V270.57H25V232Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M234.53,232H305V639.67H234.53Zm276.55,0h84.61L403.75,431.27l199.89,208.4H517.32l-197-208.4Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M879.61,639.67,849.52,559H637.71l-30.1,80.63H537.2L694.49,232H793.3L951.16,639.67ZM652.47,520.42H834.75L743.9,278.52Z" transform="translate(-24.99 -231.95)"/><path class="cls-1" d="M111.88,700.43h55.65V715.2H127.78V730h34.63v14.77H127.78v15.33h40.31v14.76H111.88Z" transform="translate(-24.99 -231.95)"/><path class="cls-1" d="M182.86,700.43h14.76l34.64,45.43V700.43h15.9v73.82H235.1l-35.77-47.13v47.13h-15.9V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M266.33,700.43H282.8V732.8l30.1-32.37h19.87l-30.1,31.24,31.8,42.58H314.6l-22.71-31.8-8.52,9.09v22.71H266.9V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M343.56,700.43H360v59.06h36.91v14.76H343.56Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M410,700.43h16.47v73.82H410Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M444.64,700.43h16.47V732.8l30.09-32.37h19.88L481,731.67l31.8,42.58H493.47l-22.71-31.8-8.52,9.09v22.71H445.77V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M579.22,699.87H594l31.8,74.38h-17l-6.82-16.46H570.7l-6.81,16.46H547.42Zm17,43.72-9.66-23.85L577,743.59Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M637.71,700.43h14.76l34.64,45.43V700.43H703v73.82H689.38l-35.77-47.13v47.13h-15.9Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M721.18,700.43h16.47V732.8l30.1-32.37h19.87l-30.09,31.24,31.8,42.58H768.88l-22.71-31.8-8.52,9.09v22.71H721.18Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M798.41,700.43h55.65V715.2H814.31V730H849v14.77H814.31v15.33h40.32v14.76H798.41V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M886.43,715.2H863.71V700.43H925V715.2H902.33v59H885.86Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M953.44,699.87H968.2l31.8,74.38H983l-6.81-16.46H944.92l-6.82,16.46H922.2ZM971,743.59l-9.65-23.85-9.66,23.85Z" transform="translate(-24.99 -231.95)"/></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 975.01 542.87"><defs><style>.cls-1{fill:#0082ff;}.cls-2{fill:#707070;}</style></defs><title>1ka_logo</title><path class="cls-1" d="M181.15,232V639.67H107.33V270.57H25V232Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M234.53,232H305V639.67H234.53Zm276.55,0h84.61L403.75,431.27l199.89,208.4H517.32l-197-208.4Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M879.61,639.67,849.52,559H637.71l-30.1,80.63H537.2L694.49,232H793.3L951.16,639.67ZM652.47,520.42H834.75L743.9,278.52Z" transform="translate(-24.99 -231.95)"/><path class="cls-1" d="M111.88,700.43h55.65V715.2H127.78V730h34.63v14.77H127.78v15.33h40.31v14.76H111.88Z" transform="translate(-24.99 -231.95)"/><path class="cls-1" d="M182.86,700.43h14.76l34.64,45.43V700.43h15.9v73.82H235.1l-35.77-47.13v47.13h-15.9V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M266.33,700.43H282.8V732.8l30.1-32.37h19.87l-30.1,31.24,31.8,42.58H314.6l-22.71-31.8-8.52,9.09v22.71H266.9V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M343.56,700.43H360v59.06h36.91v14.76H343.56Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M410,700.43h16.47v73.82H410Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M444.64,700.43h16.47V732.8l30.09-32.37h19.88L481,731.67l31.8,42.58H493.47l-22.71-31.8-8.52,9.09v22.71H445.77V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M579.22,699.87H594l31.8,74.38h-17l-6.82-16.46H570.7l-6.81,16.46H547.42Zm17,43.72-9.66-23.85L577,743.59Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M637.71,700.43h14.76l34.64,45.43V700.43H703v73.82H689.38l-35.77-47.13v47.13h-15.9Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M721.18,700.43h16.47V732.8l30.1-32.37h19.87l-30.09,31.24,31.8,42.58H768.88l-22.71-31.8-8.52,9.09v22.71H721.18Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M798.41,700.43h55.65V715.2H814.31V730H849v14.77H814.31v15.33h40.32v14.76H798.41V700.43Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M886.43,715.2H863.71V700.43H925V715.2H902.33v59H885.86Z" transform="translate(-24.99 -231.95)"/><path class="cls-2" d="M953.44,699.87H968.2l31.8,74.38H983l-6.81-16.46H944.92l-6.82,16.46H922.2ZM971,743.59l-9.65-23.85-9.66,23.85Z" transform="translate(-24.99 -231.95)"/></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -1,6 +1,12 @@
header{
height: 170px;
/*
Header scss - top line, menu...
*/
background-color: #eee;
overflow:scroll;
}
header{
.mobile_header{
display: none;
}
}
@import "top_line";
@import "navigation";

View File

@ -0,0 +1,272 @@
$first_navigation_text: $gray;
$comment_number_text: #ffffff;
$second_navigation_text: $gray;
$export_dropdown_text: $gray;
$second_navigation_background: #ffffff;
header{
#surveyNavigation {
height: 58px;
background-color: $blue;
#firstNavigation {
display: flex;
height: 50px;
width: 100%;
padding-top: 10px;
font-size: 16px;
font-weight: 400;
text-align: center;
#mojeAnketeLink {
a {
color: $white;
text-decoration: none;
}
}
ol {
display: flex;
li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
a {
color: $white;
text-decoration: none;
}
}
}
}
}
#quick_comments_link.newCss {
font-size: 12px;
margin-top: 3px !important;
margin-right: 5px !important;
a {
margin-right: 0px !important;
color: $blue !important;
font-weight: 600;
&:hover {
color: $yellow !important;
}
span.comments_blue_off {
margin-top: 4px !important;
}
span.comments_orange_off {
margin-top: 4px !important;
}
span.comments_blue_on {
margin-top: -1px !important;
}
span.comments_orange_on {
margin-top: -1px !important;
}
}
}
span.sprites.comments_blue_on {
color: $comment_number_text;
font-size: 11px;
font-weight: bold;
line-height: 12px;
text-align: center;
}
span.sprites.comments_orange_on {
color: $comment_number_text;
font-size: 11px;
font-weight: bold;
line-height: 12px;
text-align: center;
}
#secondNavigation {
display: block;
z-index: 1;
left: 0px;
right: 0px;
padding: 8px 20px 0 145px;
height: 33px;
border-bottom: 1px solid $blue;
background-color: $second_navigation_background;
}
ul.secondNavigation {
display: inline-block;
float: left;
width: auto;
margin-top: 1px !important;
margin-bottom: 0;
}
.secondNavigation {
display: inline-block;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0px;
width: 100%;
li {
display: list-item;
float: left;
padding: 0px;
margin: 0px;
}
.blank {
height: 12px;
width: 6px;
}
.no-img {
padding: 0px 12px !important;
background-image: none !important;
}
a {
display: block;
line-height: 30px;
font-size: 14px;
color: $second_navigation_text;
&:hover {
border-bottom: 2px solid $yellow;
}
}
a.active {
color: $yellow;
background-color: inherit;
border-bottom: 2px solid $yellow;
}
.side-left {
padding-left: 10px;
}
.side-right {
padding-right: 12px;
}
.space {
width: 20px;
height: 19px;
padding: 0px;
}
.single {
padding: 0px 12px 0px 24px¸;
&:hover {
text-shadow: 0px 1px 0px #fff;
}
&:active {
color: $gray;
}
}
}
#secondNavigation.library {
padding-left: 35px;
a {
font-size: 14px;
}
ul.secondNavigation {
.space {
width: 25px;
}
}
}
#secondNavigation_links {
position: relative;
float: right;
width: auto;
margin-top: -7px;
line-height: 38px;
z-index: 2;
text-align: right;
#hover_export {
display: none;
position: absolute;
z-index: 99999;
right: 10px;
top: 39px;
padding: 5px 0 5px 13px;
width: 180px;
text-align: left;
line-height: normal;
background-color: $second_navigation_background;
border: 1px $blue solid;
-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
a {
display: block;
padding: 6px 0;
color: $export_dropdown_text;
font-size: 14px;
transition: 0.2s;
&:hover {
color: $yellow;
}
}
span.hover_export_icon {
display: inline-block;
width: 40px;
}
}
}
ul.secondNavigationArchive {
display: inline-block;
float: left;
width: auto;
padding: 0px;
margin: 0 0 0 10px !important;
padding-left: 23px;
padding-top: 0px;
font-size: 14px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
border-left: 1px dotted $blue;
li {
display: list-item;
padding: 0 12px;
float: left;
margin: 0px;
transition: 0.2s;
a {
color: $second_navigation_text;
line-height: 31px;
}
a.active {
color: $yellow;
}
&:hover {
border-bottom: 2px solid $yellow;
}
}
li.aactive{
border-bottom: 2px solid $yellow;
}
}
// skrijemo breadcrumbs na desktopu
div.breadcrumbs {
display: none;
}
}

View File

@ -0,0 +1,274 @@
$anketa_title: $gray;
$anketa_url_disabled: $gray;
$anketa_url_enabled: $blue;
$mail_unread: #ffffff;
$user_dropdown_text: #4d4d4d;
$header_background: #ffffff;
header #top_line{
display: flex;
align-items: center;
height: 58px;
padding: 0 32px;
// Logo zgoraj levo
#logo_holder {
width: 87px;
height: 40px;
a{
display: block;
width: 87px;
height: 40px;
background-image: url(../img/logo/1ka_logo_slo.svg);
background-repeat: no-repeat;
}
&.english a{
background-image: url(../img/logo/1ka_logo_eng.svg);
}
}
// Podatki o anketi v zgornji vrstici (naslov, aktivacija, preview...)
#anketa_header_settings{
display: flex;
margin-left: 30px;
.anketa_header_naslov {
a {
font-size: 20px;
color: $black;
text-decoration: none;
font-weight: 600;
}
}
// Help, preview ikone
.anketa_header_help{
margin-left: 37px;
}
.anketa_header_activation{
display: flex;
align-items: center;
.anketa_header_preview{
margin-left: 32px;
}
.anketa_header_url{
margin-left: 32px;
a{
font-size: 16px;
text-decoration: none;
}
}
.anketa_header_activate{
margin-left: 32px;
// Gumb za aktivacijo ankete
.switch_anketa {
position: relative;
display: block;
width: 50px;
height: 20px;
color: white;
font-size: 12px;
font-weight: 400;
.switch_anketa_content {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-top: 1px;
background-color: $blue;
border-radius: 20px;
}
.switch_anketa_content:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
bottom: 1px;
background-color: white;
border-radius: 50%;
}
}
.switch_anketa.anketa_on{
.switch_anketa_content{
padding-left: 9px;
background-color: $blue;
}
.switch_anketa_content:before{
right: 2px;
}
&:hover{
.switch_anketa_content{
background-color: $yellow;
}
}
}
.switch_anketa.anketa_off{
.switch_anketa_content{
padding-left: 19px;
background-color: $blue;
}
.switch_anketa_content:before{
left: 2px;
}
&:hover{
.switch_anketa_content{
background-color: $blue;
}
}
}
}
.anketa_header_lock{
margin-left: 32px;
}
}
.anketa_header_quick_settings{
margin-left: 32px;
}
}
// Nastavitve zgoraj desno (search, uporabnik...)
#enka_nav {
position: absolute;
right: 32px;
#search_holder {
display: inline-block;
vertical-align: middle;
}
#help_holder {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
#fieldwork_holder {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
#notification_holder {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
input#searchSurvey {
display: none;
width: 150px;
padding: 3px 0 3px 5px;
margin-top: -8px;
border: 1px solid $blue;
}
}
span.sprites.mail_unread {
color: $mail_unread;
font-size: 11px;
font-weight: bold;
line-height: 23px;
text-align: center;
text-indent: 10px;
}
#xtradiv {
display: inline-block;
width: auto;
margin-left: 15px;
vertical-align: middle;
.xtraname {
cursor: pointer;
display: inline-block;
width: auto;
font-weight: 500;
color: $blue;
&:hover{
color: $yellow;
}
}
#xtradivSettings {
display: none;
position: absolute;
z-index: 99999;
right: 8px;
top: 35px;
padding: 5px 10px;
width: 120px;
text-align: left;
background-color: $header_background;
border: 1px $blue solid;
-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
span.xtraSetting {
clear: both;
float: left;
padding: 6px 0;
a.xtra {
display: inline;
vertical-align: middle;
font-size: 13px;
color: $user_dropdown_text;
&:hover {
color: $yellow;
.faicon {
color: $yellow;
}
}
span.faicon {
display: inline;
vertical-align: middle;
margin-right: 10px;
}
}
}
}
}
/*tooltips on survey*/
.tooltip {
position: relative;
.expanded-tooltip {
display: none;
white-space: normal;
}
&:hover {
.expanded-tooltip {
display: block;
}
}
}
.tooltip.monitor {
cursor: pointer;
}
}