v1.0.0
This commit is contained in:
@@ -3,128 +3,250 @@ const Territory = {
|
||||
let html = await fetch('/lib/pages/territory/index.html').then((response) => response.text());
|
||||
app.innerHTML = html;
|
||||
|
||||
if (USER.administrator.uuid) document.getElementById('rotationButton').style.display = "";
|
||||
if (USER.administrator.uuid || (USER.moderator.uuid && USER.moderator.can_add_territory)) document.getElementById("constructorButton").style.display = "";
|
||||
let selectStatus = document.getElementById('list-controls-filter-status');
|
||||
let filterStatus = localStorage.getItem("filterStatus") ? Number(localStorage.getItem("filterStatus")) : 0;
|
||||
selectStatus.value = filterStatus;
|
||||
|
||||
if (USER.mode == 2) {
|
||||
document.getElementById("buttons-list").style.display = "flex";
|
||||
}
|
||||
if (USER.possibilities.can_add_territory) {
|
||||
document.getElementById("buttons-list").style.display = "flex";
|
||||
document.getElementById("constructorButton").style.display = "";
|
||||
}
|
||||
|
||||
// Застосовуємо режим сортування
|
||||
Territory.sort(localStorage.getItem('territory_sort_mode'));
|
||||
|
||||
|
||||
if (localStorage.getItem('territory_entrances') == 'true') {
|
||||
document.getElementById('territory_entrances_true').setAttribute('data-state', '')
|
||||
document.getElementById('territory_entrances_false').setAttribute('data-state', 'active')
|
||||
} else {
|
||||
document.getElementById('territory_entrances_true').setAttribute('data-state', 'active')
|
||||
document.getElementById('territory_entrances_false').setAttribute('data-state', '')
|
||||
}
|
||||
},
|
||||
|
||||
// Сортування
|
||||
sort(mode) {
|
||||
const idx = Math.max(1, Math.min(4, Number(mode) || 1));
|
||||
['sort_1', 'sort_2', 'sort_3', 'sort_4'].forEach((id, i) => {
|
||||
document.getElementById(id)?.setAttribute('data-state', i + 1 === idx ? 'active' : '');
|
||||
});
|
||||
localStorage.setItem('territory_sort_mode', idx);
|
||||
|
||||
Territory.house.setHTML();
|
||||
Territory.homestead.setHTML();
|
||||
},
|
||||
house: {
|
||||
loadAPI: async function () {
|
||||
let uuid = localStorage.getItem("uuid");
|
||||
|
||||
const URL = `${CONFIG.api}houses/list`;
|
||||
return await fetch(URL, {
|
||||
house: {
|
||||
list: [],
|
||||
loadAPI: async function (url) {
|
||||
const uuid = localStorage.getItem("uuid");
|
||||
const response = await fetch(url, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
"Authorization": uuid
|
||||
}
|
||||
}).then((response) => response.json());
|
||||
});
|
||||
Territory.house.list = await response.json();
|
||||
return Territory.house.list;
|
||||
},
|
||||
setHTML: async function () {
|
||||
let list = await Territory.house.loadAPI();
|
||||
const block_house = document.getElementById('list-house');
|
||||
const territory_entrances = localStorage.getItem('territory_entrances') === 'true';
|
||||
const sort_mode = localStorage.getItem('territory_sort_mode') ?? "1";
|
||||
const filterStatus = Number(localStorage.getItem("filterStatus") ?? 0);
|
||||
|
||||
list.sort((a, b) => b.id - a.id);
|
||||
const url = `${CONFIG.api}houses/list${territory_entrances ? '/entrances' : ''}`;
|
||||
let list = this.list.length > 0 ? this.list : await this.loadAPI(url);
|
||||
|
||||
console.log(list);
|
||||
let block_house = document.getElementById('list-house')
|
||||
block_house.innerHTML = "";
|
||||
const compare = {
|
||||
"1": (a, b) => this.compareAB(a, b, territory_entrances, 'asc'),
|
||||
"2": (a, b) => this.compareAB(a, b, territory_entrances, 'desc'),
|
||||
"3": (a, b) => a.history?.date?.start - b.history?.date?.start,
|
||||
"4": (a, b) => b.history?.date?.start - a.history?.date?.start,
|
||||
}[sort_mode] ?? ((a, b) => a.id - b.id);
|
||||
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
const element = list[i];
|
||||
list.sort(compare);
|
||||
|
||||
let progress = ((element.entrance.working / element.entrance.quantity) * 100);
|
||||
let html = "";
|
||||
for (const element of list) {
|
||||
const qty = element.entrance?.quantity ?? 0;
|
||||
const work = element.entrance?.working ?? 0;
|
||||
|
||||
let pageURL = () => {
|
||||
if (USER.administrator.uuid || (USER.moderator.uuid && USER.moderator.can_manager_territory)) return `/territory/manager/house/${element.id}`;
|
||||
else return `/territory/card/house/${element.id}`
|
||||
const statusMatch =
|
||||
filterStatus === 0 ||
|
||||
(filterStatus === 1 && qty === work && !territory_entrances) ||
|
||||
(filterStatus === 1 && element.working === true) ||
|
||||
(filterStatus === 2 && qty !== work && !territory_entrances) ||
|
||||
(filterStatus === 2 && element.working === false);
|
||||
|
||||
if (statusMatch) {
|
||||
html += this.renderCard({ element, territory_entrances });
|
||||
}
|
||||
}
|
||||
|
||||
block_house.innerHTML += `
|
||||
block_house.innerHTML = html;
|
||||
},
|
||||
compareAB: (a, b, entrances, order = 'asc') => {
|
||||
const dir = order === 'asc' ? 1 : -1;
|
||||
const ah = entrances ? a.house : a;
|
||||
const bh = entrances ? b.house : b;
|
||||
|
||||
const tA = ah.title?.toLowerCase() ?? '';
|
||||
const tB = bh.title?.toLowerCase() ?? '';
|
||||
if (tA < tB) return -1 * dir;
|
||||
if (tA > tB) return 1 * dir;
|
||||
|
||||
const nA = ah.number?.toLowerCase() ?? '';
|
||||
const nB = bh.number?.toLowerCase() ?? '';
|
||||
if (nA < nB) return -1 * dir;
|
||||
if (nA > nB) return 1 * dir;
|
||||
|
||||
return 0;
|
||||
},
|
||||
renderCard: ({ element, territory_entrances }) => {
|
||||
if (territory_entrances) {
|
||||
const working = element.working;
|
||||
const bg = working ? `background: ${colorGroup(element.history.group_id)} color: #fff;` : "";
|
||||
|
||||
const person = working
|
||||
? `<span>Територію опрацьовує:</span> <p>${element.history.name === 'Групова' ? 'Група ' + element.history.group_id : element.history.name}</p>`
|
||||
: `<span>Територія не опрацьовується</span>`;
|
||||
|
||||
return `
|
||||
<div class="card">
|
||||
<i style="background-image: url(https://sheep-service.com/cards/house/T${element.house.id}.webp);"></i>
|
||||
<div class="contents">
|
||||
<div class="info">
|
||||
<div>
|
||||
<p>${element.house.title} ${element.house.number} (${element.title})</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheep" style="${bg}">
|
||||
${person}
|
||||
</div>
|
||||
</div>
|
||||
<a href="/territory/manager/house/${element.house.id}" data-route></a>
|
||||
</div>
|
||||
`;
|
||||
} else {
|
||||
const qty = element.entrance.quantity;
|
||||
const work = element.entrance.working;
|
||||
const progress = ((work / qty) * 100).toFixed(1);
|
||||
return `
|
||||
<div class="card">
|
||||
<i style="background-image: url(https://sheep-service.com/cards/house/T${element.id}.webp);"></i>
|
||||
<div class="contents">
|
||||
<div class="group" style="background: ${colorGroup(element.group_id)}">
|
||||
<span>Група №${element.group_id}</span>
|
||||
<div class="info">
|
||||
<div>
|
||||
<p>${element.title} ${element.number}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<div class="progress" style="width: ${progress}%"></div>
|
||||
<span>Вільні під'їзди:</span>
|
||||
<p>${element.entrance.quantity - element.entrance.working} / ${element.entrance.quantity}</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>${element.title} ${element.number}</p>
|
||||
<p>${qty - work} / ${qty}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="${pageURL()}" data-route></a>
|
||||
<a href="/territory/manager/house/${element.id}" data-route></a>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
},
|
||||
territoryType: (type) => {
|
||||
localStorage.setItem('territory_entrances', type);
|
||||
document.getElementById('territory_entrances_true').setAttribute('data-state', type === 'false' ? 'active' : '');
|
||||
document.getElementById('territory_entrances_false').setAttribute('data-state', type === 'true' ? 'active' : '');
|
||||
Territory.house.list = [];
|
||||
Territory.house.setHTML();
|
||||
}
|
||||
},
|
||||
homestead: {
|
||||
list: [],
|
||||
loadAPI: async function () {
|
||||
let uuid = localStorage.getItem("uuid");
|
||||
|
||||
const uuid = localStorage.getItem("uuid");
|
||||
const URL = `${CONFIG.api}homestead/list`;
|
||||
return await fetch(URL, {
|
||||
|
||||
const response = await fetch(URL, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
"Authorization": uuid
|
||||
}
|
||||
}).then((response) => response.json());
|
||||
});
|
||||
|
||||
this.list = await response.json();
|
||||
return this.list;
|
||||
},
|
||||
setHTML: async function () {
|
||||
let list = await Territory.homestead.loadAPI();
|
||||
const block = document.getElementById('list-homestead');
|
||||
const sortMode = localStorage.getItem('territory_sort_mode') ?? "1";
|
||||
const filterStatus = Number(localStorage.getItem("filterStatus") ?? 0);
|
||||
|
||||
list.sort((a, b) => b.id - a.id);
|
||||
let list = this.list.length > 0 ? this.list : await this.loadAPI();
|
||||
|
||||
console.log(list);
|
||||
let block_homestead = document.getElementById('list-homestead')
|
||||
block_homestead.innerHTML = "";
|
||||
const compare = {
|
||||
"1": (a, b) => a.id - b.id,
|
||||
"2": (a, b) => b.id - a.id,
|
||||
"3": (a, b) => (a.history?.date?.start ?? 0) - (b.history?.date?.start ?? 0),
|
||||
"4": (a, b) => (b.history?.date?.start ?? 0) - (a.history?.date?.start ?? 0),
|
||||
}[sortMode] ?? ((a, b) => a.id - b.id);
|
||||
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
const element = list[i];
|
||||
list.sort(compare);
|
||||
|
||||
let block_history = () => {
|
||||
if (element.working) {
|
||||
return `
|
||||
let html = "";
|
||||
|
||||
for (const element of list) {
|
||||
const statusMatch =
|
||||
filterStatus === 0 ||
|
||||
(filterStatus === 1 && element.working) ||
|
||||
(filterStatus === 2 && !element.working);
|
||||
|
||||
if (statusMatch) {
|
||||
html += this.renderCard(element);
|
||||
}
|
||||
}
|
||||
|
||||
block.innerHTML = html;
|
||||
},
|
||||
renderCard: (element) => {
|
||||
const working = element.working;
|
||||
const bg = working ? `background: ${colorGroup(element.history.group_id)} color: #fff;` : "";
|
||||
const person = working
|
||||
? `<span>Територію опрацьовує:</span> <p>${element.history.name === 'Групова' ? 'Група ' + element.history.group_id : element.history.name}</p>`
|
||||
: `<span>Територія не опрацьовується</span>`;
|
||||
|
||||
return `
|
||||
<div class="card">
|
||||
<i style="background-image: url(https://sheep-service.com/cards/homestead/H${element.id}.webp);"></i>
|
||||
<div class="contents">
|
||||
<div class="info">
|
||||
<div>
|
||||
<div class="progress" style="width: 100%"></div>
|
||||
<p>${element.history.name}</p>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
let pageURL = () => {
|
||||
if (USER.administrator.uuid || (USER.moderator.uuid && USER.moderator.can_manager_territory)) return `/territory/manager/homestead/${element.id}`;
|
||||
else return `/territory/card/homestead/${element.id}`
|
||||
}
|
||||
|
||||
block_homestead.innerHTML += `
|
||||
<div class="card">
|
||||
<i style="background-image: url(https://sheep-service.com/cards/homestead/H${element.id}.webp);"></i>
|
||||
<div class="contents">
|
||||
<div class="group" style="background: ${colorGroup(element.group_id)}">
|
||||
<span>Група №${element.group_id}</span>
|
||||
</div>
|
||||
<div class="info">
|
||||
${block_history()}
|
||||
<div>
|
||||
<p>${element.title} ${element.number}</p>
|
||||
</div>
|
||||
<p>${element.title} ${element.number}</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="${pageURL()}" data-route></a>
|
||||
<div class="sheep" style="${bg}">
|
||||
${person}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
<a href="/territory/manager/homestead/${element.id}" data-route></a>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
},
|
||||
filter: () => {
|
||||
let selectStatus = document.getElementById('list-controls-filter-status').value;
|
||||
|
||||
localStorage.setItem("filterStatus", selectStatus);
|
||||
|
||||
|
||||
Territory.house.setHTML();
|
||||
Territory.homestead.setHTML();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user