Redesign - analize - crosstab - V DELU

This commit is contained in:
pero1203 2022-02-01 13:03:56 +01:00
parent 4072f2606f
commit ec366dd89f
11 changed files with 2011 additions and 411 deletions

View File

@ -2906,9 +2906,7 @@ class SurveyAdmin
SurveyAnalysis::Init($this->anketa); SurveyAnalysis::Init($this->anketa);
SurveyAnalysis::DisplayFilters(); SurveyAnalysis::DisplayFilters();
if ($_GET['m'] == M_ANALYSIS_CROSSTAB) {
echo '<br class="clr"/>';
}
echo '<div id="div_analiza_data" class="' . $podstran . '">'; echo '<div id="div_analiza_data" class="' . $podstran . '">';
SurveyAnalysis::Display(); SurveyAnalysis::Display();
echo '</div>'; // div_analiza_data echo '</div>'; // div_analiza_data

File diff suppressed because it is too large Load Diff

View File

@ -108,7 +108,7 @@ function change_crosstab (action) {
var crossNavVsEno = $('#crossNavVsEno1').is(':checked') ? '1' : '0'; var crossNavVsEno = $('#crossNavVsEno1').is(':checked') ? '1' : '0';
$("#crosstab_drobdowns").fadeTo(100, 0.2); $("#crosstab_drobdowns").fadeTo(100, 0.2);
$("#crosstab_table").fadeTo(100, 0.2); $("#crosstab_tables").fadeTo(100, 0.2);
$("#crosstab_drobdowns").load("ajax.php?t=crosstab&a=changeDropdown", {anketa:srv_meta_anketa_id, sequence1:sequence1, sequence2:sequence2, $("#crosstab_drobdowns").load("ajax.php?t=crosstab&a=changeDropdown", {anketa:srv_meta_anketa_id, sequence1:sequence1, sequence2:sequence2,
spr1:spr1, spr2:spr2 , crossNavVsEno:crossNavVsEno, grid1:grid1, grid2:grid2}, function() { spr1:spr1, spr2:spr2 , crossNavVsEno:crossNavVsEno, grid1:grid1, grid2:grid2}, function() {
if (isNaN(spr1) && isNaN(spr2)) { if (isNaN(spr1) && isNaN(spr2)) {
@ -117,7 +117,7 @@ function change_crosstab (action) {
}); });
} else { } else {
$("#crosstab_drobdowns").fadeTo(100, 1); $("#crosstab_drobdowns").fadeTo(100, 1);
$("#crosstab_table").fadeTo(100, 1); $("#crosstab_tables").fadeTo(100, 1);
} }
}); });
@ -125,7 +125,7 @@ function change_crosstab (action) {
function change_crosstab_cb () { function change_crosstab_cb () {
$("#crosstab_drobdowns").fadeTo(100, 0.2); $("#crosstab_drobdowns").fadeTo(100, 0.2);
$("#crosstab_table").fadeTo(100, 0.2); $("#crosstab_tables").fadeTo(100, 0.2);
// prebereomo dropdown variabli // prebereomo dropdown variabli
@ -149,12 +149,12 @@ function change_crosstab_cb () {
var crossNavVsEno = $('#crossNavVsEno1').is(':checked') ? '1' : '0'; var crossNavVsEno = $('#crossNavVsEno1').is(':checked') ? '1' : '0';
$("#crosstab_table").load("ajax.php?t=crosstab&a=change_cb", {anketa:srv_meta_anketa_id, sequence1:sequence1, sequence2:sequence2, $("#crosstab_tables").load("ajax.php?t=crosstab&a=change_cb", {anketa:srv_meta_anketa_id, sequence1:sequence1, sequence2:sequence2,
//crossChk0:crossChk0, crossChk1:crossChk1, crossChk2:crossChk2, crossChk3:crossChk3, //crossChk0:crossChk0, crossChk1:crossChk1, crossChk2:crossChk2, crossChk3:crossChk3,
//crossChkEC:crossChkEC, crossChkRE:crossChkRE,crossChkSR:crossChkSR,crossChkAR:crossChkAR, doColor:doColor, //crossChkEC:crossChkEC, crossChkRE:crossChkRE,crossChkSR:crossChkSR,crossChkAR:crossChkAR, doColor:doColor,
spr1:spr1, spr2:spr2, crossNavVsEno:crossNavVsEno, grid1:grid1, grid2:grid2 }, function () { spr1:spr1, spr2:spr2, crossNavVsEno:crossNavVsEno, grid1:grid1, grid2:grid2 }, function () {
$("#crosstab_drobdowns").fadeTo(100, 1); $("#crosstab_drobdowns").fadeTo(100, 1);
$("#crosstab_table").fadeTo(100, 1); $("#crosstab_tables").fadeTo(100, 1);
}); });
} }
@ -203,7 +203,7 @@ function doInspectFromCrosstab(el,event) {
function doArchiveCrosstab() { function doArchiveCrosstab() {
//preverimo ali obstaja vsebina crosstaba //preverimo ali obstaja vsebina crosstaba
if ($("#crosstab_table").length > 0 && $("#crosstab_table").html() != '') { if ($("#crosstab_tables").length > 0 && $("#crosstab_tables").html() != '') {
$("#fullscreen").load('ajax.php?a=doArchiveAnaliza', {anketa: srv_meta_anketa_id, podstran: srv_meta_podstran}, function() { $("#fullscreen").load('ajax.php?a=doArchiveAnaliza', {anketa: srv_meta_anketa_id, podstran: srv_meta_podstran}, function() {
$('#fade').fadeTo('slow', 1); $('#fade').fadeTo('slow', 1);
@ -215,8 +215,8 @@ function doArchiveCrosstab() {
} }
function createArchiveCrosstabBeforeEmail() { function createArchiveCrosstabBeforeEmail() {
//preverimo ali obstaja vsebina crosstaba //preverimo ali obstaja vsebina crosstaba
if ($("#crosstab_table").length > 0 && $("#crosstab_table").html() != '') { if ($("#crosstab_tables").length > 0 && $("#crosstab_tables").html() != '') {
var content = $("#crosstab_table").html(); var content = $("#crosstab_tables").html();
//global replace //global replace
var regex = new RegExp('ct_inspect', "g"); var regex = new RegExp('ct_inspect', "g");
content = content.replace(regex, ''); content = content.replace(regex, '');
@ -245,8 +245,8 @@ function createArchiveCrosstabBeforeEmail() {
} }
function submitArchiveCrosstabs() { function submitArchiveCrosstabs() {
//preverimo ali obstaja vsebina crosstaba //preverimo ali obstaja vsebina crosstaba
if ($("#crosstab_table").length > 0 && $("#crosstab_table").html() != '') { if ($("#crosstab_tables").length > 0 && $("#crosstab_tables").html() != '') {
var content = $("#crosstab_table").html(); var content = $("#crosstab_tables").html();
//global replace //global replace
var regex = new RegExp('ct_inspect', "g"); var regex = new RegExp('ct_inspect', "g");
content = content.replace(regex, ''); content = content.replace(regex, '');

View File

@ -777,7 +777,7 @@ function show_single_percent(id,status) {
function printAnaliza(ime) function printAnaliza(ime)
{ {
if(ime == 'Crosstab') if(ime == 'Crosstab')
var divToPrint=document.getElementById('crosstab_table'); var divToPrint=document.getElementById('crosstab_tables');
else if(ime == 'MultiCrosstab') else if(ime == 'MultiCrosstab')
var divToPrint=document.getElementById('mc_holder'); var divToPrint=document.getElementById('mc_holder');
else if(ime == 'Means') else if(ime == 'Means')

View File

@ -15248,6 +15248,7 @@ textarea#addusers, textarea#addusers_note {
#div_analiza_data table tr td.cell_space { #div_analiza_data table tr td.cell_space {
padding: 0; padding: 0;
line-height: 8px; line-height: 8px;
background-color: #FFFFFF !important;
border: 0 !important; border: 0 !important;
} }
#div_analiza_data table tr th.cell_noPadding, #div_analiza_data table tr th.cell_noPadding,
@ -15740,6 +15741,917 @@ iframe#ifmcontentstoprint {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
#div_analiza_data.crosstabs {
display: flex;
flex-direction: column;
}
#div_analiza_data.crosstabs .crosstab_top_holder {
display: flex;
align-self: center;
flex-wrap: wrap;
margin-bottom: 16px;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns {
display: flex;
margin-right: 64px;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossLeftHolder,
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossRightHolder {
display: flex;
flex-direction: column;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossLeftHolder .title,
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossRightHolder .title {
margin-bottom: 4px;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossLeftHolder .variabla_line,
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossRightHolder .variabla_line {
display: flex;
align-items: center;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossLeftHolder .variabla_line .faicon,
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossRightHolder .variabla_line .faicon {
cursor: pointer;
margin-left: 8px;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossLeftHolder .variabla_line .faicon::before,
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossRightHolder .variabla_line .faicon::before {
color: #1E88E5;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossLeftHolder button,
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossRightHolder button {
width: 190px;
margin-top: 16px;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossImgHolder {
margin: 38px 32px 0 32px;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossImgHolder .faicon {
cursor: pointer;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossImgHolder .faicon::before {
color: #1E88E5;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_drobdowns #crossImgHolder .faicon.gray::before {
color: #E5E5E5;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_settings {
display: flex;
flex-direction: column;
}
#div_analiza_data.crosstabs .crosstab_top_holder #crosstab_settings .setting_line {
margin-bottom: 6px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder {
margin-top: 16px;
padding-bottom: 16px;
border-bottom: 1px #E5E5E5 solid;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder:last-child {
border-bottom: 0;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder .hi2 {
margin-bottom: 8px;
font-weight: 600;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder table.table_crosstab td.cell_var {
width: 260px;
text-align: left;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder table.table_crosstab td.cell_question a {
text-decoration: none;
color: #333333;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder table.table_crosstab td.cell_value {
text-align: center;
padding: 4px 8px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder .custom_report_include {
margin-top: 16px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder .custom_report_include a {
text-decoration: none;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder #crosstab_legend {
display: flex;
flex-direction: column;
margin-top: 16px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder #crosstab_legend .crosstab_legend_line {
display: flex;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder #crosstab_legend .crosstab_legend_line:nth-child(2) {
margin-top: 16px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder #crosstab_legend .crosstab_legend_line .title {
margin-right: 16px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder #crosstab_legend .crosstab_legend_line .trak {
display: flex;
align-items: center;
justify-content: center;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder #crosstab_legend .crosstab_legend_line .trak div {
width: 22px;
height: 22px;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 18px;
}
#div_analiza_data.crosstabs #crosstab_tables .table_holder .crosstab_chart_holder {
margin: 16px auto 0 auto;
}
#div_analiza_data.crosstabs .ctbChck_sp0 {
background-color: #fcfcfc !important;
}
#div_analiza_data.crosstabs .ctbChck_sp1 {
background-color: #FEFFE3 !important;
}
#div_analiza_data.crosstabs .ctbChck_sp2 {
background-color: #FCFFC2 !important;
}
#div_analiza_data.crosstabs .ctbChck_sp3 {
background-color: #FBFFA8 !important;
}
#div_analiza_data.crosstabs .crossCheck_EC {
background-color: #FFFAE8 !important;
}
#div_analiza_data.crosstabs .crossCheck_RE {
background-color: #FFF6D1 !important;
}
#div_analiza_data.crosstabs .crossCheck_SR {
background-color: #FFECA2 !important;
}
#div_analiza_data.crosstabs .crossCheck_AR {
background-color: #FFDA46 !important;
}
#div_analiza_data.crosstabs .rsdl_bck0 {
background-color: white !important;
}
#div_analiza_data.crosstabs .rsdl_bck1 {
background-color: #fae2e2 !important;
}
#div_analiza_data.crosstabs .rsdl_bck2 {
background-color: #ff9d9d !important;
}
#div_analiza_data.crosstabs .rsdl_bck3 {
background-color: #f84242 !important;
}
#div_analiza_data.crosstabs .rsdl_bck4 {
background-color: #E8F1FF !important;
}
#div_analiza_data.crosstabs .rsdl_bck5 {
background-color: #B9D5FF !important;
}
#div_analiza_data.crosstabs .rsdl_bck6 {
background-color: #74ACFF !important;
}
#mc_holder {
overflow: hidden;
margin-top: 20px;
min-height: 500px;
}
#mc_holder .mc_table_bottom_settings {
clear: none;
float: right;
border-collapse: collapse;
margin: 0 2% 15px 0;
width: 72%;
}
#mc_holder .custom_report_include {
clear: none;
float: left;
border-collapse: collapse;
margin: 0 2% 15px 0;
}
/*drag list of questions*/
#spr_list {
float: left;
overflow: auto;
position: fixed;
width: 20%;
max-height: 450px;
margin: 15px 0 15px 1%;
background-color: white;
border: 1px solid silver;
border-radius: 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px;
}
#spr_list ul {
padding: 0;
padding: 5px 0;
z-index: 1;
}
.mc_draggable {
width: 180px;
margin: 10px 15px;
padding: 8px;
list-style: none;
border: 1px #E5E5E5 dashed;
}
.mc_draggable:hover {
background-color: #E5E5E5;
cursor: pointer;
}
/*title of table*/
.mc_table_title {
float: right;
table-layout: fixed;
width: 70%;
min-height: 15px;
margin: 15px 2% 15px 0;
padding: 5px 1%;
font-size: 16px;
font-weight: bold;
border-collapse: collapse;
}
.mc_table_title:hover {
cursor: text;
background-color: #E5E5E5;
}
.mc_table_title .multicrosstab_title_inline:focus {
outline: none;
}
.mc_table_title.writing {
background-color: #E5E5E5;
outline: 1px dashed #E5E5E5;
}
/*multicrosstab table*/
.mc_table {
float: right;
table-layout: fixed;
width: 72%;
margin: 15px 2% 15px 0;
border-collapse: collapse;
}
.mc_table tr {
height: 40px;
}
.mc_table tr td {
border: 1px #E5E5E5 solid;
text-align: center;
}
.mc_table tr td table.mc_inner_cell {
width: 100%;
height: 100%;
border-collapse: collapse;
}
.mc_table tr td table.mc_inner_cell tr {
width: 100%;
height: auto;
}
.mc_table tr td table.mc_inner_cell tr td {
border: 0;
border-top: 1px dashed #E5E5E5;
width: 100%;
}
.mc_table tr td table.mc_inner_cell tr:first-child td {
border: 0;
}
.mc_table tr td .delete_var {
display: none;
position: absolute;
width: 16px;
height: 16px;
margin: -25px 0 0 0;
background-image: url("../../../admin/survey/img_0/cross.png");
}
.mc_table tr td.borderless {
border: 0;
}
.mc_table tr td.spr {
cursor: pointer;
font-weight: bold;
background-color: #E5E5E5;
}
.mc_table tr td.var {
background-color: #E5E5E5;
}
.mc_table tr td.sums {
color: #FFC700;
}
.mc_table tr td.data {
background-color: #F9F9F7;
}
.mc_table tr td.crossCheck_EC {
background-color: #FFFAE8;
}
.mc_table tr td.crossCheck_RE {
background-color: #FFFAE8;
}
.mc_table tr td.crossCheck_SR {
background-color: #FFECA2;
}
.mc_table tr td.crossCheck_AR {
background-color: #FFDA46;
}
.mc_table tr td.rsdl_bck0 {
background-color: white;
}
.mc_table tr td.rsdl_bck1 {
background-color: #FFE8E8;
}
.mc_table tr td.rsdl_bck2 {
background-color: #FFD1D1;
}
.mc_table tr td.rsdl_bck3 {
background-color: #FF8B8B;
}
.mc_table tr td.rsdl_bck4 {
background-color: #E8F1FF;
}
.mc_table tr td.rsdl_bck5 {
background-color: #B9D5FF;
}
.mc_table tr td.rsdl_bck6 {
background-color: #74ACFF;
}
.mc_table tr td.white {
background-color: white;
}
.mc_table tr td.red {
background-color: #FFD1D1;
}
.mc_table tr td.blue {
background-color: #E8F1FF;
}
.mc_table tr td.drophover {
background-color: #FFC700 !important;
}
.mc_table tr td.empty {
border: 1px dashed #E5E5E5;
font-weight: normal;
}
.mc_table tr td.empty.droppable {
color: #FFC700;
border: 1px dashed #FFC700;
background-color: #FFC700;
}
/*settings links in top left corner*/
.mc_settings_links {
float: none;
display: inline-block;
position: relative;
width: auto;
left: 200px;
padding: 3px 5px;
margin: 0 40px 0 0;
background-color: #E5E5E5;
border: 1px solid silver;
border-radius: 3px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px;
}
.mc_settings_links ul {
margin: 0 !important;
padding: 0;
}
.mc_settings_links ul li {
display: inline-block;
list-style: none outside none;
margin: 0 !important;
padding: 2px 1px;
vertical-align: middle;
}
.mc_settings_links ul li > span {
vertical-align: middle;
cursor: pointer;
}
.mc_settings_links ul li.space {
background: url("../../../admin/survey/img_0/navigation/nav-control-bg.png") no-repeat scroll center top transparent;
line-height: 17px;
padding: 0 5px;
width: 7px;
}
/*table settings popup*/
.mc_table_settings {
/*max-height: 90vh;
overflow-y: scroll;*/
max-width: 90vw;
padding: 16px;
font-size: 16px;
line-height: 20px;
background-color: white;
display: none;
position: fixed;
top: 200px;
left: calc(50% - 200px);
z-index: 999;
width: 400px;
}
.mc_table_settings .popup_close {
position: absolute !important;
top: 10px;
right: 10px;
z-index: 9999;
font-size: 12px !important;
color: #777777;
}
.mc_table_settings .popup_close:hover {
color: #333333;
}
.mc_table_settings .popup_close a {
color: #777777;
text-decoration: none;
}
.mc_table_settings .popup_close a:hover {
color: #333333;
}
.mc_table_settings h2,
.mc_table_settings .divPopUp_top {
width: 100%;
margin-top: 3px;
margin-bottom: 16px;
padding-bottom: 8px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
border-bottom: 1px #E5E5E5 solid;
}
.mc_table_settings p {
line-height: 20px;
}
.mc_table_settings .button_holder {
justify-content: end !important;
margin: 16px 0 0 0;
}
.mc_table_settings .button_holder button:last-child {
margin-right: 0;
}
.mc_table_settings.warning_popup h2::before {
padding-right: 8px;
font-family: "Font Awesome 5 Free";
content: "";
font-size: 14px;
color: #FFC700;
}
.mc_table_settings #mcSettingsButtons {
position: absolute;
bottom: 15px;
right: 10px;
}
.mc_table_settings #delez {
width: 300px;
margin: 5px 10px 0px 60px;
}
.mc_table_settings form {
padding: 10px;
}
.mc_table_settings fieldset {
margin: 0px 0px 10px 0px;
border: 0;
border-top: 1px solid #1E88E5;
}
.mc_table_settings legend {
color: #1E88E5;
font-size: 13px;
font-weight: 500;
margin: 0;
padding: 0 10px;
}
/*tables list popup*/
#div_mc_tables {
display: none;
width: 350px;
height: 280px;
}
#div_mc_tables #mc_tables_left {
margin-bottom: 10px;
}
#mc_tables {
cursor: pointer;
width: 99%;
height: 160px;
display: inline-block;
border: 1px solid gray;
}
#mc_tables .option {
padding: 1px;
}
#mc_tables .active {
background-color: #1E88E5;
color: white;
border-bottom: 1px solid #E5E5E5;
}
/*new table popup*/
#newMCTable {
/*max-height: 90vh;
overflow-y: scroll;*/
max-width: 90vw;
padding: 16px;
font-size: 16px;
line-height: 20px;
background-color: white;
display: none;
position: fixed;
left: calc(50% - 275px);
top: 40vh;
z-index: 999;
margin: 10px;
width: 550px;
}
#newMCTable .popup_close {
position: absolute !important;
top: 10px;
right: 10px;
z-index: 9999;
font-size: 12px !important;
color: #777777;
}
#newMCTable .popup_close:hover {
color: #333333;
}
#newMCTable .popup_close a {
color: #777777;
text-decoration: none;
}
#newMCTable .popup_close a:hover {
color: #333333;
}
#newMCTable h2,
#newMCTable .divPopUp_top {
width: 100%;
margin-top: 3px;
margin-bottom: 16px;
padding-bottom: 8px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
border-bottom: 1px #E5E5E5 solid;
}
#newMCTable p {
line-height: 20px;
}
#newMCTable .button_holder {
justify-content: end !important;
margin: 16px 0 0 0;
}
#newMCTable .button_holder button:last-child {
margin-right: 0;
}
#newMCTable.warning_popup h2::before {
padding-right: 8px;
font-family: "Font Awesome 5 Free";
content: "";
font-size: 14px;
color: #FFC700;
}
/*rename table popup*/
#renameMCTable {
/*max-height: 90vh;
overflow-y: scroll;*/
max-width: 90vw;
padding: 16px;
font-size: 16px;
line-height: 20px;
background-color: white;
display: none;
position: fixed;
left: calc(50% - 275px);
top: 40vh;
z-index: 999;
margin: 10px;
width: 550px;
}
#renameMCTable .popup_close {
position: absolute !important;
top: 10px;
right: 10px;
z-index: 9999;
font-size: 12px !important;
color: #777777;
}
#renameMCTable .popup_close:hover {
color: #333333;
}
#renameMCTable .popup_close a {
color: #777777;
text-decoration: none;
}
#renameMCTable .popup_close a:hover {
color: #333333;
}
#renameMCTable h2,
#renameMCTable .divPopUp_top {
width: 100%;
margin-top: 3px;
margin-bottom: 16px;
padding-bottom: 8px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
border-bottom: 1px #E5E5E5 solid;
}
#renameMCTable p {
line-height: 20px;
}
#renameMCTable .button_holder {
justify-content: end !important;
margin: 16px 0 0 0;
}
#renameMCTable .button_holder button:last-child {
margin-right: 0;
}
#renameMCTable.warning_popup h2::before {
padding-right: 8px;
font-family: "Font Awesome 5 Free";
content: "";
font-size: 14px;
color: #FFC700;
}
/*delete table popup*/
#deleteMCTable {
/*max-height: 90vh;
overflow-y: scroll;*/
max-width: 90vw;
padding: 16px;
font-size: 16px;
line-height: 20px;
background-color: white;
display: none;
position: fixed;
left: calc(50% - 275px);
top: 40vh;
z-index: 999;
margin: 10px;
width: 550px;
}
#deleteMCTable .popup_close {
position: absolute !important;
top: 10px;
right: 10px;
z-index: 9999;
font-size: 12px !important;
color: #777777;
}
#deleteMCTable .popup_close:hover {
color: #333333;
}
#deleteMCTable .popup_close a {
color: #777777;
text-decoration: none;
}
#deleteMCTable .popup_close a:hover {
color: #333333;
}
#deleteMCTable h2,
#deleteMCTable .divPopUp_top {
width: 100%;
margin-top: 3px;
margin-bottom: 16px;
padding-bottom: 8px;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
border-bottom: 1px #E5E5E5 solid;
}
#deleteMCTable p {
line-height: 20px;
}
#deleteMCTable .button_holder {
justify-content: end !important;
margin: 16px 0 0 0;
}
#deleteMCTable .button_holder button:last-child {
margin-right: 0;
}
#deleteMCTable.warning_popup h2::before {
padding-right: 8px;
font-family: "Font Awesome 5 Free";
content: "";
font-size: 14px;
color: #FFC700;
}
.report_element_data table.mc_table {
float: left;
width: 100%;
}
.report_element_data .mc_table tr td.spr {
cursor: auto;
}
.report_element_data .mc_table tr td.drophover {
background-color: #FFC700 !important;
}
.report_element_data .mc_table tr td.empty {
display: none;
}
.report_element_data .mc_table tr.last {
display: none;
}
.mc_table_legend {
clear: none;
float: right;
border-collapse: collapse;
padding: 5px 10px;
line-height: 18px;
border: 1px solid #E5E5E5;
background-color: #F9F9F7;
}
.ttest_chart_holder {
margin-left: 0px;
}
table.ttestTable {
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-spacing: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
table-layout: auto;
font-size: 120%;
}
table.ttestTable td {
min-width: 80px;
padding: 3px;
margin: 0px;
text-align: center;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
table.ttestTable th {
min-width: 80px;
padding: 3px;
margin: 0px;
text-align: center;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
background-color: #F8F8F8;
}
table.ttestTable th.lightGreen {
background-color: #F8F8F8;
}
table.ttestTable td.lightGreen {
background-color: #F8F8F8;
}
#ttestNumerusSpan select {
width: 220px;
}
#ttestSpremenljivkaSpan select {
width: 220px;
}
#ttestVariablesSpan {
background-color: #F8F8F8;
border: 1px solid #F8F8F8;
margin-bottom: 10px;
padding: 5px;
max-width: 400px;
border-radius: 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px;
}
#ttestVariablesSpan.active {
background-color: #FFC700;
border: 1px solid #FFC700;
}
.space_means_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_add_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_remove {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#div_means_data {
margin-top: 10px;
}
#meansLeftDropdowns {
float: left;
padding-right: 10px;
}
#meansLeftDropdowns select {
width: 240px;
font-size: 12px;
}
#meansLeftDropdowns select option {
overflow: hidden;
font-size: 12px;
}
#meansRightDropdowns {
float: left;
padding-right: 10px;
}
#meansRightDropdowns select {
width: 240px;
font-size: 12px;
}
#meansRightDropdowns select option {
overflow: hidden;
font-size: 12px;
}
.space_means_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_add_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_remove {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#meansImgHolder {
float: left;
padding: 0px 3px;
display: inline-block;
}
.break_chart_holder {
margin: 30px 0 30px 0;
}
.avg {
text-decoration: overline;
}
#breakSpremenljivkaSpan select {
width: 220px;
}
div.breakTableDiv {
margin-top: 10px;
}
div.breakTableDiv table {
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
}
div.breakTableDiv table th {
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 5px;
min-width: 70px;
font-weight: normal;
background-color: #F8F8F8;
}
div.breakTableDiv table td {
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 5px;
min-width: 70px;
font-weight: normal;
}
div.breakTableDiv table th.sub {
background-color: #F8F8F8;
}
div.breakTableDiv table th.strong {
font-weight: bold;
}
div.breakTableDiv table td.strong {
font-weight: bold;
}
/*editing chart labels in popup*/ /*editing chart labels in popup*/
table#grids td { table#grids td {
padding: 0 5px; padding: 0 5px;

View File

@ -136,6 +136,7 @@
&.cell_space{ &.cell_space{
padding: 0; padding: 0;
line-height: 8px; line-height: 8px;
background-color: $white !important;
border: 0 !important; border: 0 !important;
} }

View File

@ -0,0 +1,46 @@
.break_chart_holder {
margin: 30px 0 30px 0;
}
.avg {
text-decoration: overline;
}
#breakSpremenljivkaSpan {
select {
width: 220px;
}
}
div.breakTableDiv {
margin-top: 10px;
table {
border-top: 1px solid $gray;
border-left: 1px solid $gray;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
th {
border-right: 1px solid $gray;
border-bottom: 1px solid $gray;
padding: 5px;
min-width: 70px;
font-weight: normal;
background-color: $light-gray;
}
td {
border-right: 1px solid $gray;
border-bottom: 1px solid $gray;
padding: 5px;
min-width: 70px;
font-weight: normal;
}
th.sub {
background-color: $light-gray;
}
th.strong {
font-weight: bold;
}
td.strong {
font-weight: bold;
}
}
}

View File

@ -0,0 +1,211 @@
#div_analiza_data.crosstabs{
display: flex;
flex-direction: column;
.crosstab_top_holder{
display: flex;
align-self: center;
flex-wrap: wrap;
margin-bottom: 16px;
#crosstab_drobdowns{
display: flex;
margin-right: 64px;
#crossLeftHolder,
#crossRightHolder{
display: flex;
flex-direction: column;
.title{
margin-bottom: 4px;
}
.variabla_line{
display: flex;
align-items: center;
.faicon{
cursor: pointer;
margin-left: 8px;
&::before{
color: $blue;
}
}
}
button{
width: 190px;
margin-top: 16px;
}
}
#crossImgHolder {
margin: 38px 32px 0 32px;
.faicon{
cursor: pointer;
&::before{
color: $blue;
}
&.gray::before{
color: $gray;
}
}
}
}
#crosstab_settings{
display: flex;
flex-direction: column;
.setting_line{
margin-bottom: 6px;
}
}
}
#crosstab_tables{
.table_holder{
margin-top: 16px;
padding-bottom: 16px;
border-bottom: 1px $gray solid;
&:last-child{
border-bottom: 0;
}
.hi2{
margin-bottom: 8px;
font-weight: 600;
}
table.table_crosstab{
td.cell_var{
width: 260px;
text-align: left;
}
td.cell_question{
a{
text-decoration: none;
color: $black;
}
}
td.cell_value{
text-align: center;
padding: 4px 8px;
}
}
.custom_report_include{
margin-top: 16px;
a{
text-decoration: none;
}
}
#crosstab_legend{
display: flex;
flex-direction: column;
margin-top: 16px;
.crosstab_legend_line{
display: flex;
&:nth-child(2){
margin-top: 16px;
}
.title{
margin-right: 16px;
}
.trak{
display: flex;
align-items: center;
justify-content: center;
div{
width: 22px;
height: 22px;
font-weight: 600;
font-size: 20px;
text-align: center;
line-height: 18px;
}
}
}
}
.crosstab_chart_holder{
margin: 16px auto 0 auto;
}
}
}
// Barve
.ctbChck_sp0 {
background-color: #fcfcfc !important;
}
.ctbChck_sp1 {
background-color: #FEFFE3 !important;
}
.ctbChck_sp2 {
background-color: #FCFFC2 !important;
}
.ctbChck_sp3 {
background-color: #FBFFA8 !important;
}
.crossCheck_EC {
background-color: #FFFAE8 !important;
}
.crossCheck_RE {
background-color: #FFF6D1 !important;
}
.crossCheck_SR {
background-color: #FFECA2 !important;
}
.crossCheck_AR {
background-color: #FFDA46 !important;
}
.rsdl_bck0 {
background-color: white !important;
}
.rsdl_bck1 {
background-color: rgb(250, 226, 226) !important;
}
.rsdl_bck2 {
background-color: rgb(255, 157, 157) !important;
}
.rsdl_bck3 {
background-color: rgb(248, 66, 66) !important;
}
.rsdl_bck4 {
background-color: #E8F1FF !important;
}
.rsdl_bck5 {
background-color: #B9D5FF !important;
}
.rsdl_bck6 {
background-color: #74ACFF !important;
}
}

View File

@ -0,0 +1,70 @@
.space_means_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_add_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_remove {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#div_means_data {
margin-top: 10px;
}
#meansLeftDropdowns {
float: left;
padding-right: 10px;
select {
width: 240px;
font-size: 12px;
option {
overflow: hidden;
font-size: 12px;
}
}
}
#meansRightDropdowns {
float: left;
padding-right: 10px;
select {
width: 240px;
font-size: 12px;
option {
overflow: hidden;
font-size: 12px;
}
}
}
.space_means_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_add_new {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#means_remove {
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
}
#meansImgHolder {
float: left;
padding: 0px 3px;
display: inline-block;
}

View File

@ -0,0 +1,339 @@
#mc_holder {
overflow: hidden;
margin-top: 20px;
min-height: 500px;
.mc_table_bottom_settings {
clear: none;
float: right;
border-collapse: collapse;
margin: 0 2% 15px 0;
width: 72%;
}
.custom_report_include {
clear: none;
float: left;
border-collapse: collapse;
margin: 0 2% 15px 0;
}
}
/*drag list of questions*/
#spr_list {
float: left;
overflow: auto;
position: fixed;
width: 20%;
max-height: 450px;
margin: 15px 0 15px 1%;
background-color: white;
border: 1px solid silver;
border-radius: 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px;
ul {
padding: 0;
padding: 5px 0;
z-index: 1;
}
}
.mc_draggable {
width: 180px;
margin: 10px 15px;
padding: 8px;
list-style: none;
border: 1px $gray dashed;
&:hover {
background-color: $gray;
cursor: pointer;
}
}
/*title of table*/
.mc_table_title {
float: right;
table-layout: fixed;
width: 70%;
min-height: 15px;
margin: 15px 2% 15px 0;
padding: 5px 1%;
font-size: 16px;
font-weight: bold;
border-collapse: collapse;
&:hover {
cursor: text;
background-color: $gray;
}
.multicrosstab_title_inline:focus {
outline: none;
}
}
.mc_table_title.writing {
background-color: $gray;
outline: 1px dashed $gray;
}
/*multicrosstab table*/
.mc_table {
float: right;
table-layout: fixed;
width: 72%;
margin: 15px 2% 15px 0;
border-collapse: collapse;
tr {
height: 40px;
td {
border: 1px $gray solid;
text-align: center;
table.mc_inner_cell {
width: 100%;
height: 100%;
border-collapse: collapse;
tr {
width: 100%;
height: auto;
td {
border: 0;
border-top: 1px dashed $gray;
width: 100%;
}
&:first-child {
td {
border: 0;
}
}
}
}
.delete_var {
display: none;
position: absolute;
width: 16px;
height: 16px;
margin: -25px 0 0 0;
background-image: url("../../../admin/survey/img_0/cross.png");
}
}
td.borderless {
border: 0;
}
td.spr {
cursor: pointer;
font-weight: bold;
background-color: $gray;
}
td.var {
background-color: $gray;
}
td.sums {
color: $yellow;
}
td.data {
background-color: #F9F9F7;
}
td.crossCheck_EC {
background-color: #FFFAE8;
}
td.crossCheck_RE {
background-color: #FFFAE8;
}
td.crossCheck_SR {
background-color: #FFECA2;
}
td.crossCheck_AR {
background-color: #FFDA46;
}
td.rsdl_bck0 {
background-color: white;
}
td.rsdl_bck1 {
background-color: #FFE8E8;
}
td.rsdl_bck2 {
background-color: #FFD1D1;
}
td.rsdl_bck3 {
background-color: #FF8B8B;
}
td.rsdl_bck4 {
background-color: #E8F1FF;
}
td.rsdl_bck5 {
background-color: #B9D5FF;
}
td.rsdl_bck6 {
background-color: #74ACFF;
}
td.white {
background-color: white;
}
td.red {
background-color: #FFD1D1;
}
td.blue {
background-color: #E8F1FF;
}
td.drophover {
background-color: $yellow !important;
}
td.empty {
border: 1px dashed $gray;
font-weight: normal;
}
td.empty.droppable {
color: $yellow;
border: 1px dashed $yellow;
background-color: $yellow;
}
}
}
/*settings links in top left corner*/
.mc_settings_links {
float: none;
display: inline-block;
position: relative;
width: auto;
left: 200px;
padding: 3px 5px;
margin: 0 40px 0 0;
background-color: $gray;
border: 1px solid silver;
border-radius: 3px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px;
ul {
margin: 0 !important;
padding: 0;
li {
display: inline-block;
list-style: none outside none;
margin: 0 !important;
padding: 2px 1px;
vertical-align: middle;
>span {
vertical-align: middle;
cursor: pointer;
}
}
li.space {
background: url("../../../admin/survey/img_0/navigation/nav-control-bg.png") no-repeat scroll center top transparent;
line-height: 17px;
padding: 0 5px;
width: 7px;
}
}
}
/*table settings popup*/
.mc_table_settings {
@include popup_general();
display: none;
position: fixed;
top: 200px;
left: calc(50% - 200px);
z-index: 999;
width: 400px;
#mcSettingsButtons {
position: absolute;
bottom: 15px;
right: 10px;
}
#delez {
width: 300px;
margin: 5px 10px 0px 60px;
}
form {
padding: 10px;
}
fieldset {
margin: 0px 0px 10px 0px;
border: 0;
border-top: 1px solid $blue;
}
legend {
color: $blue;
font-size: 13px;
font-weight: 500;
margin: 0;
padding: 0 10px;
}
}
/*tables list popup*/
#div_mc_tables {
display: none;
width: 350px;
height: 280px;
#mc_tables_left {
margin-bottom: 10px;
}
}
#mc_tables {
cursor: pointer;
width: 99%;
height: 160px;
display: inline-block;
border: 1px solid gray;
.option {
padding: 1px;
}
.active {
background-color: $blue;
color: white;
border-bottom: 1px solid $gray;
}
}
@mixin small_popup_multicross(){
@include popup_general();
display: none;
position: fixed;
left: calc(50% - 275px);
top: 40vh;
z-index: 999;
margin: 10px;
width: 550px;
}
/*new table popup*/
#newMCTable {
@include small_popup_multicross();
}
/*rename table popup*/
#renameMCTable {
@include small_popup_multicross();
}
/*delete table popup*/
#deleteMCTable {
@include small_popup_multicross();
}
.report_element_data {
table.mc_table {
float: left;
width: 100%;
}
.mc_table {
tr {
td.spr {
cursor: auto;
}
td.drophover {
background-color: $yellow !important;
}
td.empty {
display: none;
}
}
tr.last {
display: none;
}
}
}
.mc_table_legend {
clear: none;
float: right;
border-collapse: collapse;
padding: 5px 10px;
line-height: 18px;
border: 1px solid $gray;
background-color: #F9F9F7;
}

View File

@ -0,0 +1,61 @@
.ttest_chart_holder {
margin-left: 0px;
}
table.ttestTable {
border-top: 1px solid $gray;
border-left: 1px solid $gray;
border-spacing: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
table-layout: auto;
font-size: 120%;
td {
min-width: 80px;
padding: 3px;
margin: 0px;
text-align: center;
border-bottom: 1px solid $gray;
border-right: 1px solid $gray;
}
th {
min-width: 80px;
padding: 3px;
margin: 0px;
text-align: center;
border-bottom: 1px solid $gray;
border-right: 1px solid $gray;
background-color: $light-gray;
}
th.lightGreen {
background-color: $light-gray;
}
td.lightGreen {
background-color: $light-gray;
}
}
#ttestNumerusSpan {
select {
width: 220px;
}
}
#ttestSpremenljivkaSpan {
select {
width: 220px;
}
}
#ttestVariablesSpan {
background-color: $light-gray;
border: 1px solid $light-gray;
margin-bottom: 10px;
padding: 5px;
max-width: 400px;
border-radius: 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px;
}
#ttestVariablesSpan.active {
background-color: $yellow;
border: 1px solid $yellow;
}