100 lines
2.6 KiB
JavaScript
100 lines
2.6 KiB
JavaScript
|
|
var App = Vue.createApp({
|
|
data() {
|
|
return {
|
|
queueList: [],
|
|
printerList: [],
|
|
queueEditor: {
|
|
id: null,
|
|
name: "",
|
|
printerId: null
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
EditQueue(QueueID, ShowModal = true)
|
|
{
|
|
let QueueData = this.queueList.find((_Queue) => {
|
|
return _Queue.id == QueueID;
|
|
});
|
|
|
|
this.queueEditor.id = QueueData.id;
|
|
this.queueEditor.name = QueueData.name;
|
|
this.queueEditor.printerId = QueueData.printerId;
|
|
|
|
if (ShowModal) {
|
|
$('#QueueSettingsModal').modal('show');
|
|
}
|
|
},
|
|
CreateQueue()
|
|
{
|
|
this.queueEditor.id = null;
|
|
this.queueEditor.name = "";
|
|
this.queueEditor.printerId = null;
|
|
|
|
$('#QueueSettingsModal').modal('show');
|
|
},
|
|
async SaveQueue()
|
|
{
|
|
if (this.queueEditor.id == null)
|
|
{
|
|
await LabelApi.POST('queue', {
|
|
name: this.queueEditor.name,
|
|
printerId: this.queueEditor.printerId,
|
|
});
|
|
|
|
GetQueueList();
|
|
}
|
|
else
|
|
{
|
|
await LabelApi.PUT('queue', {
|
|
id: this.queueEditor.id,
|
|
name: this.queueEditor.name,
|
|
printerId: this.queueEditor.printerId,
|
|
});
|
|
|
|
GetQueueList();
|
|
}
|
|
|
|
$('#QueueSettingsModal').modal('hide');
|
|
},
|
|
async DeleteQueue(QueueID, Confirm = false)
|
|
{
|
|
this.EditQueue(QueueID, false);
|
|
|
|
if (Confirm) {
|
|
$('#QueueDeleteModal').modal('hide');
|
|
|
|
await LabelApi.DELETE('queue', {
|
|
id: QueueID
|
|
});
|
|
|
|
GetQueueList();
|
|
} else {
|
|
$('#QueueDeleteModal').modal('show');
|
|
}
|
|
},
|
|
GetPrinterById(PrinterID) {
|
|
if (PrinterID != null) {
|
|
return this.printerList.find((Printer) => {
|
|
return Printer.id == PrinterID;
|
|
}).name;
|
|
} else {
|
|
return "Kein Drucker";
|
|
}
|
|
}
|
|
}
|
|
}).mount('main');
|
|
|
|
async function GetQueueList() {
|
|
let QueueList = await LabelApi.GET('queues');
|
|
App.queueList = QueueList;
|
|
}
|
|
|
|
async function GetPrinterList() {
|
|
let PrinterList = await LabelApi.GET('printers');
|
|
App.printerList = PrinterList;
|
|
}
|
|
|
|
GetPrinterList();
|
|
GetQueueList();
|