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:
parent
745f6495d1
commit
88cc225e4d
@ -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
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
@ -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
|
||||||
|
@ -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);
|
||||||
|
@ -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();
|
||||||
|
Loading…
x
Reference in New Issue
Block a user