may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Redesign - podatki - vpogled

Browse Source
This commit is contained in:
Peter Hrvatin 2022-05-01 20:08:34 +02:00
parent d38f31e8be
commit 937a54115b
8 changed files with 1265 additions and 117 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
admin/survey/classes/class.SurveyStaticHtml.php
View File

@ -334,14 +334,17 @@ class SurveyStaticHtml
$borderLeft = ' class="borderLeft"';
}
// Preklop na vpogled, hitri seznam, spremenljivke (podatki)
elseif ($podstran == 'data') {
elseif ($podstran == 'data' || $podstran == 'quick_edit' || $podstran == 'variables') {
echo '<div id="additional_navigation">';
// Link na osnovno tabelo s podatki
echo '<span '.($podstran == 'data' ? ' class="active"' : '').'><a href="' . $site_url . 'admin/survey/index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '">'.$lang['srv_lnk_data'].'</a></span>';
// Link na vpogled
echo '<span><a href="' . $site_url . 'admin/survey/index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '&m=quick_edit&quick_view=1">'.$lang['srv_lnk_vpogled'].'</a></span>';
echo '<span '.($podstran == 'quick_edit' ? ' class="active"' : '').'><a href="' . $site_url . 'admin/survey/index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '&m=quick_edit&quick_view=1">'.$lang['srv_lnk_vpogled'].'</a></span>';
// Link na spremenljivke
echo '<span><a href="' . $site_url . 'admin/survey/index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '&m=' . M_COLLECT_DATA_VARIABLE_VIEW . '">'.$lang['srv_lnk_pregled_variabel'].'</a></span>';
echo '<span '.($podstran == 'variables' ? ' class="active"' : '').'><a href="' . $site_url . 'admin/survey/index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '&m=' . M_COLLECT_DATA_VARIABLE_VIEW . '">'.$lang['srv_lnk_pregled_variabel'].'</a></span>';
// Link na hitri seznam
echo '<span><a href="#" onClick="displayDataPrintPreview();">'.$lang['srv_data_print_preview_link'].'</a> '.Help:: display('srv_data_print_preview').'</span>';
@ -349,31 +352,7 @@ class SurveyStaticHtml
echo '</div>';
$borderLeft = ' class="borderLeft"';
}
// Link nazaj na podatke - vpogled
elseif ($podstran == 'quick_edit') {
echo '<div id="additional_navigation">';
echo '<span><a href="index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '"><span class="faicon arrow_back" title="' . $lang['srv_lnk_back_to_data'] . '"></span></a></span>';
echo '<span class="active"><a href="#">'.$lang['srv_data_title_quick_view'].'</a></span>';
echo '</div>';
$borderLeft = ' class="borderLeft"';
}
// Link nazaj na podatke - Spremenljivke
elseif ($podstran == 'variables') {
echo '<div id="additional_navigation">';
echo '<span><a href="index.php?anketa=' . $this->sid . '&a=' . A_COLLECT_DATA . '"><span class="faicon arrow_back" title="' . $lang['srv_lnk_back_to_data'] . '"></span></a></span>';
echo '<span class="active"><a href="#">'.$lang['srv_data_title_variable_view'].'</a></span>';
echo '</div>';
$borderLeft = ' class="borderLeft"';
}
}
// Link nazaj na diagnostiko - Ocenjevanje trajanja
elseif ($podstran == 'ocena_trajanja') {
echo '<div id="additional_navigation">';

163
admin/survey/classes/surveyData/class.SurveyDataDisplay.php
View File

@ -2604,22 +2604,11 @@ class SurveyDataDisplay{
echo "<script>function submitForm(){}</script>"."\n";
}
echo '<div id="edit_survey_data">';
echo '<div class="inner quick_edit">';
// title
echo '<div class="quick_edit_title">';
//echo $rowa['naslov'];
if (self::$quickEdit_recnum[3]['hasPrev'] == true) {
echo '<a href="#" onClick="location.href=\''.self::$quickEdit_recnum[0].'\'" title="'.$lang['srv_prev_resp'].'"><span class="faicon arrow2_l pointer"></span></a>';
}
echo 'Recnum '.self::$quickEdit_recnum[2];
if (self::$quickEdit_recnum[3]['hasNext'] == true) {
echo '<a href="#" onClick="location.href=\''.self::$quickEdit_recnum[1].'\'" title="'.$lang['srv_next_resp'].'"><span class="faicon arrow2_r pointer"></span></a>';
}
echo '</div>';
echo '<div id="edit_survey_data">';
echo '<div class="quick_edit_inner">';
if ($quick_view == false) {
echo '<form name="vnos" id="vnos" method="post" action="../survey/index.php?anketa='.$_GET['anketa'].'&a=data&m=quick_edit&usr_id='.$_GET['usr_id'].'&quick_view=0&post=1" enctype="multipart/form-data">'."\n";
@ -2738,33 +2727,33 @@ class SurveyDataDisplay{
while (get('grupa') != \App\Controllers\FindController::getInstance()->findNextGrupa() &&
(\App\Controllers\FindController::getInstance()->findNextGrupa() > 0 || (get('loop_id') != null && \App\Controllers\FindController::getInstance()->findNextLoopId() != null)));
}
if ($quick_view == false) {
//echo '<input type="submit" value="Shrani" /> ';<a href="#" onclick="document.forms['myFormName'].submit(); return false;">...</a>
echo '<span class="floatRight spaceLeft" ><div class="buttonwrapper"><a class="ovalbutton ovalbutton_orange" href="#" onclick="document.forms[\'vnos\'].submit(); return false;"><span>' . $lang['save'] . '</span></a></div></span>';
echo '<span class="floatRight spaceRight" ><div class="buttonwrapper"><a class="ovalbutton ovalbutton_gray" href="../survey/index.php?anketa='.self::$sid.'&a='.A_COLLECT_DATA.'"><span>' . $lang['srv_back_to_data'] . '</span></a></div></span>';
#echo '</form>'."\n";
}
else{
if ($quick_view == false) {
echo '</form>'."\n";
}
echo '</div>'; # inner
echo '<div id="quick_edit_title">';
echo '<div class="quick_edit_bottom_line">';
self::displayVnosIcons();
echo '</div>';
echo '<br /><br /><br /><br />';
if ($quick_view == false) {
echo '<div class="button_holder">';
echo ' <a href="../survey/index.php?anketa='.self::$sid.'&a='.A_COLLECT_DATA.'"><button class="medium white-blue">'.$lang['srv_back_to_data'].'</button></a>';
echo ' <button class="medium blue" onclick="document.forms[\'vnos\'].submit(); return false;">'.$lang['save'].'</button>';
echo '</div>';
}
echo '</div>';
echo '</div>'; # inner
// Div na desni z metapodatki
echo '<div id="quick_edit_meta">';
self::displayQuickEditMeta();
echo '</div>';
// Div na desni z metapodatki
echo '<div id="quick_edit_meta">';
self::displayQuickEditMeta();
echo '</div>';
// Preverimo ce gre za prvo urejanje - potem avtomatsko ustvarimo arhiv podatkov
if ($quick_view == false && isset($_GET['post']) && $_GET['post'] == '1') {
ob_flush();
@ -2778,18 +2767,19 @@ class SurveyDataDisplay{
global $lang;
global $site_path;
//echo '<h2>'.$lang['srv_data_title_quick_view'].'</h2>';
if (self::$dataFileStatus == FILE_STATUS_NO_DATA
|| self::$dataFileStatus == FILE_STATUS_NO_FILE
|| self::$dataFileStatus == FILE_STATUS_SRV_DELETED){
return false;
}
// Paginacija
self::displayQuickEditPagination();
echo '<div id="div_analiza_filtri_right" class="floatRight vpogled">';
// Filtri - ?? todo ??
/*echo '<div id="div_analiza_filtri_right" class="floatRight vpogled">';
echo '<ul>';
# div za filtre statusov
SurveyStatusProfiles::DisplayLink(false);
@ -2821,11 +2811,18 @@ class SurveyDataDisplay{
if ($doNewLine) {
echo '<br/>';
}
}*/
echo '<div id="quick_edit_title">';
// Zgrnja vrstica z ikonami in naslovom
echo '<div id="quick_edit_top_line">';
self::displayVnosIcons();
// title
echo '<div class="quick_edit_title">';
echo $lang['srv_recnum_long'].': '.self::$quickEdit_recnum[2];
echo '</div>';
echo '</div>';
}
@ -2882,27 +2879,19 @@ class SurveyDataDisplay{
$current = count($uids)-1;
}
echo '<div id="pagination" class="floatLeft">';
echo '<div class="pagination_holder">';
echo ' <div class="pagination">';
# povezava -10
/*if ($all > 10) {
if ($current - 10 >= 0) {
echo('<div><a href="'.$baseUrl.$uids[$current - 10].'">-10</a></div>');
} else {
# brez href povezave
echo('<div class="disabledPage">-10</div>');
}
}*/
$controls=array('hasPrev'=>true,'hasNext'=>true);
# povezava na prejšnjo stran
$prev_page = $uids[$current - 1] ? $uids[$current - 1] :$uids[$current];
if( ($current - 1) >= 0) {
echo('<div><a href="'.$baseUrl.$prev_page.'"><span class="faicon pagination_left icon-blue"></span></a></div>');
} else {
echo '<a href="'.$baseUrl.$prev_page.'"><div class="arrow left"><span class="faicon pagination_left"></span></div></a>';
}
else {
# brez href povezave
echo('<div class="disabledPage"><span class="faicon pagination_left icon-blue_soft"></span></div>');
echo '<div class="arrow left disabledPage"><span class="faicon pagination_left"></span></div>';
$controls['hasPrev'] = false;
}
@ -2919,11 +2908,13 @@ class SurveyDataDisplay{
}
if($a == $current) {
# brez href povezave
echo('<div class="currentPage">'.($a+1).'</div>');
} else {
echo('<div><a href="'.$baseUrl.$uids[$a].'">'.($a+1).'</a></div>');
echo '<div class="page_number currentPage">'.($a+1).'</div>';
}
else {
echo '<a href="'.$baseUrl.$uids[$a].'"><div class="page_number">'.($a+1).'</div></a>';
}
} else {
}
else {
$skipped = true;
}
}
@ -2931,26 +2922,18 @@ class SurveyDataDisplay{
# povezava na naslednjo stran
$next_page = ($uids[$current + 1]) ? $uids[$current + 1] : $uids[$current];
if(($current + 1) < $all) {
echo('<div><a href="'.$baseUrl.$next_page.'"><span class="faicon pagination_right icon-blue"></span></a></div>');
} else {
echo '<a href="'.$baseUrl.$next_page.'"><div class="arrow right"><span class="faicon pagination_right"></span></div></a>';
}
else {
# brez href povezave
echo('<div class="disabledPage"><span class="faicon pagination_right icon-blue_soft"></span></div>');
echo '<div class="arrow right disabledPage"><span class="faicon pagination_right"></span></div>';
$controls['hasNext'] = false;
}
/*if ($all > 10) {
if ($current + 10 < $all) {
echo('<div><a href="'.$baseUrl.$uids[$current + 10].'">+10</a></div>');
} else {
# brez href povezave
echo('<div class="disabledPage">+10</div>');
}
}*/
echo ' </div>';
echo '</div>';
// vrnemo link na prejsnega, link na naslednjega in recnum trenutnega
//return array($baseUrl.$prev_page, $baseUrl.$next_page, $uid_rec[self::$usr_id], $controls);
self::$quickEdit_recnum = array($baseUrl.$prev_page, $baseUrl.$next_page, $uid_rec[self::$usr_id], $controls);
}
else {
@ -2998,7 +2981,7 @@ class SurveyDataDisplay{
}
// recnum
echo '<tr><td class="left">'.$lang['srv_recnum_long'].':</td>';
echo '<tr><td class="left">'.$lang['srv_recnum'].':</td>';
echo '<td class="right">'.($rowu['recnum'] ? $rowu['recnum'] : '&nbsp;').'</td></tr>';
// Pri volitvah nimamo parapodatkov
@ -3433,33 +3416,35 @@ class SurveyDataDisplay{
$userAccess = UserAccess::getInstance($global_user_id);
// gumbi na levi (delete, edit, izvozi...)
echo '<div id="left_options">';
echo '<div class="quick_edit_icons">';
echo '<span class="faicon delete_circle large icon-orange_link" title="'.$lang['srv_delete_data_row'].'" onClick="quickEditAction(\'delete\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon edit_square large icon-grey_dark_link" title="'.$lang['srv_edit_data_row'].'" onClick="quickEditAction(\'edit\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon print_small large icon-grey_dark_link" title="'.$lang['PRN_Izpis'].'" onClick="printAnaliza(\'Vpogled\'); return false;"></span>';
echo '<span class="faicon edit_square" title="'.$lang['srv_edit_data_row'].'" onClick="quickEditAction(\'edit\', \''.self::$usr_id.'\');"></span>';
// Ce imamo izvoze v paketu
if($userAccess->checkUserAccess($what='data_export')){
echo '<span class="faicon pdf large icon-grey_dark_link" title="'.$lang['PDF_Izpis'].'" onClick="quickEditAction(\'pdf\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon rtf large icon-grey_dark_link" title="'.$lang['RTF_Izpis'].'" onClick="quickEditAction(\'rtf\', \''.self::$usr_id.'\');"></span>';
}
else{
echo '<span class="faicon pdf large icon-grey_dark_link user_access_locked" title="'.$lang['PDF_Izpis'].'" onClick="popupUserAccess(\'data_export\');"></span>';
echo '<span class="faicon rtf large icon-grey_dark_link user_access_locked" title="'.$lang['RTF_Izpis'].'" onClick="popupUserAccess(\'data_export\');"></span>';
}
echo '<span class="faicon copy large icon-grey_dark_link" title="'.$lang['srv_copy_data'].'" onClick="quickEditAction(\'copy\', \''.self::$usr_id.'\');"></span>';
// omogocimo/onemogocimo popravljanje vnosa
// omogocimo/onemogocimo popravljanje vnosa
if(isset($_GET['quick_view']) && $_GET['quick_view'] == 0){
echo '<span class="faicon edit large icon-grey_dark_link_reverse" title="'.$lang['srv_quick_view_off'].'" onClick="quickEditAction(\'quick_view\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon edit" title="'.$lang['srv_quick_view_off'].'" onClick="quickEditAction(\'quick_view\', \''.self::$usr_id.'\');"></span>';
echo '<input type="hidden" id="quick_view" value="0">';
}
else{
echo '<span class="faicon edit large icon-grey_dark_link" title="'.$lang['srv_quick_view_on'].'" onClick="quickEditAction(\'quick_view\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon edit gray" title="'.$lang['srv_quick_view_on'].'" onClick="quickEditAction(\'quick_view\', \''.self::$usr_id.'\');"></span>';
echo '<input type="hidden" id="quick_view" value="1">';
}
echo '<span class="faicon copy" title="'.$lang['srv_copy_data'].'" onClick="quickEditAction(\'copy\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon delete" title="'.$lang['srv_delete_data_row'].'" onClick="quickEditAction(\'delete\', \''.self::$usr_id.'\');"></span>';
// Ce imamo izvoze v paketu
if($userAccess->checkUserAccess($what='data_export')){
echo '<span class="faicon pdf" title="'.$lang['PDF_Izpis'].'" onClick="quickEditAction(\'pdf\', \''.self::$usr_id.'\');"></span>';
echo '<span class="faicon rtf" title="'.$lang['RTF_Izpis'].'" onClick="quickEditAction(\'rtf\', \''.self::$usr_id.'\');"></span>';
}
else{
echo '<span class="faicon pdf user_access_locked" title="'.$lang['PDF_Izpis'].'" onClick="popupUserAccess(\'data_export\');"></span>';
echo '<span class="faicon rtf user_access_locked" title="'.$lang['RTF_Izpis'].'" onClick="popupUserAccess(\'data_export\');"></span>';
}
echo '<span class="faicon print" title="'.$lang['PRN_Izpis'].'" onClick="printAnaliza(\'Vpogled\'); return false;"></span>';
echo '</div>';
}

3
admin/survey/classes/tracking/CrossRoad.php
View File

@ -382,6 +382,9 @@ class CrossRoad {
$layout_width = 'wide';
$layout_menu = 'menu_left';
}
elseif ($_GET['m'] == 'quick_edit') {
$layout_width = 'wide';
}
elseif ($_GET['m'] == 'variables') {
$layout_width = 'wide';
}

1
lang/1.php
View File

@ -6311,6 +6311,7 @@ $lang = array (
'srv_variableView_h_measure' => 'Merska lestvica',
'srv_save_set_theme' => 'Izberi to temo za temo ankete',
'srv_lnk_back_to_data' => 'Nazaj',
'srv_lnk_data' => 'Pregled podatkov',
'srv_lnk_vpogled' => 'Vpogled',
'srv_lnk_pregled_variabel' => 'Spremenljivke',
'srv_lnk_ego' => 'Ego',

1
lang/2.php
View File

@ -6205,6 +6205,7 @@ $lang = array (
'srv_variableView_h_measure' => 'Scale',
'srv_save_set_theme' => 'Select this theme for current theme',
'srv_lnk_back_to_data' => 'Back to data',
'srv_lnk_data' => 'Data review',
'srv_lnk_vpogled' => 'Insight into cases',
'srv_lnk_pregled_variabel' => 'Variables view',
'srv_lnk_ego' => 'Ego',

530
public/css/admin_new.css
View File

@ -24519,6 +24519,536 @@ ul#merge li {
border: 1px solid #E5E5E5;
}
/*
Podatki - vpogled
*/
.quick_edit_container .pagination_holder {
display: flex;
justify-content: center;
margin-bottom: 32px;
}
.quick_edit_container .pagination_holder .pagination {
display: flex;
justify-content: center;
align-items: center;
width: auto;
padding: 4px;
background: #F8F8F8;
border-radius: 2px;
}
.quick_edit_container .pagination_holder .pagination a {
color: #333333;
text-decoration: none;
}
.quick_edit_container .pagination_holder .pagination .page_number {
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin: 0 4px;
border-radius: 2px;
transition: 0.2s;
}
.quick_edit_container .pagination_holder .pagination .page_number:hover {
background-color: #E5E5E5;
}
.quick_edit_container .pagination_holder .pagination .page_number.currentPage {
color: #FFFFFF;
background-color: #1E88E5;
}
.quick_edit_container .pagination_holder .pagination .arrow {
margin: 0 4px;
transition: 0.2s;
}
.quick_edit_container .pagination_holder .pagination .arrow.disabledPage {
color: #777777;
}
.quick_edit_container #quick_edit_top_line {
display: flex;
align-items: center;
position: relative;
padding-bottom: 24px;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons {
position: absolute;
left: 0;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons .faicon {
cursor: pointer;
margin-right: 16px;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons .faicon:before {
font-size: 16px;
color: #1E88E5;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons .faicon:hover:before {
color: #0059ab;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons .faicon.delete {
padding-right: 16px;
border-right: 1px #E5E5E5 solid;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons .faicon.gray:before {
color: #808080;
}
.quick_edit_container #quick_edit_top_line .quick_edit_icons .faicon.pdf:before {
color: #FF0000;
}
.quick_edit_container #quick_edit_top_line .quick_edit_title {
width: 100%;
text-align: center;
font-weight: 700;
font-size: 22px;
}
.quick_edit_container .quick_edit_bottom_line {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding-top: 24px;
border-top: 1px #E5E5E5 solid;
}
.quick_edit_container .quick_edit_bottom_line .quick_edit_icons .faicon {
cursor: pointer;
margin-right: 16px;
}
.quick_edit_container .quick_edit_bottom_line .quick_edit_icons .faicon:before {
font-size: 16px;
color: #1E88E5;
}
.quick_edit_container .quick_edit_bottom_line .quick_edit_icons .faicon:hover:before {
color: #0059ab;
}
.quick_edit_container .quick_edit_bottom_line .quick_edit_icons .faicon.delete {
padding-right: 16px;
border-right: 1px #E5E5E5 solid;
}
.quick_edit_container .quick_edit_bottom_line .quick_edit_icons .faicon.gray:before {
color: #808080;
}
.quick_edit_container .quick_edit_bottom_line .quick_edit_icons .faicon.pdf:before {
color: #FF0000;
}
.quick_edit_container .quick_edit_bottom_line .button_holder {
margin: 0;
}
.quick_edit_container .quick_edit_bottom_line .button_holder button {
margin: 0 0 0 16px;
}
.quick_edit_container #edit_survey_data {
display: flex;
width: 100%;
}
.quick_edit_container #edit_survey_data #quick_edit_meta {
box-sizing: border-box;
width: 280px;
margin: 0 0 0 16px;
padding: 16px;
background-color: #F8F8F8;
border: 1px solid #E5E5E5;
}
.quick_edit_container #edit_survey_data #quick_edit_meta .title {
text-align: left;
font-weight: 600;
font-size: 20px;
color: #333333;
}
.quick_edit_container #edit_survey_data #quick_edit_meta table {
width: 100%;
box-sizing: border-box;
}
.quick_edit_container #edit_survey_data #quick_edit_meta table tr td {
box-sizing: border-box;
padding: 8px 0;
font-size: 14px;
text-align: left;
vertical-align: top;
border: 0;
}
.quick_edit_container #edit_survey_data #quick_edit_meta table tr td.left {
width: 40%;
font-weight: 600;
}
.quick_edit_container #edit_survey_data #quick_edit_meta table tr td.right {
width: 60%;
word-wrap: break-word;
overflow: hidden;
font-size: 14px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner {
flex-grow: 1;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 24px 0;
color: #333333;
border-top: 1px solid #E5E5E5;
/* awesome radio in checkboxi */
/* custom checkbox and radio buttons */
/* Obstoječe skrijemo*/
/* Disabled radio / checkbox */
/* checkbox */
/* radio */
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .naslov {
margin: 0 0 24px 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .naslov p {
margin: 0;
font-weight: 700;
font-size: 20px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .variable_holder {
height: auto !important;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .variable_holder .variabla {
padding: 0 0 16px 0;
font-size: 16px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .variable_holder .variabla:last-child {
padding-bottom: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=text], .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka textarea, .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka select {
margin: 0;
padding: 5px 7px;
border-radius: 3px;
border: 1px #3e3e3e solid;
background-color: #fff;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox], .quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] {
opacity: 0;
position: absolute !important;
width: 30px;
height: 24px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio:before,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-custom-radio:before,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-vizualna-skala::before {
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 400;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox]:disabled + span.enka-checkbox-radio:before,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio]:disabled + span.enka-checkbox-radio:before {
opacity: 0.5;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio {
font-size: 15px;
-webkit-text-stroke: 0.35px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio:before {
content: "";
letter-spacing: 10px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox]:checked + span.enka-checkbox-radio:before {
content: "";
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio:before {
content: "";
letter-spacing: 10px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio]:checked + span.enka-checkbox-radio:before {
content: "";
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=checkbox] + span.enka-checkbox-radio,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=radio] + span.enka-checkbox-radio,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .visual-radio-scale.checked .enka-vizualna-skala {
color: #1E88E5;
font-size: 20px;
vertical-align: -1px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=text]:focus,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=number]:focus,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=email]:focus,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka input[type=password]:focus,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka textarea:focus {
border-color: #1E88E5;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table {
margin: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table tr td,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table tr th {
border: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table tr td.category {
text-align: center;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table tr td.category label {
margin: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table tr td.category span.enka-checkbox-radio:before {
letter-spacing: 0 !important;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.grid_table tr:nth-child(2n+1) {
background-color: #F1F8FD;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.text_vrednost {
table-layout: fixed;
text-align: left;
width: 100%;
border-spacing: 0;
margin: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.text_vrednost tr td,
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.text_vrednost tr th {
border: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_5 {
width: 5%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_10 {
width: 10%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_15 {
width: 15%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_20 {
width: 20%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_25 {
width: 25%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_30 {
width: 30%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_33 {
width: 33.3%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_35 {
width: 35%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_40 {
width: 40%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_45 {
width: 45%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_50 {
width: 50%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_55 {
width: 55%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_60 {
width: 60%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_65 {
width: 65%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_70 {
width: 70%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_75 {
width: 75%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_80 {
width: 80%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_85 {
width: 85%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_90 {
width: 90%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_95 {
width: 95%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .width_100 {
width: 100%;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .frame_dropping_titles {
width: 230px;
padding: 5px;
margin: 0px auto 0px auto;
height: 15px;
text-align: center;
background-color: white;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .frame_dropping {
width: 230px;
padding: 5px;
margin: 0px auto 10px auto;
height: 15px;
text-indent: -25px;
background-color: #F2F2F2;
border: 1px solid #E5E5E5;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.ranking_table {
width: 100%;
table-layout: fixed;
border-spacing: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.ranking_table td {
width: 45%;
padding: 5px;
vertical-align: top;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.ranking_table td.middle {
width: 10%;
vertical-align: top;
text-align: center;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka table.ranking_table ul {
list-style: none;
margin: 0;
padding: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka td.middle img {
display: block;
margin: 50% 0 0 20px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .ranking {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .ranking_long {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .handle {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .handle_long {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .ime {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .izbran {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .frame_ranking {
width: 230px;
padding: 5px;
margin: 0px auto 10px auto;
border: 1px dashed black;
height: 15px;
text-indent: -25px;
font-weight: bold;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .dropholder {
position: relative;
padding-top: 11px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .dropholder .dropzone {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .dropzone {
border-top: 1px solid black;
min-height: 100px;
padding-top: 10px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .moving {
cursor: pointer;
margin-left: auto;
margin-right: auto;
width: 230px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .frame_moving {
width: 230px;
padding: 5px;
margin: 0px auto 10px auto;
border: 1px dashed black;
height: 15px;
text-indent: -25px;
font-weight: bold;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka ul.sorting {
list-style: none;
margin: 0;
padding: 0;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .sortholder {
margin: 0 auto;
width: 250px;
padding: 5px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka .sortzone {
position: absolute;
margin: 0 auto 0 auto;
width: 250px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .comment {
clear: both;
margin-top: 10px;
}
.quick_edit_container #edit_survey_data .quick_edit_inner .spremenljivka.tip_17 input {
width: 50px;
}
.quick_edit_container #quick_edit_filter {
margin: 20px 0 10px 0;
width: 70%;
padding-left: 20px;
}
.quick_edit_container .loop_warning {
width: 99%;
border: 1px solid red;
padding: 5px;
margin-bottom: -10px;
}
.quick_edit_container .quick_edit_loop {
opacity: 0.5;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates

648
resources/sass/admin_new/pages/survey_data/quick_edit.scss Normal file
View File

@ -0,0 +1,648 @@
/*
Podatki - vpogled
*/
.quick_edit_container {
.pagination_holder{
display: flex;
justify-content: center;
margin-bottom: 32px;
.pagination {
display: flex;
justify-content: center;
align-items: center;
width: auto;
padding: 4px;
background: $light-gray;
border-radius: 2px;
a{
color: $black;
text-decoration: none;
}
.page_number{
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin: 0 4px;
border-radius: 2px;
transition: 0.2s;
&:hover{
background-color: $gray;
}
&.currentPage{
color: $white;
background-color: $blue;
}
}
.arrow{
margin: 0 4px;
transition: 0.2s;
&.disabledPage{
color: $very-dark-gray;
}
}
}
}
#quick_edit_top_line{
display: flex;
align-items: center;
position: relative;
padding-bottom: 24px;
.quick_edit_icons{
position: absolute;
left: 0;
.faicon{
cursor: pointer;
margin-right: 16px;
&:before{
font-size: 16px;
color: $blue;
}
&:hover:before{
color: $dark-blue;
}
&.delete{
padding-right: 16px;
border-right: 1px $gray solid;
}
&.gray:before{
color: $very-dark-gray2;
}
&.pdf:before{
color: $red;
}
}
}
.quick_edit_title{
width: 100%;
text-align: center;
font-weight: 700;
font-size: 22px;
}
}
.quick_edit_bottom_line{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding-top: 24px;
border-top: 1px $gray solid;
.quick_edit_icons{
.faicon{
cursor: pointer;
margin-right: 16px;
&:before{
font-size: 16px;
color: $blue;
}
&:hover:before{
color: $dark-blue;
}
&.delete{
padding-right: 16px;
border-right: 1px $gray solid;
}
&.gray:before{
color: $very-dark-gray2;
}
&.pdf:before{
color: $red;
}
}
}
.button_holder{
margin: 0;
button{
margin: 0 0 0 16px;
}
}
}
#edit_survey_data {
display: flex;
width: 100%;
// Desni box
#quick_edit_meta{
box-sizing: border-box;
width: 280px;
margin: 0 0 0 16px;
padding: 16px;
background-color: $light-gray;
border: 1px solid $gray;
.title {
text-align: left;
font-weight: 600;
font-size: 20px;
color: $black;
}
table {
width: 100%;
box-sizing: border-box;
tr {
td{
box-sizing: border-box;
padding: 8px 0;
font-size: 14px;
text-align: left;
vertical-align: top;
border: 0;
&.left {
width: 40%;
font-weight: 600;
}
&.right {
width: 60%;
word-wrap: break-word;
overflow: hidden;
font-size: 14px;
}
}
}
}
}
.quick_edit_inner {
flex-grow: 1;
.spremenljivka {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 24px 0;
color: $black;
border-top: 1px solid $gray;
.naslov {
margin: 0 0 24px 0;
p {
margin: 0;
font-weight: 700;
font-size: 20px;
}
}
.variable_holder {
height: auto !important;
.variabla{
padding: 0 0 16px 0;
font-size: 16px;
&:last-child{
padding-bottom: 0;
}
}
}
input[type="text"], textarea, select{
margin: 0;
padding: 5px 7px;
border-radius: 3px;
border: 1px #3e3e3e solid;
background-color: #fff;
}
/* awesome radio in checkboxi */
/* custom checkbox and radio buttons */
/* Obstoječe skrijemo*/
input[type="checkbox"], input[type="radio"] {
//display: none !important;
opacity: 0;
position: absolute !important;
width: 30px;
height: 24px;
}
input[type="checkbox"] + span.enka-checkbox-radio:before,
input[type="radio"] + span.enka-checkbox-radio:before,
input[type="radio"] + span.enka-custom-radio:before,
input[type="radio"] + span.enka-vizualna-skala::before{
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 400;
}
/* Disabled radio / checkbox */
input[type="checkbox"]:disabled + span.enka-checkbox-radio:before,
input[type="radio"]:disabled + span.enka-checkbox-radio:before{
opacity: 0.5;
}
input[type="checkbox"] + span.enka-checkbox-radio,
input[type="radio"] + span.enka-checkbox-radio {
font-size: 15px;
-webkit-text-stroke: 0.35px;
}
/* checkbox */
input[type="checkbox"] + span.enka-checkbox-radio:before {
content: "\f0c8";
letter-spacing: 10px;
}
input[type="checkbox"]:checked + span.enka-checkbox-radio:before {
content: "\f14a";
}
/* radio */
input[type="radio"] + span.enka-checkbox-radio:before {
content: "\f111";
letter-spacing: 10px;
}
input[type="radio"]:checked + span.enka-checkbox-radio:before {
content: "\f192";
}
input[type="checkbox"] + span.enka-checkbox-radio,
input[type="radio"] + span.enka-checkbox-radio,
.custom_radio_picture.obarvan > label > span.enka-custom-radio:before,
.visual-radio-scale.checked .enka-vizualna-skala{
color: $blue;
font-size: 20px;
vertical-align: -1px;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus{
border-color: $blue;
}
table.grid_table{
margin: 0;
tr{
td,
th{
border: 0;
}
td.category{
text-align: center;
label{
margin: 0;
}
span.enka-checkbox-radio:before{
letter-spacing: 0 !important;
}
}
&:nth-child(2n+1){
background-color: #F1F8FD;
}
}
}
table.text_vrednost {
table-layout: fixed;
text-align: left;
width: 100%;
border-spacing: 0;
margin: 0;
tr{
td,
th{
border: 0;
}
}
}
.width_5 {
width: 5%;
}
.width_10 {
width: 10%;
}
.width_15 {
width: 15%;
}
.width_20 {
width: 20%;
}
.width_25 {
width: 25%;
}
.width_30 {
width: 30%;
}
.width_33 {
width: 33.3%;
}
.width_35 {
width: 35%;
}
.width_40 {
width: 40%;
}
.width_45 {
width: 45%;
}
.width_50 {
width: 50%;
}
.width_55 {
width: 55%;
}
.width_60 {
width: 60%;
}
.width_65 {
width: 65%;
}
.width_70 {
width: 70%;
}
.width_75 {
width: 75%;
}
.width_80 {
width: 80%;
}
.width_85 {
width: 85%;
}
.width_90 {
width: 90%;
}
.width_95 {
width: 95%;
}
.width_100 {
width: 100%;
}
.frame_dropping_titles {
width: 230px;
padding: 5px;
margin: 0px auto 0px auto;
height: 15px;
text-align: center;
background-color: white;
border-top: 1px solid $gray;
border-left: 1px solid $gray;
border-right: 1px solid $gray;
}
.frame_dropping {
width: 230px;
padding: 5px;
margin: 0px auto 10px auto;
height: 15px;
text-indent: -25px;
background-color: $light-gray2;
border: 1px solid $gray;
}
table.ranking_table {
width: 100%;
table-layout: fixed;
border-spacing: 0;
td {
width: 45%;
padding: 5px;
vertical-align: top;
}
td.middle {
width: 10%;
vertical-align: top;
text-align: center;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
}
td.middle {
img {
display: block;
margin: 50% 0 0 20px;
}
}
.ranking {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ranking_long {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.handle {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.handle_long {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.ime {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.izbran {
width: 230px;
padding: 5px;
margin: 0 auto 10px auto;
border: 1px solid black;
height: 15px;
text-align: center;
overflow: hidden;
}
.frame_ranking {
width: 230px;
padding: 5px;
margin: 0px auto 10px auto;
border: 1px dashed black;
height: 15px;
text-indent: -25px;
font-weight: bold;
}
.dropholder {
position: relative;
padding-top: 11px;
.dropzone {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
.dropzone {
border-top: 1px solid black;
min-height: 100px;
padding-top: 10px;
}
.moving {
cursor: pointer;
margin-left: auto;
margin-right: auto;
width: 230px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.frame_moving {
width: 230px;
padding: 5px;
margin: 0px auto 10px auto;
border: 1px dashed black;
height: 15px;
text-indent: -25px;
font-weight: bold;
}
ul.sorting {
list-style: none;
margin: 0;
padding: 0;
}
.sortholder {
margin: 0 auto;
width: 250px;
padding: 5px;
}
.sortzone {
position: absolute;
margin: 0 auto 0 auto;
width: 250px;
}
}
.comment {
clear: both;
margin-top: 10px;
}
.spremenljivka.tip_17 {
input {
width: 50px;
}
}
}
}
#quick_edit_filter {
margin: 20px 0 10px 0;
width: 70%;
padding-left: 20px;
}
.loop_warning {
width: 99%;
border: 1px solid red;
padding: 5px;
margin-bottom: -10px;
}
.quick_edit_loop {
opacity: 0.5;
}
}

1
resources/sass/admin_new/pages/survey_data/survey_data.scss
View File

@ -6,5 +6,6 @@
@import "data_table";
@import "calculations";
@import "append_merge";
@import "quick_edit";
@import "popups/popups";