fixnute radenie reportov podla priority,

pridane podfarbenie pre rozne priority,
doplnena skupina do report boxu,
odstranene debug tlacitka na dashboard
This commit is contained in:
Igor Miňo 2025-05-05 00:06:47 +02:00
parent 745f6495d1
commit 88cc225e4d
4 changed files with 60 additions and 22 deletions

View File

@ -203,7 +203,7 @@ function reportGetAll($status = null) {
global $db; global $db;
if ($status === null) $status = array(0, 1, 2, 3); if ($status === null) $status = array(0, 1, 2, 3);
return $db->select('reports', '*', [ return $db->select('reports', '*', [
'ORDER' => ['report_priority', 'ordnum'], 'ORDER' => ['report_priority' => 'DESC', 'ordnum' => 'ASC'],
'report_status' => $status 'report_status' => $status
]); ]);
} }

View File

@ -35,6 +35,9 @@
--color-bg0: #0d5eaf; --color-bg0: #0d5eaf;
--color-bg1: #449ef8; --color-bg1: #449ef8;
--color-bg2: #449ef820; --color-bg2: #449ef820;
--color-bgGray: #797979;
--color-bgOrange: #af6000;
--color-bgRed: #be0101;
--color-text0: #fff; --color-text0: #fff;
--color-text1: rgb(11, 11, 104); --color-text1: rgb(11, 11, 104);
--color-text2: #449ef8; --color-text2: #449ef8;
@ -197,11 +200,20 @@ button:focus-visible,
border-right: 5px var(--color-bg0) solid; border-right: 5px var(--color-bg0) solid;
background-color: var(--color-bg2); background-color: var(--color-bg2);
} }
#dashboard .report .report-date { #dashboard .report .report-footer {
background-color: var(--color-bg1); background-color: var(--color-bg1);
border-bottom-right-radius: 5px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#dashboard .report .report-group {
text-align: left;
padding: 5px;
}
#dashboard .report .report-date {
text-align: right; text-align: right;
padding: 5px; padding: 5px;
border-bottom-right-radius: 5px;
} }
#dashboard .report:hover { #dashboard .report:hover {
filter: brightness(1.2); filter: brightness(1.2);
@ -213,6 +225,30 @@ button:focus-visible,
#dashboard:has(.dragging) .draggable-item:not(.dragging) .report { #dashboard:has(.dragging) .draggable-item:not(.dragging) .report {
opacity: 0.4; opacity: 0.4;
} }
#dashboard .report-priority-0 .report-header {
background-color: var(--color-bgGray);
}
#dashboard .report-priority-0 .report-description {
border-right-color: var(--color-bgGray);
}
#dashboard .report-priority-1 .report-header {
background-color: var(--color-bg0);
}
#dashboard .report-priority-1 .report-description {
border-right-color: var(--color-bg0);
}
#dashboard .report-priority-2 .report-header {
background-color: var(--color-bgOrange);
}
#dashboard .report-priority-2 .report-description {
border-right-color: var(--color-bgOrange);
}
#dashboard .report-priority-3 .report-header {
background-color: var(--color-bgRed);
}
#dashboard .report-priority-3 .report-description {
border-right-color: var(--color-bgRed);
}
/* ---------------------------------------------------- /* ----------------------------------------------------
04 - BUG ADD 04 - BUG ADD

View File

@ -4,10 +4,12 @@ defineProps({
title: String, title: String,
description: String, description: String,
date: String, date: String,
priority: Number,
group: String,
}); });
</script> </script>
<template> <template>
<div class="report" @click="goToReport(report_id)"> <div :class="[ 'report', 'report-priority-' + priority]" @click="goToReport(report_id)">
<div class="report-header"> <div class="report-header">
<div class="report-title"> <div class="report-title">
<h3><font-awesome-icon :icon="['fas', 'bug']" /> {{ title }}</h3> <h3><font-awesome-icon :icon="['fas', 'bug']" /> {{ title }}</h3>
@ -18,12 +20,21 @@ defineProps({
{{ description }} {{ description }}
</p> </p>
</div> </div>
<div class="report-date"><font-awesome-icon :icon="['fas', 'calendar-days']" /> {{ date }}</div> <div class="report-footer">
<div class="report-group"><font-awesome-icon :icon="['fas', 'diagram-project']" /> {{ group }}</div>
<div class="report-date"><font-awesome-icon :icon="['fas', 'calendar-days']" /> {{ date }}</div>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "ReportBox", name: "ReportBox",
data() {
return {
};
},
methods: { methods: {
goToReport(report_id) { goToReport(report_id) {
this.$router.push("/report/" + report_id); this.$router.push("/report/" + report_id);

View File

@ -22,6 +22,8 @@
:title="element.report_title" :title="element.report_title"
:description="element.report_description" :description="element.report_description"
:date="element.created_dt" :date="element.created_dt"
:priority="element.report_priority"
:group="element.report_group"
/> />
</div> </div>
</template> </template>
@ -49,6 +51,8 @@
:title="element.report_title" :title="element.report_title"
:description="element.report_description" :description="element.report_description"
:date="element.created_dt" :date="element.created_dt"
:priority="element.report_priority"
:group="element.report_group"
/> />
</div> </div>
</template> </template>
@ -76,6 +80,8 @@
:title="element.report_title" :title="element.report_title"
:description="element.report_description" :description="element.report_description"
:date="element.created_dt" :date="element.created_dt"
:priority="element.report_priority"
:group="element.report_group"
/> />
</div> </div>
</template> </template>
@ -103,14 +109,14 @@
:title="element.report_title" :title="element.report_title"
:description="element.report_description" :description="element.report_description"
:date="element.created_dt" :date="element.created_dt"
:priority="element.report_priority"
:group="element.report_group"
/> />
</div> </div>
</template> </template>
</draggable> </draggable>
</div> </div>
</div> </div>
<button @click="vypisData">Vypíš data</button>
<button @click="pridajJedno">Pridaj jedno</button>
</template> </template>
<script setup> <script setup>
@ -215,21 +221,6 @@ export default {
} }
backend.updateOrdnum(new_ordnums); backend.updateOrdnum(new_ordnums);
}, },
vypisData() {
console.log(this.itemsUncategorized);
console.log(this.itemsWaiting);
console.log(this.itemsInProgress);
console.log(this.itemsDone);
},
pridajJedno() {
this.itemsUncategorized.push({
id: this.itemsUncategorized.length + 1,
title: "Pridať bug",
description:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa eros, porta id, vestibulum sit amet, malesuada in, sapien. Donec nec justo eget felis facilisis fermentum.",
date: "2025-04-13 01:30:18",
});
},
}, },
mounted() { mounted() {
this.loadData(); this.loadData();