imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace let with const where variable is never reassigned in Vue files

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
依瑪貓
2026-03-06 09:38:40 +08:00
parent 64372c7043
commit 1d0d938193
21 changed files with 176 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/views/Compare/Dashboard/Compare.vue
View File

@@ -284,11 +284,11 @@ export default {
* @param { object } valueData {min: '2022-02-20T19:54:12', max: '2023-11-27T07:21:53'}
*/
setXLabelsData(valueData) {
let min = new Date(valueData.min).getTime();
let max = new Date(valueData.max).getTime();
let numPoints = 12;
let step = (max - min) / (numPoints - 1);
let data = [];
const min = new Date(valueData.min).getTime();
const max = new Date(valueData.max).getTime();
const numPoints = 12;
const step = (max - min) / (numPoints - 1);
const data = [];
for(let i = 0; i< numPoints; i++) {
const x = min + i * step;
data.push(x);
@@ -319,11 +319,11 @@ export default {
getLineChart(chartData, content, yUnit) {
let datasetsPrimary;
let datasetsSecondary;
let minX = chartData.x_axis.min;
let maxX = chartData.x_axis.max;
const minX = chartData.x_axis.min;
const maxX = chartData.x_axis.max;
let xLabelData;
let labelPrimary = chartData.data[0].label;
let labelSecondary = chartData.data[1].label;
const labelPrimary = chartData.data[0].label;
const labelSecondary = chartData.data[1].label;
let primeVueSetData = {};
let primeVueSetOption = {};
const getMoment = (time)=> {
@@ -409,7 +409,7 @@ export default {
switch (yUnit) {
case 'date':
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
let value = getSimpleTimeLabel(context.parsed.y, 2);
const value = getSimpleTimeLabel(context.parsed.y, 2);
switch (context.datasetIndex) {
case 0: // Primary
@@ -428,7 +428,7 @@ export default {
case 'count':
primeVueSetOption.scales.y.ticks.precision = 0; // y 軸顯示小數點後 0 位
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
let value = context.parsed.y;
const value = context.parsed.y;
switch (context.datasetIndex) {
case 0: // Primary
@@ -450,32 +450,27 @@ export default {
*/
getBarChart(chartData, content, caller) {
const getMoment = (time)=> this.$moment(time).format('YYYY/MM/DD');
let datasetsPrimary = chartData.data[0].data;
let xDataPrimary;
let yDataPrimary;
let labelPrimary = chartData.data[0].label;
let datasetsSecondary = chartData.data[1].data;
let yDataSecondary;
let labelSecondary = chartData.data[1].label;
const labelPrimary = chartData.data[0].label;
const labelSecondary = chartData.data[1].label;
let primeVueSetData = {};
let primeVueSetOption = {};
// 轉為百分比
datasetsPrimary = datasetsPrimary.map(value => {
const datasetsPrimary = chartData.data[0].data.map(value => {
return {
x: getMoment(value.x),
y: value.y === null ? null : value.y * 100
}
});
xDataPrimary = datasetsPrimary.map(i => i.x);
yDataPrimary = datasetsPrimary.map(i => i.y);
datasetsSecondary = datasetsSecondary.map(value => {
const xDataPrimary = datasetsPrimary.map(i => i.x);
const yDataPrimary = datasetsPrimary.map(i => i.y);
const datasetsSecondary = chartData.data[1].data.map(value => {
return {
x: getMoment(value.x),
y: value.y === null ? null : value.y * 100
}
});
yDataSecondary = datasetsSecondary.map(i => i.y);
const yDataSecondary = datasetsSecondary.map(i => i.y);
primeVueSetData = {
labels: xDataPrimary,
@@ -510,7 +505,7 @@ export default {
return `${content.x}: ${context[0].label}`;
},
label: function(context) {
let value = `${(context.parsed.y * 10).toFixed(2)}%`;
const value = `${(context.parsed.y * 10).toFixed(2)}%`;
switch (context.datasetIndex) {
case 0: // Primary
return `${labelPrimary}: ${value}`;
@@ -575,9 +570,9 @@ export default {
datasetsPrimary.sort((a, b) => b.y - a.y);
datasetsSecondary.sort((a, b) => {
// Find the index of a.x in data1
let indexA = datasetsPrimary.findIndex(item => item.x === a.x);
const indexA = datasetsPrimary.findIndex(item => item.x === a.x);
// Find the index of b.x in data1
let indexB = datasetsPrimary.findIndex(item => item.x === b.x);
const indexB = datasetsPrimary.findIndex(item => item.x === b.x);
// Compare the indexes
return indexA - indexB;
@@ -631,7 +626,7 @@ export default {
switch (xUnit) {
case 'date':
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
let value = context.parsed.x === null ? "n/a" : getSimpleTimeLabel(context.parsed.x, 2);
const value = context.parsed.x === null ? "n/a" : getSimpleTimeLabel(context.parsed.x, 2);
switch (context.datasetIndex) {
case 0: // Primary
return `${labelPrimary}: ${value}`;
@@ -647,7 +642,7 @@ export default {
default:
primeVueSetOption.scales.x.ticks.precision = 0; // x 軸顯示小數點後 0 位
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
let value = context.parsed.x === null ? "n/a" : context.parsed.x;
const value = context.parsed.x === null ? "n/a" : context.parsed.x;
switch (context.datasetIndex) {
case 0: // Primary
return `${labelPrimary}: ${value}`;
@@ -662,7 +657,7 @@ export default {
return `${content.y}: ${context[0].label}`;
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xLabelData[index];
const label = xLabelData[index];
if(label) {
return label.length > 21 ? `${label.substring(0, 18)}...` : label
};
@@ -673,7 +668,7 @@ export default {
return `${content.y}: ${context[0].label.replace(',', ' - ')}`
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xLabelData[index];
const label = xLabelData[index];
let labelStart = label[0];
let labelEnd = label[1];
@@ -767,11 +762,11 @@ export default {
getLineChart0(chartData, content, yUnit) {
let datasetsPrimary;
let datasetsSecondary;
let minX = chartData.x_axis.min;
let maxX = chartData.x_axis.max;
const minX = chartData.x_axis.min;
const maxX = chartData.x_axis.max;
let xLabelData;
let labelPrimary = chartData.data[0].label;
let labelSecondary = chartData.data[1].label;
const labelPrimary = chartData.data[0].label;
const labelSecondary = chartData.data[1].label;
let primeVueSetData = {};
let primeVueSetOption = {};
const getMoment = (time)=> {
@@ -941,9 +936,9 @@ export default {
datasetsPrimary.sort((a, b) => b.y - a.y);
datasetsSecondary.sort((a, b) => {
// Find the index of a.x in data1
let indexA = datasetsPrimary.findIndex(item => item.x === a.x);
const indexA = datasetsPrimary.findIndex(item => item.x === a.x);
// Find the index of b.x in data1
let indexB = datasetsPrimary.findIndex(item => item.x === b.x);
const indexB = datasetsPrimary.findIndex(item => item.x === b.x);
// Compare the indexes
return indexA - indexB;
@@ -1051,7 +1046,7 @@ export default {
default:
primeVueSetOption.scales.x.ticks.precision = 0; // x 軸顯示小數點後 0 位
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
let value = context.parsed.x === null ? "n/a" : context.parsed.x;
const value = context.parsed.x === null ? "n/a" : context.parsed.x;
switch (context.datasetIndex) {
case 0: // Primary
return `${labelPrimary}: ${value}`;
@@ -1066,7 +1061,7 @@ export default {
return `${content.y}: ${context[0].label}`;
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xLabelData[index];
const label = xLabelData[index];
if(label) {
return label.length > 21 ? `${label.substring(0, 18)}...` : label
};
@@ -1077,7 +1072,7 @@ export default {
return `${content.y}: ${context[0].label.replace(',', ' - ')}`
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xLabelData[index];
const label = xLabelData[index];
let labelStart = label[0];
let labelEnd = label[1];
@@ -1112,9 +1107,9 @@ export default {
datasetsPrimary.sort((a, b) => b.y - a.y);
datasetsSecondary.sort((a, b) => {
// Find the index of a.x in data1
let indexA = datasetsPrimary.findIndex(item => item.x === a.x);
const indexA = datasetsPrimary.findIndex(item => item.x === a.x);
// Find the index of b.x in data1
let indexB = datasetsPrimary.findIndex(item => item.x === b.x);
const indexB = datasetsPrimary.findIndex(item => item.x === b.x);
// Compare the indexes
return indexA - indexB;
@@ -1218,7 +1213,7 @@ export default {
case 'date':
default:
primeVueSetOption.plugins.tooltip.callbacks.label = function(context) {
let value = context.parsed.x === null ? "n/a" : getSimpleTimeLabel(context.parsed.x, 2);
const value = context.parsed.x === null ? "n/a" : getSimpleTimeLabel(context.parsed.x, 2);
switch (context.datasetIndex) {
case 0: // Primary
return `${labelPrimary}: ${value}`;
@@ -1236,7 +1231,7 @@ export default {
return `${content.y}: ${context[0].label}`;
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xLabelData[index];
const label = xLabelData[index];
if(label) {
return label.length > 21 ? `${label.substring(0, 18)}...` : label
};
@@ -1247,7 +1242,7 @@ export default {
return `${content.y}: ${context[0].label.replace(',', ' - ')}`
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xLabelData[index];
const label = xLabelData[index];
let labelStart = label[0];
let labelEnd = label[1];

10
src/views/Compare/MapCompare.vue
View File

@@ -188,7 +188,7 @@
},
computed:{
sidebarLeftValue: function() {
let result = this.sidebarView === true || this.sidebarTraces === true || this.sidebarFilter === true;
const result = this.sidebarView === true || this.sidebarTraces === true || this.sidebarFilter === true;
return result;
}
},
@@ -275,7 +275,7 @@
* @param {object} type 'processMapData' | 'bpmnData'，可傳入以上任一。
*/
setNodesData(mapData) {
let mapType = this.mapType;
const mapType = this.mapType;
const logFreq = {
"total": "",
"rel_freq": "",
@@ -371,7 +371,7 @@
* @param {object} type 'processMapData' | 'bpmnData'，可傳入以上任一。
*/
setEdgesData(mapData) {
let mapType = this.mapType;
const mapType = this.mapType;
//add event duration is empty
const logDuration = {
"total": "",
@@ -402,8 +402,8 @@
* @param {string} type this.mapType 'processMap' | 'bpmn'，可傳入以上任一。
*/
async createCy(type) {
let graphId = document.getElementById('cy');
let mapData = type === 'processMap'? this.processMapData: this.bpmnData;
const graphId = document.getElementById('cy');
const mapData = type === 'processMap'? this.processMapData: this.bpmnData;
if(this[type].vertices.length !== 0){
this.setNodesData(mapData);

10
src/views/Discover/Map/Map.vue
View File

@@ -199,7 +199,7 @@ export default {
},
computed: {
sidebarLeftValue: function () {
let result = this.sidebarView === true || this.sidebarTraces === true || this.sidebarFilter === true;
const result = this.sidebarView === true || this.sidebarTraces === true || this.sidebarFilter === true;
return result;
}
},
@@ -286,7 +286,7 @@ export default {
* @param {object} type 'processMapData' | 'bpmnData'，可傳入以上任一。
*/
setNodesData(mapData) {
let mapType = this.mapType;
const mapType = this.mapType;
const logFreq = {
"total": "",
"rel_freq": "",
@@ -388,7 +388,7 @@ export default {
* @param {object} type 'processMapData' | 'bpmnData'，可傳入以上任一。
*/
setEdgesData(mapData) {
let mapType = this.mapType;
const mapType = this.mapType;
//add event duration is empty
const logDuration = {
"total": "",
@@ -420,8 +420,8 @@ export default {
* @param {string} type this.mapType 'processMap' | 'bpmn'，可傳入以上任一。
*/
async createCy(type) {
let graphId = document.getElementById('cy');
let mapData = type === 'processMap' ? this.processMapData : this.bpmnData;
const graphId = document.getElementById('cy');
const mapData = type === 'processMap' ? this.processMapData : this.bpmnData;
if (this[type].vertices.length !== 0) {
this.setNodesData(mapData);

4
src/views/Discover/Performance/FreqChart.vue
View File

@@ -169,8 +169,8 @@ export default {
let datasets;
let datasetsPrimary; // For Compare page case
let datasetsSecondary; // For Compare page case
let minX = chartData?.x_axis?.min;
let maxX = chartData?.x_axis?.max;
const minX = chartData?.x_axis?.min;
const maxX = chartData?.x_axis?.max;
let xData;
let primeVueSetData = {};
let primeVueSetOption = {};

41
src/views/Discover/Performance/index.vue
View File

@@ -255,11 +255,11 @@ export default {
* @param { object } valueData {min: '2022-02-20T19:54:12', max: '2023-11-27T07:21:53'}
*/
setXLabelsData(valueData) {
let min = new Date(valueData.min).getTime();
let max = new Date(valueData.max).getTime();
let numPoints = 12;
let step = (max - min) / (numPoints - 1);
let data = [];
const min = new Date(valueData.min).getTime();
const max = new Date(valueData.max).getTime();
const numPoints = 12;
const step = (max - min) / (numPoints - 1);
const data = [];
for(let i = 0; i< numPoints; i++) {
const x = min + i * step;
data.push(x);
@@ -285,20 +285,17 @@ export default {
*/
getBarChart(chartData, content) {
const getMoment = (time)=> this.$moment(time).format('YYYY/M/D hh:mm:ss');
let datasets = chartData.data;
let xData;
let yData;
let primeVueSetData = {};
let primeVueSetOption = {};
datasets = datasets.map(value => {
const datasets = chartData.data.map(value => {
return {
x: getMoment(value.x),
y: value.y * 100
}
}); // 轉為百分比
xData = datasets.map(i => i.x);
yData = datasets.map(i => i.y)
const xData = datasets.map(i => i.x);
const yData = datasets.map(i => i.y)
primeVueSetData = {
labels: xData,
@@ -514,7 +511,7 @@ export default {
return `${content.y}: ${context[0].label}`;
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xData[index];
const label = xData[index];
return label.length > 21 ? `${label.substring(0, 18)}...` : label
};
}else { // 設定「活動」到「活動」的 y label、提示框文字
@@ -522,7 +519,7 @@ export default {
return `${content.y}: ${context[0].label.replace(',', ' - ')}`
};
primeVueSetOption.scales.y.ticks.callback = function (value, index, ticks) {
let label = xData[index];
const label = xData[index];
let labelStart = label[0];
let labelEnd = label[1];
@@ -612,17 +609,15 @@ export default {
* @param { string } yUnit y 軸單位 'date'
*/
getExplicitDeclaredLineChart(chartData, content, yUnit) {
let datasets;
let minX = chartData.x_axis.min;
let maxX = chartData.x_axis.max;
let xData;
const minX = chartData.x_axis.min;
const maxX = chartData.x_axis.max;
let primeVueSetData = {};
let primeVueSetOption = {};
const getSimpleTimeLabel = simpleTimeLabel;
datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max,
const datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max,
chartData.y_axis.min);
xData = this.setXLabelsData(chartData.x_axis);
const xData = this.setXLabelsData(chartData.x_axis);
// Customize X axis ticks due to different differences between min and max of data group
@@ -746,16 +741,14 @@ export default {
*/
getAvgWaitingTimeLineChart(chartData, content, yUnit) {
const getMoment = (time)=> this.$moment(time).format('YYYY/M/D hh:mm:ss');
let datasets;
let minX = chartData.x_axis.min;
let xData;
const minX = chartData.x_axis.min;
let primeVueSetData = {};
let primeVueSetOption = {};
const getSimpleTimeLabel = simpleTimeLabel;
datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max,
const datasets = setLineChartData(chartData.data, chartData.x_axis.max, chartData.x_axis.min, false, chartData.y_axis.max,
chartData.y_axis.min);
xData = this.setXLabelsData(chartData.x_axis);
const xData = this.setXLabelsData(chartData.x_axis);
// Customize X axis ticks due to different differences between min and max of data group

8
src/views/Files/Files.vue
View File

@@ -311,7 +311,7 @@
*/
allFiles: function() {
if(this.store.allFiles.length !== 0){
let sortFiles = Array.from(this.store.allFiles);
const sortFiles = Array.from(this.store.allFiles);
sortFiles.sort((x,y) => new Date(y.updated_base) - new Date(x.updated_base));
return sortFiles;
}
@@ -329,7 +329,7 @@
* Compare Submit button disabled
*/
isCompareDisabledButton: function() {
let result = this.primaryDragData.length === 0 || this.secondaryDragData.length === 0;
const result = this.primaryDragData.length === 0 || this.secondaryDragData.length === 0;
return result;
},
/**
@@ -498,7 +498,7 @@
default:
break;
}
let content = `<li>[${i.type}] ${i.name}</li>`;
const content = `<li>[${i.type}] ${i.name}</li>`;
srt += content;
});
}
@@ -521,7 +521,7 @@
break;
}
let content = `<li>[${file.type}] ${file.name}</li>`;
const content = `<li>[${file.type}] ${file.name}</li>`;
srt += content;
});
}

2
src/views/Login/Login.vue
View File

@@ -100,7 +100,7 @@ export default {
* @param {event} event input 傳入的事件
*/
changeHandler(event) {
let inputValue = event.target.value;
const inputValue = event.target.value;
if(inputValue !== '') {
this.isInvalid = false;
}

15
src/views/Upload/index.vue
View File

@@ -126,8 +126,8 @@ export default {
isDisabled: function() {
// 1. 長度一樣，強制每一個都要選
// 2. 不為 null undefind
let hasValue = !this.selectedColumns.includes(undefined);
let result = !(this.selectedColumns.length === this.uploadDetail?.columns.length
const hasValue = !this.selectedColumns.includes(undefined);
const result = !(this.selectedColumns.length === this.uploadDetail?.columns.length
&& this.informData.length === 0 && this.repeatedData.length === 0 && hasValue);
return result
},
@@ -180,13 +180,12 @@ export default {
// 替換空格為不斷行的空格
const processedText = text.replace(/ /g, '\u00a0');
const hiddenSpan = document.createElement('span');
let width;
hiddenSpan.innerHTML = processedText;
hiddenSpan.style.font = window.getComputedStyle(e).font;
hiddenSpan.style.visibility = 'hidden';
document.body.appendChild(hiddenSpan);
width = hiddenSpan.getBoundingClientRect().width;
const width = hiddenSpan.getBoundingClientRect().width;
document.body.removeChild(hiddenSpan);
return width;
@@ -198,7 +197,7 @@ export default {
updateValidationData(data) {
const nameOccurrences = {};
const noSortedRepeatedData = []; // 未排序的重複選擇的 data
let selectedData = [] // 已經選擇的 data
const selectedData = [] // 已經選擇的 data
this.informData = []; // 尚未選擇的 data
this.repeatedData = []; // 重複選擇的 data
@@ -242,7 +241,7 @@ export default {
*/
async submit() {
// Post API Data
let fetchData = {
const fetchData = {
timestamp: '',
case_id: '',
name: '',
@@ -251,7 +250,7 @@ export default {
case_attributes: []
};
// 給值
let haveValueData = this.selectedColumns.map((column, i) => {
const haveValueData = this.selectedColumns.map((column, i) => {
if (column && this.uploadDetail.columns[i]) {
return {
name: column.name,
@@ -296,7 +295,7 @@ export default {
},
async mounted() {
// 只監聽第一次
let unwatch = this.$watch('fileName', (newValue) => {
const unwatch = this.$watch('fileName', (newValue) => {
if (newValue) {
const inputElement = document.getElementById('fileNameInput');
const baseWidth = 20;