diff --git a/admin/survey/SurveyAdmin.php b/admin/survey/SurveyAdmin.php index 3f1257c47..8e186cc92 100644 --- a/admin/survey/SurveyAdmin.php +++ b/admin/survey/SurveyAdmin.php @@ -1965,10 +1965,6 @@ class SurveyAdmin $podstran = M_ANALYSIS_SUMMARY; } } - // Zavihki STATUS - elseif($_GET['a'] == 'reporti'){ - $podstran = 'status'; - } elseif($_GET['a'] == 'usable_resp'){ $podstran = 'usable_resp'; } diff --git a/admin/survey/classes/class.SurveyStaticHtml.php b/admin/survey/classes/class.SurveyStaticHtml.php index bb2f5a7e4..2e7f321aa 100644 --- a/admin/survey/classes/class.SurveyStaticHtml.php +++ b/admin/survey/classes/class.SurveyStaticHtml.php @@ -296,11 +296,11 @@ class SurveyStaticHtml if( in_array($data_file_status, array(FILE_STATUS_SRV_DELETED, FILE_STATUS_NO_DATA)) && in_array($podstran, array( - 'para_analysis_graph', 'para_graph', 'usable_resp', 'status_advanced', + 'status', 'para_analysis_graph', 'para_graph', 'usable_resp', 'status_advanced', 'data', 'quick_edit', 'variables', 'export', 'sumarnik', 'descriptor', 'frequency', 'crosstabs', 'ttest', 'means', 'break', 'multicrosstabs', 'charts', 'analysis_links' )) ){ - +echo 'xx'; return; } @@ -620,57 +620,6 @@ class SurveyStaticHtml echo ''; } } - // Nastavitve statusa - elseif ($podstran == 'status') { - - $ss = new SurveyStatistic(); - $ss->Init($this->sid); - - echo '
'; - - echo '
'; - echo $ss->emailInvitationFilter($this->emailInvitation); - echo '
'; - - echo ''; - - echo '
'; - } - echo ''; } diff --git a/admin/survey/classes/class.SurveyStatistic.php b/admin/survey/classes/class.SurveyStatistic.php index 63adaa268..5725f9900 100644 --- a/admin/survey/classes/class.SurveyStatistic.php +++ b/admin/survey/classes/class.SurveyStatistic.php @@ -728,35 +728,53 @@ class SurveyStatistic { $_sql_qry = sisplet_query($_sql_string); list($dashboard_update_time) = mysqli_fetch_row($_sql_qry); + + echo '
'; + echo '
'; echo ' '.$lang['srv_dashboard_updated'].$dashboard_update_time.''; echo $SDF->getDataFileInfo(); echo '
'; + echo '
'; + $this->displayTopFilters(); + echo '
'; + + echo '
'; + + # preberemo cache file in ga zehamo echo $this->ReadCacheFile(); } else { - $dashboard_update_time = date("d.m.Y, H:i:s"); + echo '
'; - echo '
'; - echo ' '.$lang['srv_dashboard_updated'].$dashboard_update_time.''; + echo '
'; + + $dashboard_update_time = date("d.m.Y, H:i:s"); + echo ' '.$lang['srv_dashboard_updated'].$dashboard_update_time.''; #preberemo podatke o datoteki echo $SDF->getDataFileInfo(); // Ce ne zbiramo parapodatkov casov resevanja izpisemo opozorilo if($paradata_date == 1) - echo ''.$lang['srv_dashboard_paradata_date_warning'].''; + echo ' '.$lang['srv_dashboard_paradata_date_warning'].''; // Prikazemo filter na datum ce je vklopljen if (SurveyTimeProfiles::getCurentProfileId() != STP_DEFAULT_PROFILE){ - echo '
'; + echo '
'; SurveyTimeProfiles :: printIsDefaultProfile(); - echo '
'; + echo '
'; } + echo '
'; + + echo '
'; + $this->displayTopFilters(); + echo '
'; + echo '
'; @@ -817,7 +835,8 @@ class SurveyStatistic { echo '
'; - echo '
'.$lang['srv_statistic_timeline_title'].' '.Help :: display('srv_statistic_timeline_title').'
'; + echo '
'.$lang['srv_statistic_timeline_title'].' '.Help :: display('srv_statistic_timeline_title').'
'; + $this->DisplayFilters(); echo '
'; @@ -864,6 +883,55 @@ class SurveyStatistic { $dashboardHtml = null; } + + // Prikazemo filtre na vrhu dashboarda + function DisplayTopFilters(){ + global $lang; + + + echo '
'; + echo $this->emailInvitationFilter($this->emailInvitation); + echo '
'; + + # če imamo vabila - filter za emaile + $row = SurveyInfo::getSurveyRow(); + + if ($row['email'] || $row['user_base']) { + if ($this->cnt_all == $this->cnt_email) { + + echo '
'; + + echo $lang['srv_statistic_email_invitation']; + echo ' '; + + echo '
'; + } + else { + echo '
'; + + echo $lang['srv_statistic_email_invitation']; + echo ' '; + + echo '
'; + } + } + + # filter za čase + echo '
'; + echo ' '; + echo '
'; + } + /** Funkcija prikaze osnovnih informacij * */ @@ -1177,7 +1245,7 @@ class SurveyStatistic { } // vsota vlejavnih if ($cntValid > 0 || !$this->hideNullValues_status) { - echo ''; + echo ''; echo ''.$lang['srv_statistic_redirection_sum_valid'].''; echo ''.($this->cntUserByStatus['valid']).''; echo ''; @@ -1203,7 +1271,7 @@ class SurveyStatistic { // vsota nevlejavnih if ($cntNonValid > 0 || !$this->hideNullValues_status) { - echo ''; + echo ''; echo ''.$lang['srv_statistic_redirection_sum_nonvalid'].''; echo ''.($this->cntUserByStatus['nonvalid']).''; echo ''; @@ -1214,14 +1282,14 @@ class SurveyStatistic { $view_count = SurveySetting::getInstance()->getSurveyMiscSetting('view_count'); if ($view_count == "") $view_count = 0; if ($view_count > 0 || !$this->hideNullValues_status){ - echo ''; + echo ''; echo ''.$lang['srv_statistic_redirection_sum_view'].''; echo ''.($view_count).''; echo ''; } // Vsota anketiranih - echo ''; + echo ''; echo ''.$lang['srv_statistic_redirection_sum_surveyed'].''; echo ''.($this->cntUserByStatus['valid']+$this->cntUserByStatus['nonvalid']).''; echo ''; @@ -1265,7 +1333,7 @@ class SurveyStatistic { // vsota emaili if ($cntInvitation > 0 || !$this->hideNullValues_status) { - echo ''; + echo ''; echo ''.$lang['srv_statistic_sum2'].''; echo ''.($this->cntUserByStatus['invitation']).''; echo ''; @@ -1273,7 +1341,7 @@ class SurveyStatistic { // Vsota vseh - echo ''; + echo ''; echo ''.$lang['srv_statistic_sum_all'].''; echo ''.($this->cntUserByStatus['valid']+$this->cntUserByStatus['nonvalid']+$this->cntUserByStatus['invitation']).''; echo ''; @@ -1301,8 +1369,9 @@ class SurveyStatistic { echo '
'.$lang['srv_statistic_answer_state_title'].' '.Help :: display('srv_statistic_answer_state_title').'
'; - echo '
'.$lang['srv_statistic_answer_state_base'].': '; - echo ''; foreach ($order as $key) { echo ''; } @@ -1315,7 +1384,7 @@ class SurveyStatistic { echo ''; echo ''.$lang['srv_statistic_answer_state_status'].''; - echo ''.$lang['srv_statistic_answer_state_frequency'].''; + echo ''.$lang['srv_statistic_answer_state_frequency'].''; echo ''.$lang['srv_statistic_answer_state_percent'].''; echo ''; @@ -1354,7 +1423,8 @@ class SurveyStatistic { echo ''; echo ''.$lang['srv_statistic_answer_state_usability'].' ('.$sur->bottom_usable_limit.'%/'.$sur->top_usable_limit.'%)'; - echo ''; + echo ''.$lang['srv_statistic_answer_state_frequency'].''; + echo ''.$lang['srv_statistic_answer_state_percent'].''; echo ''; echo ''; @@ -1401,7 +1471,8 @@ class SurveyStatistic { echo ''; echo ''.$lang['srv_statistic_answer_state_breakoff'].''; - echo ''; + echo ''.$lang['srv_statistic_answer_state_frequency'].''; + echo ''.$lang['srv_statistic_answer_state_percent'].''; echo ''; $introBreakoff = $status3 + $status4; @@ -1614,7 +1685,7 @@ class SurveyStatistic { } // dodamo sumo - echo ''; + echo ''; echo ''.$lang['srv_statistic_redirection_sum_clicked'].''; echo ''.$value_sum.''; echo ''; @@ -1624,7 +1695,7 @@ class SurveyStatistic { echo ''; if (!($value_sum_nonvalid == 0 || $value_sum == 0 )) { - echo ''; + echo ''; echo '' . $lang['srv_statistic_redirection_sum'] . ''; echo ''.($value_sum+$value_sum_nonvalid).''; echo ''; @@ -1633,21 +1704,24 @@ class SurveyStatistic { echo '
'; - echo ''.$lang['srv_statistic_details'].'
'; + + echo ''.$lang['srv_statistic_details'].''; if ($this->cntValidRedirections > 0) { - echo ''; + echo ''.$lang['srv_statistic_detail_referal'].''; } else { - echo '
'.$lang['srv_statistic_show_no_referals'].'
'; + echo ''.$lang['srv_statistic_show_no_referals'].''; } - echo ''; - } + echo ''.$lang['srv_statistic_detail_IP'].''; + + # skrita div aza podrobnosti + echo ''; + echo ''; - # skrita div aza podrobnosti - echo '
'; - echo '
'; + echo '
'; + } } /** Funkcija za prikaz klikov po straneh @@ -1661,19 +1735,26 @@ class SurveyStatistic { echo '
'.$lang['srv_statistic_pages_state_title'].' '.Help :: display('srv_statistic_pages_state_title').'
'; + + echo '
'; + // Filter po osnovi if ($this->emailInvitation == 1) { $order = array('email','3ll','4ll','5ll',5,6); - } else { + } + else { $order = array('3ll','4ll','5ll',5,6); } - echo '
'.$lang['srv_statistic_answer_state_base'].': '; - echo ''; foreach ($order as $key) { echo ''; } echo ''; + echo '
'; + $status_filter_string = ''; switch($this->pageUsersByStatus_base){ @@ -1701,9 +1782,7 @@ class SurveyStatistic { $status_filter_string = "AND u.last_status='6' AND u.lurker='0'"; break; } - - echo '
'; - + $pages=array(); $maxValue = 0; if ($this->emailInvitation > 0) { @@ -1768,10 +1847,10 @@ class SurveyStatistic { echo ''; #strani - echo ''; + /*echo ''; echo ''; echo ''; - echo ''; + echo '';*/ foreach ($pages as $key => $page) { $value = $page['cnt']; @@ -1785,10 +1864,10 @@ class SurveyStatistic { } #strani - echo ''; + /*echo ''; echo ''; echo ''; - echo ''; + echo '';*/ # status 6 - "Koncal", $value6 = $this->realUsersByStatus[6]['cnt']; @@ -1817,10 +1896,10 @@ class SurveyStatistic { echo ''; #črta - echo ''; + /*echo ''; echo ''; echo ''; - echo ''; + echo '';*/ # končal ne glede na to ali je lurker echo ''; @@ -1830,7 +1909,6 @@ class SurveyStatistic { echo ''.$valueall.''; echo ''; echo ''; - } echo ''; @@ -1947,34 +2025,41 @@ class SurveyStatistic { function DisplayFilters () { global $lang; + echo '
'; + // Kumulativa - echo ''; - echo $lang['srv_statistic_hide_null']; - echo 'hideNullValues_dates ? ' checked="checked"' : '').' autocomplete="off">'; - echo ''; + echo '
'; + echo ' hideNullValues_dates ? ' checked="checked"' : '').' autocomplete="off">'; + echo ' '; + echo '
'; // Skrij 0 - echo ''; - echo ''; - echo 'timelineDropDownType == 1 ? ' checked="checked"' : '').' autocomplete="off" style="margin:0px!important;" onclick="statisticDropdownChange();" >'; - echo ''; - - echo '
'; + echo '
'; + echo ' timelineDropDownType == 1 ? ' checked="checked"' : '').' autocomplete="off" style="margin:0px!important;" onclick="statisticDropdownChange();" >'; + echo ' '; + echo '
'; + echo '
'; + + + echo '
'; + // Osnova - echo ''; + echo '
'; $this->DisplayTimelineDropdowns(); - echo ''; + echo '
'; // Oblika - echo ''; - echo ':'; - echo ''; foreach ( $this->periods as $key => $_period) { - echo ''; + echo ' '; } - echo ''; - echo ''; + echo ' '; + echo '
'; + + echo '
'; } function DisplayTimelineDropdowns() { @@ -1983,7 +2068,7 @@ class SurveyStatistic { echo $lang['srv_statistic_answer_state_base'].': '; if ($this->timelineDropDownType == 0) { - echo ''; echo ''; echo ''; @@ -2010,7 +2095,7 @@ class SurveyStatistic { '5ll'=>TYPE_STATUS_KUMULATIVE_5ll, 5=>TYPE_STATUS_KUMULATIVE_5, 6=>TYPE_STATUS_KUMULATIVE_6,); - echo ''; foreach ($order as $key => $value) { echo ''; } @@ -2049,7 +2134,7 @@ class SurveyStatistic { } // dodamo sumo - echo ''; + echo ''; echo ''.$lang['srv_statistic_redirection_sum'].''; echo ''.$cnt.' '; echo ''; diff --git a/admin/survey/classes/surveyData/class.SurveyDataDisplay.php b/admin/survey/classes/surveyData/class.SurveyDataDisplay.php index 343fe4c07..c8999bdee 100644 --- a/admin/survey/classes/surveyData/class.SurveyDataDisplay.php +++ b/admin/survey/classes/surveyData/class.SurveyDataDisplay.php @@ -815,84 +815,7 @@ class SurveyDataDisplay{ # če imamo podatke if (self::$dataFileStatus != FILE_STATUS_SRV_DELETED) { - - echo ''; - - + # ali imamo testne podatke if (self::$_HAS_TEST_DATA) { # izrišemo bar za testne podatke @@ -1190,16 +1113,15 @@ class SurveyDataDisplay{ global $site_path; global $global_user_id; + + + // na vrhu in na dnu izrisemo paginacijo if(self::$dataFileStatus != FILE_STATUS_NO_DATA && (int)self::$_RECORD_COUNT > 0) { - echo '
'; - self::displayPaginacija($position='_top'); - echo '
'; - // Izrisemo search - if(!self::$_VARS[VAR_CODING]) - self::displayDataSearch(); - + // Zgornje nastavitve nad tabelo + echo '
'; + // Checkboxa za urejanje in izpise podatkov ter razpiranje dodatnih nastavitev echo '
'; @@ -1230,11 +1152,101 @@ class SurveyDataDisplay{ echo '
' . $lang['srv_extra_settings'] . '
'; echo '
'; + + + // Search + if(!self::$_VARS[VAR_CODING]) + self::displayDataSearch(); + + + // Paginacija + echo '
'; + self::displayPaginacija($position='_top'); + echo '
'; + + + // Dodatne nastavitve, ki se razprejo + echo ''; + + + echo '
'; } - echo '
'; - + // Vklopljeni filtri echo '
'; # če ne uporabljamo privzetega časovnega profila izpišemo opozorilo @@ -1262,12 +1274,7 @@ class SurveyDataDisplay{ echo '
'; - - - - - $folder = $site_path . EXPORT_FOLDER.'/'; - + // Div s tabelo echo '
'; if ((self::$dataFileStatus == 1 || self::$dataFileStatus == 0) && self::$dataFileName !== null) { @@ -1416,6 +1423,8 @@ class SurveyDataDisplay{ # ali smo v edit načinu ali monitoringu $cssEdit = (self::$_VARS[VAR_EDIT] || self::$_VARS[VAR_MONITORING]?' editData':''); + + echo ''; // Nastavimo colgroup, da na njega vezemo vse sirine v tabeli, zaradi resizinga stolpcev diff --git a/public/css/admin_new.css b/public/css/admin_new.css index 16b534cf6..1615cf6fa 100644 --- a/public/css/admin_new.css +++ b/public/css/admin_new.css @@ -12038,12 +12038,44 @@ table#standard_words_table th div.standardna-beseda-th { align-items: center; } -.dashboard_top_info { +.dashboard_top_settings { + display: flex; + align-items: center; + justify-content: space-between; +} +.dashboard_top_settings .dashboard_top_info { font-size: 14px; } -.dashboard_top_info span { +.dashboard_top_settings .dashboard_top_info span { font-size: 14px; } +.dashboard_top_settings .dashboard_top_filters { + display: flex; + align-items: center; +} +.dashboard_top_settings .dashboard_top_filters .filter_setting { + margin-left: 16px; +} +.dashboard_top_settings .dashboard_top_filters .filter_setting select.dropdown { + width: auto; + margin: 0 0 0 8px; +} +.dashboard_top_settings .dashboard_top_filters .filter_setting .filter_time_profile { + cursor: pointer; + padding: 4px 16px; + font-size: 14px; + line-height: 18px; + border: 1px solid #E5E5E5; + border-radius: 2px; + transition: 0.2s; +} +.dashboard_top_settings .dashboard_top_filters .filter_setting .filter_time_profile .faicon { + margin-right: 8px; + color: #1E88E5; +} +.dashboard_top_settings .dashboard_top_filters .filter_setting .filter_time_profile:hover { + background-color: #F8F8F8; +} .dashboard_boxes { display: flex; @@ -12078,12 +12110,17 @@ table#standard_words_table th div.standardna-beseda-th { } .dashboard_boxes .dashboard_box .box_top_settings { display: flex; + align-items: center; margin-bottom: 8px; } .dashboard_boxes .dashboard_box .box_top_settings span, .dashboard_boxes .dashboard_box .box_top_settings label { font-size: 14px; } +.dashboard_boxes .dashboard_box .box_top_settings select.dropdown { + width: auto; + margin: 0 0 0 8px; +} .dashboard_boxes .dashboard_box table { width: 100%; margin: 0 0 16px 0; @@ -12099,6 +12136,9 @@ table#standard_words_table th div.standardna-beseda-th { font-weight: 600; background-color: #F8F8F8; } +.dashboard_boxes .dashboard_box table tr.row_sum td { + font-weight: 600; +} .dashboard_boxes .dashboard_box table tr td { padding: 4px 16px 4px 8px; font-size: 14px; @@ -12114,7 +12154,7 @@ table#standard_words_table th div.standardna-beseda-th { .dashboard_boxes .dashboard_box table tr td .graph_db { float: left; height: 16px; - margin-top: 2px; + margin-top: 1px; background-color: #1E88E5; } .dashboard_boxes .dashboard_box table tr td .graph_text { @@ -12132,12 +12172,56 @@ table#standard_words_table th div.standardna-beseda-th { .dashboard_boxes .dashboard_box#div_statistic_info table tr td:nth-child(3) { font-weight: 600; } +.dashboard_boxes .dashboard_box#div_statistic_status table tr td:first-child { + padding-left: 16px; +} .dashboard_boxes .dashboard_box#div_statistic_status table tr td:nth-child(2), .dashboard_boxes .dashboard_box#div_statistic_status table tr td:nth-child(3) { text-align: right; } +.dashboard_boxes .dashboard_box#div_statistic_status table tr.row1 td:first-child { + padding-left: 8px; +} .dashboard_boxes .dashboard_box#div_statistic_answer_state table tr td:nth-child(2), .dashboard_boxes .dashboard_box#div_statistic_answer_state table tr td:nth-child(3) { + width: 80px; text-align: right; } +.dashboard_boxes .dashboard_box#div_statistic_referals table tr td:first-child { + width: 140px; +} +.dashboard_boxes .dashboard_box#div_statistic_referals #referal_detail { + display: flex; + flex-direction: column; + margin-top: 16px; +} +.dashboard_boxes .dashboard_box#div_statistic_referals #referal_detail span { + margin-bottom: 8px; + font-size: 14px; +} +.dashboard_boxes .dashboard_box#div_statistic_referals #referal_detail span.dashboard_title { + font-weight: 600; +} +.dashboard_boxes .dashboard_box#div_statistic_referals #referal_detail span a { + text-decoration: none; +} +.dashboard_boxes .dashboard_box#div_statistic_referals #referal_detail table { + margin-bottom: 16px; +} +.dashboard_boxes .dashboard_box#div_statistic_referals #referal_detail table tr td:first-child { + width: 90px; +} +.dashboard_boxes .dashboard_box#div_statistic_visit .box_top_settings > div select.dropdown { + width: 130px; +} +.dashboard_boxes .dashboard_box#div_statistic_visit .box_top_settings:nth-child(3) { + justify-content: space-between; +} +.dashboard_boxes .dashboard_box#div_statistic_visit table tr td:first-child { + width: 140px; +} +.dashboard_boxes .dashboard_box#div_statistic_pages_state table tr td:first-child { + width: 140px; +} + .survey_referals_tbl { width: 100%; border-spacing: 0px; @@ -15658,6 +15742,170 @@ textarea#addusers, textarea#addusers_note { color: #FFC700; } +#anketa_edit.page_data.fullwidth { + padding: 0 16px; +} + +.data_table_top_holder { + position: relative; + display: flex; + align-items: center; + box-sizing: border-box; + margin-bottom: 16px; + padding: 8px 16px; + background: #F8F8F8; + border: 1px solid #E5E5E5; + border-radius: 2px; +} +.data_table_top_holder #vnosi_paginacija { + display: flex; + position: absolute; + right: 16px; +} +.data_table_bottom_holder { + margin-top: 32px; +} + +#div_vnosi_data table#dataTable { + table-layout: fixed; + width: 0px; + padding: 0px; + margin: 0px; + border-collapse: collapse; + border-spacing: 0px; + /*.dataCell { + position: relative; + white-space: nowrap; + overflow: hidden; + + width: 100%; + min-width: 20px; + max-height: 1.1em; + + padding: 3px 0; + text-indent: 3px; + + &:hover { + .tableResize { + background-color: $blue; + } + } + } + + .headerCell { + white-space: nowrap; + padding: 3px; + } + + th { + font-weight: normal; + text-align: left; + cursor: pointer; + } + col { + width: 100px; + } + col.data_edit { + width: 23px; + } + td { + padding: 3px; + font-weight: normal; + text-align: left; + max-width: 200px; + overflow: hidden; + line-height: 18px; + .highlighted { + font-weight: bold; + color: red; + background-color: yellow; + } + } + td.data_edit { + .pdf { + cursor: pointer; + } + .rtf { + cursor: pointer; + } + .evoli { + cursor: pointer; + } + .evoli2 { + cursor: pointer; + } + .evoli3 { + cursor: pointer; + } + .mfdps { + cursor: pointer; + } + } + select { + font-size: 11px !important; + width: 100%; + } + th.hover { + background-color: $gray; + } + tbody { + .active { + background-color: $gray !important; + } + tr { + &:nth-child(odd) { + } + &:nth-child(even) { + background-color: $gray; + } + } + } + .delete_data_row { + margin: 0; + } + .scrollContent.coding { + td { + &:hover { + background-color: $gray; + cursor: pointer; + } + } + td.enkaIcon { + &:hover { + background-color: white; + } + } + td.cellGreen { + &:hover { + background-color: #E6FFCC; + cursor: auto; + } + } + }*/ +} +#div_vnosi_data table#dataTable colgroup col { + width: 100px; +} +#div_vnosi_data table#dataTable colgroup col.data_edit { + width: 23px; +} +#div_vnosi_data table#dataTable thead tr th { + padding: 16px; + overflow: hidden; + white-space: nowrap; + font-size: 16px; + font-weight: 600; + background: #F8F8F8; + border: 1px solid #E5E5E5; +} +#div_vnosi_data table#dataTable tbody tr td { + box-sizing: border-box; + height: 40px; + padding: 0 16px; + font-size: 14px; + border: 1px solid #E5E5E5; +} + #div_analiza_data .div_analiza_holder, #div_means_data .div_analiza_holder, #div_break_data .div_analiza_holder, diff --git a/resources/sass/admin_new/pages/survey_data/data_layout.scss b/resources/sass/admin_new/pages/survey_data/data_layout.scss new file mode 100644 index 000000000..1f48d5d46 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_data/data_layout.scss @@ -0,0 +1,5 @@ +#anketa_edit.page_data.fullwidth{ + padding: 0 16px; + + +} \ No newline at end of file diff --git a/resources/sass/admin_new/pages/survey_data/data_table.scss b/resources/sass/admin_new/pages/survey_data/data_table.scss index e69de29bb..b22d2388c 100644 --- a/resources/sass/admin_new/pages/survey_data/data_table.scss +++ b/resources/sass/admin_new/pages/survey_data/data_table.scss @@ -0,0 +1,174 @@ +#div_vnosi_data{ + //width: 100%; + //overflow-y: auto; + + table#dataTable { + table-layout: fixed; + width: 0px; + + padding: 0px; + margin: 0px; + + border-collapse: collapse; + border-spacing: 0px; + + + colgroup{ + + col { + width: 100px; + + &.data_edit { + width: 23px; + } + } + } + + thead{ + + tr{ + + th{ + padding: 16px; + + overflow: hidden; + white-space: nowrap; + font-size: 16px; + font-weight: 600; + + background: $light-gray; + border: 1px solid $gray; + } + } + + } + + tbody{ + + tr{ + + td{ + box-sizing: border-box; + height: 40px; + padding: 0 16px; + + font-size: 14px; + + border: 1px solid $gray; + } + } + } + + + + /*.dataCell { + position: relative; + white-space: nowrap; + overflow: hidden; + + width: 100%; + min-width: 20px; + max-height: 1.1em; + + padding: 3px 0; + text-indent: 3px; + + &:hover { + .tableResize { + background-color: $blue; + } + } + } + + .headerCell { + white-space: nowrap; + padding: 3px; + } + + th { + font-weight: normal; + text-align: left; + cursor: pointer; + } + col { + width: 100px; + } + col.data_edit { + width: 23px; + } + td { + padding: 3px; + font-weight: normal; + text-align: left; + max-width: 200px; + overflow: hidden; + line-height: 18px; + .highlighted { + font-weight: bold; + color: red; + background-color: yellow; + } + } + td.data_edit { + .pdf { + cursor: pointer; + } + .rtf { + cursor: pointer; + } + .evoli { + cursor: pointer; + } + .evoli2 { + cursor: pointer; + } + .evoli3 { + cursor: pointer; + } + .mfdps { + cursor: pointer; + } + } + select { + font-size: 11px !important; + width: 100%; + } + th.hover { + background-color: $gray; + } + tbody { + .active { + background-color: $gray !important; + } + tr { + &:nth-child(odd) { + } + &:nth-child(even) { + background-color: $gray; + } + } + } + .delete_data_row { + margin: 0; + } + .scrollContent.coding { + td { + &:hover { + background-color: $gray; + cursor: pointer; + } + } + td.enkaIcon { + &:hover { + background-color: white; + } + } + td.cellGreen { + &:hover { + background-color: #E6FFCC; + cursor: auto; + } + } + }*/ + } +} diff --git a/resources/sass/admin_new/pages/survey_data/data_table_settings.scss b/resources/sass/admin_new/pages/survey_data/data_table_settings.scss new file mode 100644 index 000000000..b94186ce2 --- /dev/null +++ b/resources/sass/admin_new/pages/survey_data/data_table_settings.scss @@ -0,0 +1,40 @@ + +.data_table_top_holder{ + position: relative; + display: flex; + align-items: center; + + box-sizing: border-box; + margin-bottom: 16px; + padding: 8px 16px; + + background: $light-gray; + border: 1px solid $gray; + border-radius: 2px; + + #vnosi_paginacija{ + display: flex; + + position: absolute; + right: 16px; + } + + #data_search_filter{ + + } + + .dataSettingsBasic{ + + } + + +} + +#displayFilterNotes{ + //margin-bottom: 16px; +} + + +.data_table_bottom_holder{ + margin-top: 32px; +} diff --git a/resources/sass/admin_new/pages/survey_data/survey_data.scss b/resources/sass/admin_new/pages/survey_data/survey_data.scss index 94e5e9f69..ac0d0ca12 100644 --- a/resources/sass/admin_new/pages/survey_data/survey_data.scss +++ b/resources/sass/admin_new/pages/survey_data/survey_data.scss @@ -1,3 +1,6 @@ -@import "data_table"; -@import "test_data_warning"; \ No newline at end of file +@import "test_data_warning"; + +@import "data_layout"; +@import "data_table_settings"; +@import "data_table"; diff --git a/resources/sass/admin_new/pages/survey_status/summary.scss b/resources/sass/admin_new/pages/survey_status/summary.scss index 699b9376e..f863f01a7 100644 --- a/resources/sass/admin_new/pages/survey_status/summary.scss +++ b/resources/sass/admin_new/pages/survey_status/summary.scss @@ -1,12 +1,56 @@ -.dashboard_top_info{ - font-size: 14px; +.dashboard_top_settings{ + display: flex; + align-items: center; + justify-content: space-between; - span{ + .dashboard_top_info{ font-size: 14px; + + span{ + font-size: 14px; + } + } + + .dashboard_top_filters{ + display: flex; + align-items: center; + + .filter_setting{ + margin-left: 16px; + + select.dropdown{ + width: auto; + margin: 0 0 0 8px; + } + + .filter_time_profile{ + cursor: pointer; + + padding: 4px 16px; + + font-size: 14px; + line-height: 18px; + + border: 1px solid $gray; + border-radius: 2px; + + transition: 0.2s; + + .faicon{ + margin-right: 8px; + color: $blue; + } + + &:hover{ + background-color: $light-gray; + } + } + } } } + .dashboard_boxes{ display: flex; flex-wrap: wrap; @@ -50,12 +94,19 @@ .box_top_settings{ display: flex; + align-items: center; + margin-bottom: 8px; span, label{ font-size: 14px; } + + select.dropdown{ + width: auto; + margin: 0 0 0 8px; + } } table{ @@ -79,6 +130,12 @@ background-color: $light-gray; } } + + &.row_sum{ + td{ + font-weight: 600; + } + } td{ padding: 4px 16px 4px 8px; @@ -99,7 +156,7 @@ .graph_db { float: left; height: 16px; - margin-top: 2px; + margin-top: 1px; background-color: $blue; } @@ -132,11 +189,25 @@ // Box 2 &#div_statistic_status{ - table tr td{ + table tr{ - &:nth-child(2), - &:nth-child(3){ - text-align: right; + td{ + + &:first-child{ + padding-left: 16px; + } + + &:nth-child(2), + &:nth-child(3){ + text-align: right; + } + } + + &.row1{ + + td:first-child{ + padding-left: 8px; + } } } } @@ -148,6 +219,7 @@ &:nth-child(2), &:nth-child(3){ + width: 80px; text-align: right; } } @@ -156,16 +228,82 @@ // Box 4 &#div_statistic_referals{ + table tr td{ + + &:first-child{ + width: 140px; + } + } + + #referal_detail{ + display: flex; + flex-direction: column; + + margin-top: 16px; + + span{ + margin-bottom: 8px; + + &.dashboard_title{ + font-weight: 600; + } + + font-size: 14px; + + a{ + text-decoration: none; + } + } + + table{ + margin-bottom: 16px; + + tr{ + + td{ + + &:first-child{ + width: 90px; + } + } + } + } + } } // Box 5 &#div_statistic_visit{ + .box_top_settings{ + + >div{ + select.dropdown{ + width: 130px; + } + } + + &:nth-child(3){ + justify-content: space-between; + } + } + + table tr td{ + + &:first-child{ + width: 140px; + } + } } // Box 6 &#div_statistic_pages_state{ + table tr td{ + + &:first-child{ + width: 140px; + } + } } } }