[Redizajn 1KA] - Status --> Neodgovor spremenljivke --> Podrobno - v1

This commit is contained in:
tejagerjovic 2022-03-30 01:25:28 +02:00
parent 7a83f39a28
commit e659c85446
8 changed files with 169 additions and 84 deletions

View File

@ -566,6 +566,8 @@ class SurveyParaAnalysis{
$rows = $data; $rows = $data;
$baseColspan = 6; $baseColspan = 6;
echo '<h2>'.$lang['srv_para_label_breaks'].'</h2>';
echo '<table id="tbl_para_analitics" class="graph'.($showGraph ? ' showGraph' : '').'">'; echo '<table id="tbl_para_analitics" class="graph'.($showGraph ? ' showGraph' : '').'">';
@ -653,7 +655,6 @@ class SurveyParaAnalysis{
#SurveyAnalysisHelper::getInstance()->displayMissingLegend(); #SurveyAnalysisHelper::getInstance()->displayMissingLegend();
$this->displayLink(); $this->displayLink();
echo '<br class="clr" />';
} }
@ -850,7 +851,6 @@ class SurveyParaAnalysis{
#SurveyAnalysisHelper::getInstance()->displayMissingLegend(); #SurveyAnalysisHelper::getInstance()->displayMissingLegend();
$this->displayLink(); $this->displayLink();
echo '<br class="clr" />';
} }
function displayGraphDataAdvanced( ) { function displayGraphDataAdvanced( ) {
@ -895,45 +895,50 @@ class SurveyParaAnalysis{
$this->displayFormula(); $this->displayFormula();
echo '<table id="tbl_para_analitics" class="persist-area">'; echo '<table id="tbl_para_analitics" class="podrobno">';
echo '<tr class="persist-header">';
echo '<tr>';
// Dodatna stolpca zaradi izvoza za Katjo Lozar // Dodatna stolpca zaradi izvoza za Katjo Lozar
if($admin_type == '0'){ if($admin_type == '0'){
echo '<th style="width:30px;">ID VPRASANJA</th>'; echo '<th class="center">ID VPRAŠANJA</th>';
echo '<th style="width:30px;">ID VARIABLE</th>'; echo '<th class="center">ID VARIABLE</th>';
} }
echo '<th>'.$lang['srv_para_variable'].'</th>'; echo '<th class="left">'.$lang['srv_para_variable'].'</th>';
if ($showQuestion) { if ($showQuestion) {
echo '<th>'.$lang['srv_para_question'].'</th>'; echo '<th class="left">'.$lang['srv_para_question'].'</th>';
} }
echo '<th >'.$lang['srv_para_valid'].'</th>'; //echo '<th >'.$lang['srv_para_valid'].'</th>';
foreach ($this->_missings AS $value => $text) { foreach ($this->_missings AS $value => $text) {
$cnt_miss++; $cnt_miss++;
echo "<th class=\"anl_w50\" title=\"".$lang['srv_mv_'.$text]."\" >{$value}<br/>(".$lang['srv_mv_'.$text].")</th>"; echo "<th class=\"left\" title=\"".$lang['srv_mv_'.$text]."\" >{$value}<br>(".$lang['srv_mv_'.$text].")</th>";
if ($cnt_miss == 3)
break;
} }
foreach ($this->_unsets AS $value => $text) foreach ($this->_unsets AS $value => $text)
{ {
$cnt_undefined++; $cnt_undefined++;
echo "<th class=\"anl_w50\" title=\"".$lang['srv_mv_'.$text]."\">{$value}<br/>(".$lang['srv_mv_'.$text].")</th>"; echo "<th class=\"left\" title=\"".$lang['srv_mv_'.$text]."\">{$value} (".$lang['srv_mv_'.$text].")</th>";
} }
if ($show_delta) { if ($show_delta) {
echo "<th class=\"anl_w50\" title=\"".$lang['']."delta\">".$lang['']."&Delta;</th>"; echo "<th title=\"".$lang['']."delta\">".$lang['']."&Delta;</th>";
} }
echo "<th class=\"anl_w50\" title=\"".$lang['srv_para_nonconceptual']."\">".$lang['srv_para_nonconceptual']."</th>"; echo "<th title=\"".$lang['srv_para_nonconceptual']."\">".$lang['srv_para_nonconceptual']."</th>";
echo "<th class=\"anl_w50\" title=\"".$lang['srv_para_approp']."\">".$lang['srv_para_approp']."</th>"; echo "<th title=\"".$lang['srv_para_approp']."\">".$lang['srv_para_approp']."</th>";
echo "<th class=\"anl_w50\" title=\"".$lang['srv_para_all_units']."\">".$lang['srv_para_all_units']."</th>"; echo "<th title=\"".$lang['srv_para_all_units']."\">".$lang['srv_para_all_units']."</th>";
if ($isNotStandardProfile) if ($isNotStandardProfile)
{ {
echo "<th class=\"anl_w50\" title=\"".$lang['srv_para_status']."\">".$lang['srv_para_status']."</th>"; echo "<th title=\"".$lang['srv_para_status']."\">".$lang['srv_para_status']."</th>";
} }
echo "<th class=\"anl_w50\" title=\"".$lang['srv_para_unaswered']."\">".$lang['srv_para_unaswered_short']. Help :: display('srv_item_nonresponse')."</th>"; echo "<th title=\"".$lang['srv_para_unaswered']."\">".$lang['srv_para_unaswered_short']. Help :: display('srv_item_nonresponse')."</th>";
if ($showGraph) { if ($showGraph) {
echo '<th class="anl_bb">' . $lang['srv_para_unaswered_graph_title'] . '</th>'; echo '<th class="left">' . $lang['srv_para_unaswered_graph_title_br'] . '</th>';
} }
echo '</tr>'; echo '</tr>';
foreach ($headerVariablesId AS $key => $headerVariableId) foreach ($headerVariablesId AS $key => $headerVariableId)
{ {
$spr = $this->_HEADERS[$headerVariableId]; $spr = $this->_HEADERS[$headerVariableId];
@ -952,29 +957,27 @@ class SurveyParaAnalysis{
echo '<tr class="multiGroupHeader">'; echo '<tr class="multiGroupHeader">';
if($admin_type == '0'){ if($admin_type == '0'){
echo '<td>'.$spr['spr_id'].'</td>'; echo '<td class="center">'.$spr['spr_id'].'</td>';
echo '<td></td>'; echo '<td class="center"></td>';
} }
if (count($this->_missings) > 3)
$count_missing = 3;
else
$count_missing = count($this->_missings);
if ($showQuestion) { if ($showQuestion) {
echo '<td class="showQuestion">'; echo '<td>';
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>';
echo '</span>';
echo '</td>'; echo '</td>';
echo '<td colspan="'.(count($this->_missings)+count($this->_unsets)+$added_colspan).'">'; echo '<td colspan="'.($count_missing+count($this->_unsets)+$added_colspan).'">';
echo $spr['naslov']; echo $spr['naslov'];
echo '</td>'; echo '</td>';
} else { } else {
echo '<td colspan="'.(count($this->_missings)+count($this->_unsets)+$added_colspan).'">'; echo '<td colspan="'.($count_missing+count($this->_unsets)+$added_colspan).'">';
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>';
echo '</span>';
echo '</td>'; echo '</td>';
} }
if ($showGraph) {
echo '<td class="empty_cell30"></td>';
}
echo '</tr>'; echo '</tr>';
} }
else { else {
@ -996,72 +999,56 @@ class SurveyParaAnalysis{
echo '<tr class="multiGroupHeader">'; echo '<tr class="multiGroupHeader">';
if($admin_type == '0'){ if($admin_type == '0'){
echo '<td>'.$spr['spr_id'].'</td>'; echo '<td class="center">'.$spr['spr_id'].'</td>';
echo '<td></td>'; echo '<td class="center"></td>';
} }
if ($showQuestion) { if ($showQuestion) {
echo '<td class="showQuestion">'; echo '<td class="left">';
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>';
echo '</span>';
echo '</td>'; echo '</td>';
echo '<td colspan="'.(count($this->_missings)+count($this->_unsets)+$added_colspan ).'">'; echo '<td class="left" colspan="'.($count_missing+count($this->_unsets)+$added_colspan+3).'">';
echo $spr['naslov']; echo $spr['naslov'];
echo '</td>'; echo '</td>';
} else { } else {
echo '<td colspan="'.(count($this->_missings)+count($this->_unsets)+$added_colspan ).'">'; echo '<td class="left" colspan="'.($count_missing+count($this->_unsets)+$added_colspan+2).'">';
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>';
echo '</span>';
echo '</td>'; echo '</td>';
} }
if ($showGraph) {
echo '<td class="empty_cell30"></td>';
}
echo '</tr>'; echo '</tr>';
} }
else else
{ #dodamo header za grupo { #dodamo header za grupo
echo '<tr class="multiVariablesHeader">'; echo '<tr class="multiVariablesHeader">';
if($admin_type == '0'){ if($admin_type == '0'){
echo '<td>'.$spr['spr_id'].'</td>'; echo '<td class="center">'.$spr['spr_id'].'</td>';
echo '<td></td>'; echo '<td class="center"></td>';
} }
if ($showQuestion) { if ($showQuestion) {
echo '<td class="showQuestion">'; echo '<td class="left">';
if (count($grids) > 1) { if (count($grids) > 1) {
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $grid['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $grid['variable'] . '</a>';
echo '</span>';
} else { } else {
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>';
echo '</span>';
} }
echo '</td>'; echo '</td>';
echo '<td colspan="'.(count($this->_missings)+count($this->_unsets)+$added_colspan).'">'; echo '<td class="left" colspan="'.($count_missing+count($this->_unsets)+$added_colspan+3).'">';
echo $grid['naslov']; echo (strlen($grid['naslov']) > 30 ? substr($grid['naslov'],0,30)."..." : $grid['naslov']);
echo '</td>'; echo '</td>';
} else { } else {
echo '<td colspan="'.(count($this->_missings)+count($this->_unsets)+$added_colspan).'">'; echo '<td class="left" colspan="'.($count_missing+count($this->_unsets)+$added_colspan+2).'">';
if (count($grids) > 1) { if (count($grids) > 1) {
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $grid['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $grid['variable'] . '</a>';
echo '</span>';
} else { } else {
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $spr['variable'] . '</a>';
echo '</span>';
} }
echo '</td>'; echo '</td>';
} }
if ($showGraph) {
echo '<td class="empty_cell30"></td>';
}
echo '</tr>'; echo '</tr>';
} }
} }
@ -1097,34 +1084,36 @@ class SurveyParaAnalysis{
} }
$delta = $data_seq['delta']; $delta = $data_seq['delta'];
*/ */
echo '<tr class="'.$css_sublcass.'">'; echo '<tr>';
if($admin_type == '0'){ if($admin_type == '0'){
echo '<td rowspan="'.($showPercent*2).'">'.$spr['spr_id'].'</td>'; echo '<td class="center" rowspan="'.($showPercent*2).'">'.$spr['spr_id'].'</td>';
echo '<td rowspan="'.($showPercent*2).'">'.$variable['vr_id'].'</td>'; echo '<td class="center" rowspan="'.($showPercent*2).'">'.$variable['vr_id'].'</td>';
} }
//echo '<td style="border-top:0px none !important;border-bottom:0px none !important;">&nbsp;</td>'; //echo '<td style="border-top:0px none !important;border-bottom:0px none !important;">&nbsp;</td>';
echo '<td rowspan="'.($showPercent*2).'">'; echo '<td class="left" rowspan="'.($showPercent*2).'">';
echo '<span class="anl_variabla">';
echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $variable['variable'] . '</a>'; echo '<a onclick="showspremenljivkaSingleVarPopup(\'' . $key . '\'); return false;" href="#">' . $variable['variable'] . '</a>';
echo '</span>';
echo '</td>'; echo '</td>';
if ($showQuestion) { if ($showQuestion) {
echo '<td class="showQuestion" rowspan="'.($showPercent*2).'">'; echo '<td class="left" rowspan="'.($showPercent*2).'">';
echo $variable['naslov']; echo (strlen($variable['naslov']) > 30 ? substr($variable['naslov'],0,30)."..." : $variable['naslov']);
echo '</td>'; echo '</td>';
} }
echo '<td>'; /*echo '<td>';
echo (int)$data_seq['veljavni']; echo (int)$data_seq['veljavni'];
echo '</td>'; echo '</td>';*/
$cnt_miss = 0;
foreach ($this->_missings AS $value => $text) { foreach ($this->_missings AS $value => $text) {
$cnt_miss++;
$missing = 0; $missing = 0;
if (isset($data_seq['values'][$value])) { if (isset($data_seq['values'][$value])) {
$missing = $data_seq['values'][$value]; $missing = $data_seq['values'][$value];
} }
echo '<td>'.(int)$missing.'</td>'; echo '<td>'.(int)$missing.'</td>';
if ($cnt_miss == 3)
break;
} }
foreach ($this->_unsets AS $value => $text) { foreach ($this->_unsets AS $value => $text) {
$unset = 0; $unset = 0;
@ -1145,11 +1134,11 @@ class SurveyParaAnalysis{
} }
echo "<td rowspan=\"".($showPercent*2)."\">" . common::formatNumber($data_seq['ns'],2) . "</td>"; echo "<td rowspan=\"".($showPercent*2)."\">" . common::formatNumber($data_seq['ns'],2) . "</td>";
if ($showGraph) { if ($showGraph) {
echo "<td rowspan=\"".($showPercent*2)."\" class=\"empty_cell30\">"; echo "<td rowspan=\"".($showPercent*2)."\" class=\"graph_cell left\">";
if ($data_seq['ns'] > 0) { if ($data_seq['ns'] > 0) {
echo '<div class="para_analitics_bar" style="'.'width:'.($data_seq['ns']*100).'%; text-align:right; padding-right:5px; color:green;"></div>'; echo '<div class="graph_full" style="'.'width:'.($data_seq['ns']*100).'%;"></div>';
} else { } else {
echo '<div class="para_analitics_bar null_value" style="'.'width:1px"></div>'; echo '/';
} }
echo '</td>'; echo '</td>';
} }
@ -1158,19 +1147,23 @@ class SurveyParaAnalysis{
if ($showPercent) if ($showPercent)
{ {
echo '<tr class="'.$css_sublcass.' percent">'; echo '<tr class="'.$css_sublcass.' percent">';
echo '<td>'; /*echo '<td>';
$val = 0; $val = 0;
if ($percent_all > 0) { if ($percent_all > 0) {
$val = $data[$seq]['veljavni'] / $percent_all * 100; $val = $data[$seq]['veljavni'] / $percent_all * 100;
} }
echo common::formatNumber($val,0,null,'%') ; echo common::formatNumber($val,0,null,'%') ;
echo '</td>'; echo '</td>';*/
$cnt_miss = 0;
foreach ($this->_missings AS $value => $text) { foreach ($this->_missings AS $value => $text) {
$cnt_miss++;
$val = 0; $val = 0;
if ($percent_all > 0 && isset($data[$seq]['values'][$value])) { if ($percent_all > 0 && isset($data[$seq]['values'][$value])) {
$val = ($data[$seq]['values'][$value] / $percent_all * 100); $val = ($data[$seq]['values'][$value] / $percent_all * 100);
} }
echo '<td>'.common::formatNumber($val,0,null,'%').'</td>'; echo '<td class="dashed">'.common::formatNumber($val,0,null,'%').'</td>';
if ($cnt_miss == 3)
break;
} }
foreach ($this->_unsets AS $value => $text) foreach ($this->_unsets AS $value => $text)
{ {
@ -1178,7 +1171,7 @@ class SurveyParaAnalysis{
if ($percent_all > 0 && isset($data[$seq]['values'][$value])) { if ($percent_all > 0 && isset($data[$seq]['values'][$value])) {
$val = ($data[$seq]['values'][$value] / $percent_all * 100); $val = ($data[$seq]['values'][$value] / $percent_all * 100);
} }
echo '<td>'.common::formatNumber($val,0,null,'%').'</td>'; echo '<td class="dashed">'.common::formatNumber($val,0,null,'%').'</td>';
} }
echo '</tr>'; echo '</tr>';
} }
@ -1189,9 +1182,6 @@ class SurveyParaAnalysis{
} }
echo '</table>'; echo '</table>';
SurveyAnalysisHelper::getInstance()->displayMissingLegend(); SurveyAnalysisHelper::getInstance()->displayMissingLegend();
echo '<br class="clr" />';
} }
function getVariables() function getVariables()

View File

@ -71,11 +71,11 @@ class SurveyAnalysisHelper {
echo '<div id="bottom_data_legend_missing" class="legend_box">'; echo '<div id="bottom_data_legend_missing" class="legend_box">';
echo '<div class="legend_title">'; echo '<div class="legend_title" onclick="$(\'#bottom_data_legend_detail_missing\').toggleClass(\'displayNone\');">';
echo ' <span onclick="$(\'#bottom_data_legend_detail_missing\').toggle(\'fast\');"><span class="faicon arrow2_r"></span>'.$lang['srv_bottom_data_legend_note'].'</span>'; echo '<span class="faicon fa-plus link-right"></span>'.$lang['srv_bottom_data_legend_note'];
echo '</div>'; echo '</div>';
echo '<div id="bottom_data_legend_detail_missing" class="legend_details">'; echo '<div id="bottom_data_legend_detail_missing" class="legend_details displayNone">';
echo ' <ul>'; echo ' <ul>';
echo ' <li>'.$lang['srv_bottom_data_legend_note_li1'].'</li>'; echo ' <li>'.$lang['srv_bottom_data_legend_note_li1'].'</li>';
echo ' <li>'.$lang['srv_bottom_data_legend_note_li2'].'</li>'; echo ' <li>'.$lang['srv_bottom_data_legend_note_li2'].'</li>';

View File

@ -73,6 +73,8 @@ class CrossRoad {
$second_action = NAVI_STATUS_OSNOVNI; $second_action = NAVI_STATUS_OSNOVNI;
$layout_width = 'wide'; $layout_width = 'wide';
if ($_GET['m'] == 'advanced')
$layout_width = 'fullwidth';
$status = 4; $status = 4;

View File

@ -6713,6 +6713,7 @@ $lang = array (
'srv_para_unaswered' => 'Neodgovor spremenljivk', 'srv_para_unaswered' => 'Neodgovor spremenljivk',
'srv_para_unaswered_short' => 'NS', 'srv_para_unaswered_short' => 'NS',
'srv_para_unaswered_graph_title' => 'Neodgovor spremenljivke (NS) - grafični prikaz', #'Grafični prikaz stopnje neodgovora spremenljivke (%)', 'srv_para_unaswered_graph_title' => 'Neodgovor spremenljivke (NS) - grafični prikaz', #'Grafični prikaz stopnje neodgovora spremenljivke (%)',
'srv_para_unaswered_graph_title_br' => 'Neodgovor spremenljivke<br>(NS) - grafični prikaz',
'srv_para_breaks' => 'Prekinitve', 'srv_para_breaks' => 'Prekinitve',
'srv_para_breaks_delta' => 'Porast prekinitve', 'srv_para_breaks_delta' => 'Porast prekinitve',
'srv_para_breaks_value' => 'Stopnja prekinitev', 'srv_para_breaks_value' => 'Stopnja prekinitev',

View File

@ -6595,6 +6595,7 @@ $lang = array (
'srv_para_unaswered' => 'Item nonresponse', 'srv_para_unaswered' => 'Item nonresponse',
'srv_para_unaswered_short' => 'IN', 'srv_para_unaswered_short' => 'IN',
'srv_para_unaswered_graph_title' => 'Graphical representation of the Item nonresponse (%)', 'srv_para_unaswered_graph_title' => 'Graphical representation of the Item nonresponse (%)',
'srv_para_unaswered_graph_title_br' => 'Graphical representation of<br>the Item nonresponse (%)',
'srv_para_breaks' => 'Brakoffs', 'srv_para_breaks' => 'Brakoffs',
'srv_para_breaks_delta' => 'Breakoff increase', 'srv_para_breaks_delta' => 'Breakoff increase',
'srv_para_breaks_value' => 'Breakoff rate', 'srv_para_breaks_value' => 'Breakoff rate',

View File

@ -9461,6 +9461,10 @@ table td.right,
table th.right { table th.right {
text-align: right; text-align: right;
} }
table td.left,
table th.left {
text-align: left;
}
table td.wrap, table td.wrap,
table th.wrap { table th.wrap {
white-space: normal; white-space: normal;
@ -11490,7 +11494,7 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
div.page_nonresponse_graph div#surveyNonresponse div#dataSettingsCheckboxes { div.page_nonresponse_graph div#surveyNonresponse div#dataSettingsCheckboxes {
background-color: #F4F9FE; background-color: #F4F9FE;
width: 100vw; width: 100%;
height: 128px; height: 128px;
position: absolute; position: absolute;
left: 0; left: 0;
@ -11551,6 +11555,7 @@ div.page_nonresponse_graph h2:after {
div.page_nonresponse_graph table { div.page_nonresponse_graph table {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
font-size: 14px;
} }
div.page_nonresponse_graph table td.graph_cell { div.page_nonresponse_graph table td.graph_cell {
width: 100%; width: 100%;
@ -11565,6 +11570,41 @@ div.page_nonresponse_graph table td.para_page_break {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
} }
div.page_nonresponse_graph table.podrobno {
margin: 0 32px;
border: 1px solid #E5E5E5;
text-align: right;
width: calc(100% - 64px);
}
div.page_nonresponse_graph table.podrobno td.dashed, div.page_nonresponse_graph table.podrobno th.dashed {
border-top: 1px dashed #E5E5E5;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
div.page_nonresponse_graph table.podrobno td:not(.dashed), div.page_nonresponse_graph table.podrobno th:not(.dashed) {
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
border-bottom: none;
}
div.page_nonresponse_graph table.podrobno td div.short, div.page_nonresponse_graph table.podrobno th div.short {
width: 160px;
white-space: normal;
text-overflow: wrap;
}
div.page_nonresponse_graph div#bottom_data_legend_missing {
background-color: #F8F8F8;
width: fit-content;
margin-left: 32px;
margin-top: 24px;
border: 1px solid #E5E5E5;
box-sizing: border-box;
padding: 8px 16px;
}
div.page_nonresponse_graph div#bottom_data_legend_missing div.legend_title {
color: #1E88E5;
cursor: pointer;
}
div.drop_setting_margin { div.drop_setting_margin {
margin-top: 128px; margin-top: 128px;

View File

@ -16,6 +16,9 @@ table {
&.right { &.right {
text-align: right; text-align: right;
} }
&.left {
text-align: left;
}
&.wrap { &.wrap {
white-space: normal; white-space: normal;

View File

@ -4,7 +4,7 @@ div.page_nonresponse_graph {
div#dataSettingsCheckboxes { div#dataSettingsCheckboxes {
background-color: $medium-blue2; background-color: $medium-blue2;
width: 100vw; width: 100%;
height: 128px; height: 128px;
position: absolute; position: absolute;
@ -80,6 +80,7 @@ div.page_nonresponse_graph {
table { table {
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
font-size: 14px;
td.graph_cell { td.graph_cell {
width: 100%; width: 100%;
@ -96,6 +97,53 @@ div.page_nonresponse_graph {
text-transform: uppercase; text-transform: uppercase;
font-weight: $semi-bold; font-weight: $semi-bold;
} }
// Tabela podrobno
&.podrobno {
margin: 0 32px;
border: 1px solid $gray;
text-align: right;
width: calc(100% - 64px);
td, th {
&.dashed {
border-top: 1px dashed $gray;
border-left: 1px solid $gray;
border-right: 1px solid $gray;
}
&:not(.dashed){
border-left: 1px solid $gray;
border-right: 1px solid $gray;
border-top: 1px solid $gray;
border-bottom: none;
}
div.short {
width: 160px;
white-space: normal;
text-overflow: wrap;
}
}
}
}
//Legenda manjkajočih vrednosti
div#bottom_data_legend_missing {
background-color: $light-gray;
width: fit-content;
margin-left: 32px;
margin-top: 24px;
border: 1px solid #E5E5E5;
box-sizing: border-box;
padding: 8px 16px;
div.legend_title {
color: $blue;
cursor: pointer;
}
} }
} }