diff --git a/admin_ui/src/App.vue b/admin_ui/src/App.vue index 706fed85..d2070311 100644 --- a/admin_ui/src/App.vue +++ b/admin_ui/src/App.vue @@ -57,7 +57,7 @@ export default defineComponent({ document.title = this.siteName }, async beforeCreate() { - let app = this + const app = this // Handle auth errors - redirect to login. axios.interceptors.response.use( @@ -98,7 +98,7 @@ export default defineComponent({ function (error) { if (error.response && error.response.status == 405) { console.log("Method not allowed") - let message: i.APIResponseMessage = { + const message: i.APIResponseMessage = { contents: "Method not supported - running in read only mode.", type: "error" @@ -132,7 +132,7 @@ export default defineComponent({ function (error) { if (error.response && error.response.status == 502) { console.log("The server can't be reached.") - let message: i.APIResponseMessage = { + const message: i.APIResponseMessage = { contents: "The server can't be reached - please try later.", type: "error" diff --git a/admin_ui/src/components/AddRowForm.vue b/admin_ui/src/components/AddRowForm.vue index afda6a2a..a4dac0cb 100644 --- a/admin_ui/src/components/AddRowForm.vue +++ b/admin_ui/src/components/AddRowForm.vue @@ -58,7 +58,7 @@ export default defineComponent({ const json: { [key: string]: any } = {} for (const i of form.entries()) { const key = i[0] - let value = i[1] + const value = i[1] json[key] = convertFormValue({ key, @@ -103,7 +103,7 @@ export default defineComponent({ } }, async mounted() { - let response = await this.$store.dispatch("getNew", this.tableName) + const response = await this.$store.dispatch("getNew", this.tableName) this.defaults = response.data } }) diff --git a/admin_ui/src/components/CSVModal.vue b/admin_ui/src/components/CSVModal.vue index 02f4d40e..002d2298 100644 --- a/admin_ui/src/components/CSVModal.vue +++ b/admin_ui/src/components/CSVModal.vue @@ -262,7 +262,7 @@ const fetchExportedRows = async () => { .join(delimiter.value) ) ].join("\n") - let csv = new Blob([data], { + const csv = new Blob([data], { type: "text/csv;charset=utf-8;" }) const url: string = URL.createObjectURL(csv) diff --git a/admin_ui/src/components/EditRowForm.vue b/admin_ui/src/components/EditRowForm.vue index 2fdba8e1..74318628 100644 --- a/admin_ui/src/components/EditRowForm.vue +++ b/admin_ui/src/components/EditRowForm.vue @@ -109,7 +109,7 @@ export default defineComponent({ const json: { [key: string]: any } = {} for (const i of form.entries()) { const key = i[0] - let value = i[1] + const value = i[1] json[key] = convertFormValue({ key, @@ -118,7 +118,7 @@ export default defineComponent({ }) } - let config: UpdateRow = { + const config: UpdateRow = { tableName: this.tableName, rowID: this.rowID, data: json @@ -152,7 +152,7 @@ export default defineComponent({ }, async deleteRow() { if (window.confirm("Are you sure you want to delete this row?")) { - let config: DeleteRow = { + const config: DeleteRow = { tableName: this.tableName, rowID: this.rowID } @@ -167,7 +167,7 @@ export default defineComponent({ ) } - var message: APIResponseMessage = { + const message: APIResponseMessage = { contents: "Unable to delete the row.", type: "error" } diff --git a/admin_ui/src/components/FormAdd.vue b/admin_ui/src/components/FormAdd.vue index f024a1ff..3ac09b58 100644 --- a/admin_ui/src/components/FormAdd.vue +++ b/admin_ui/src/components/FormAdd.vue @@ -109,7 +109,7 @@ export default defineComponent({ const json: { [key: string]: any } = {} for (const i of form.entries()) { const key = i[0] - let value: any = i[1] + const value: any = i[1] json[key] = convertFormValue({ key, @@ -125,7 +125,7 @@ export default defineComponent({ { responseType: "blob" } ) } catch (error) { - var message: APIResponseMessage = { + const message: APIResponseMessage = { contents: "The form has errors.", type: "error" } diff --git a/admin_ui/src/components/InputField.vue b/admin_ui/src/components/InputField.vue index 26054400..8f1d8da8 100644 --- a/admin_ui/src/components/InputField.vue +++ b/admin_ui/src/components/InputField.vue @@ -368,7 +368,7 @@ export default defineComponent({ }, methods: { setTextareaHeight() { - let element = this.$refs.textarea as HTMLTextAreaElement + const element = this.$refs.textarea as HTMLTextAreaElement if (element) { if (element.scrollHeight > element.clientHeight) { const cursorPosition = element.selectionStart @@ -402,7 +402,7 @@ export default defineComponent({ return } - let formData = new FormData() + const formData = new FormData() formData.append("table_name", this.currentTableName) formData.append("column_name", this.columnName) formData.append("file", file) @@ -449,7 +449,7 @@ export default defineComponent({ } } - let message: APIResponseMessage = { + const message: APIResponseMessage = { contents: errorMessage, type: "error" } @@ -466,7 +466,7 @@ export default defineComponent({ this.localValue = value } - let app = this + const app = this setTimeout(function () { app.setTextareaHeight() diff --git a/admin_ui/src/components/KeySearchModal.vue b/admin_ui/src/components/KeySearchModal.vue index 40d4eece..8eaf45f8 100644 --- a/admin_ui/src/components/KeySearchModal.vue +++ b/admin_ui/src/components/KeySearchModal.vue @@ -133,7 +133,7 @@ export default defineComponent({ clearTimeout(this.debounceTimer) } - let app = this + const app = this this.debounceTimer = window.setTimeout(async () => { app.offset = 0 diff --git a/admin_ui/src/components/OrderByModal.vue b/admin_ui/src/components/OrderByModal.vue index b28c34f1..e16b8cce 100644 --- a/admin_ui/src/components/OrderByModal.vue +++ b/admin_ui/src/components/OrderByModal.vue @@ -111,9 +111,9 @@ export default defineComponent({ } }, mounted() { - let orderByConfigs: OrderByConfig[] | null = this.$store.state.orderBy + const orderByConfigs: OrderByConfig[] | null = this.$store.state.orderBy - let localCopy: OrderByConfig[] = orderByConfigs + const localCopy: OrderByConfig[] = orderByConfigs ? orderByConfigs.map((i) => { return { ...i } }) diff --git a/admin_ui/src/components/Pagination.vue b/admin_ui/src/components/Pagination.vue index 6825253d..dc665738 100644 --- a/admin_ui/src/components/Pagination.vue +++ b/admin_ui/src/components/Pagination.vue @@ -41,7 +41,7 @@ export default defineComponent({ return this.$store.state.pageSize || 1 }, pageCount() { - let count = Math.ceil(this.rowCount / this.pageSize) + const count = Math.ceil(this.rowCount / this.pageSize) return count < 1 ? 1 : count }, currentTableName() { diff --git a/admin_ui/src/components/RowFilter.vue b/admin_ui/src/components/RowFilter.vue index ac7cf760..88552f65 100644 --- a/admin_ui/src/components/RowFilter.vue +++ b/admin_ui/src/components/RowFilter.vue @@ -41,7 +41,7 @@ export default defineComponent({ this.$emit("closeSideBar", false) }, showSuccess(contents: string) { - var message: APIResponseMessage = { + const message: APIResponseMessage = { contents: contents, type: "success" } @@ -99,8 +99,8 @@ export default defineComponent({ }, async clearFilters() { console.log("Clearing ...") - let form: any = this.$refs.form - let _ = [...form.elements].forEach((element) => { + const form: any = this.$refs.form + const _ = [...form.elements].forEach((element) => { if (element.type == "hidden") { element.value = "" } diff --git a/admin_ui/src/components/RowForm.vue b/admin_ui/src/components/RowForm.vue index e19c5d93..ff88ff8d 100644 --- a/admin_ui/src/components/RowForm.vue +++ b/admin_ui/src/components/RowForm.vue @@ -135,7 +135,7 @@ export default defineComponent({ }, methods: { getValue(columnName: string) { - let value = this.row ? this.row[columnName] : undefined + const value = this.row ? this.row[columnName] : undefined return value }, isRequired(columnName: string) { diff --git a/admin_ui/src/components/TimeWidget.vue b/admin_ui/src/components/TimeWidget.vue index 7222d6b7..de80f807 100644 --- a/admin_ui/src/components/TimeWidget.vue +++ b/admin_ui/src/components/TimeWidget.vue @@ -49,7 +49,7 @@ const localValue = ref("") // We dynamically work out the time format based on the time resolution. const timeFormat = computed(() => { - var format = "HH:mm" + let format = "HH:mm" if (timeResolution.value < 60) { format += ":ss" diff --git a/admin_ui/src/components/TimestampWidget.vue b/admin_ui/src/components/TimestampWidget.vue index 7fabdb96..abfd5792 100644 --- a/admin_ui/src/components/TimestampWidget.vue +++ b/admin_ui/src/components/TimestampWidget.vue @@ -49,7 +49,7 @@ const localValue = ref("") // We dynamically work out the datetime format based on the time resolution. const datetimeFormat = computed(() => { - var format = "YYYY-MM-DDTHH:mm" + let format = "YYYY-MM-DDTHH:mm" if (timeResolution.value < 60) { format += ":ss" diff --git a/admin_ui/src/components/TimestamptzWidget.vue b/admin_ui/src/components/TimestamptzWidget.vue index e99789f3..eb1fce19 100644 --- a/admin_ui/src/components/TimestamptzWidget.vue +++ b/admin_ui/src/components/TimestamptzWidget.vue @@ -62,7 +62,7 @@ const timezone = ref(localStorage.getItem(TIMEZONE_KEY) ?? "UTC") // We dynamically work out the datetime format based on the time resolution. const datetimeFormat = computed(() => { - var format = "YYYY-MM-DDTHH:mm" + let format = "YYYY-MM-DDTHH:mm" if (timeResolution.value < 60) { format += ":ss" diff --git a/admin_ui/src/components/Tooltip.vue b/admin_ui/src/components/Tooltip.vue index ce0d9e94..af3d7629 100644 --- a/admin_ui/src/components/Tooltip.vue +++ b/admin_ui/src/components/Tooltip.vue @@ -92,14 +92,14 @@ export default defineComponent({ } }, mounted() { - let app = this + const app = this function onResize() { app.popupVisible = false } this.onResize = onResize window.addEventListener("resize", onResize) }, - destroyed() { + unmounted() { if (this.onResize) { window.removeEventListener("resize", this.onResize) } diff --git a/admin_ui/src/views/Login.vue b/admin_ui/src/views/Login.vue index d5c120bc..149b87d9 100644 --- a/admin_ui/src/views/Login.vue +++ b/admin_ui/src/views/Login.vue @@ -88,7 +88,7 @@ export default defineComponent({ await this.$store.dispatch("fetchUser") - let nextURL = this.$route.query.nextURL as string + const nextURL = this.$route.query.nextURL as string if (nextURL && !nextURL.startsWith("/login")) { await this.$router.push({ path: nextURL }) diff --git a/admin_ui/src/views/RowListing.vue b/admin_ui/src/views/RowListing.vue index 149e57c8..8550fb57 100644 --- a/admin_ui/src/views/RowListing.vue +++ b/admin_ui/src/views/RowListing.vue @@ -565,14 +565,14 @@ export default defineComponent({ return this.schema.extra.primary_key_name || "id" }, linkColumnName(): string { - let schema: Schema = this.schema + const schema: Schema = this.schema return schema.extra.link_column_name }, // We create an object for quickly mapping a choice value to it's // display value. It maps column name -> choice value -> display value. // For example {'genre': {1: 'Sci-Fi'}} choicesLookup() { - let schema = this.schema + const schema = this.schema const output: { [key: string]: { [key: string | number]: string } | null } = {} @@ -609,7 +609,7 @@ export default defineComponent({ if (value === null) { return null } - let string = String(value) + const string = String(value) if (string.length > 100) { return string.substring(0, 80) + "..." } @@ -664,7 +664,7 @@ export default defineComponent({ } }, showSuccess(contents: string) { - var message: APIResponseMessage = { + const message: APIResponseMessage = { contents: contents, type: "success" } @@ -708,7 +708,7 @@ export default defineComponent({ ) const errorString = errors.join(", ") - var message: APIResponseMessage = { + const message: APIResponseMessage = { contents: `Unable to delete row ${this.selectedRows[i]} (${errorString})`, type: "error" }