handel error
This commit is contained in:
31
web/index.js
31
web/index.js
@@ -63,6 +63,7 @@ const component_search_folders = {
|
|||||||
files_in_folder: [],
|
files_in_folder: [],
|
||||||
playing_audio_file: {},
|
playing_audio_file: {},
|
||||||
is_loading: false,
|
is_loading: false,
|
||||||
|
error_status: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -70,12 +71,18 @@ const component_search_folders = {
|
|||||||
if (this.is_loading) {
|
if (this.is_loading) {
|
||||||
return 'Loading...'
|
return 'Loading...'
|
||||||
}
|
}
|
||||||
|
if (this.error_status) {
|
||||||
|
return this.error_status
|
||||||
|
}
|
||||||
return this.offset + ' ~ ' + (this.offset + this.folders.length)
|
return this.offset + ' ~ ' + (this.offset + this.folders.length)
|
||||||
},
|
},
|
||||||
computed_files_page() {
|
computed_files_page() {
|
||||||
if (this.is_loading) {
|
if (this.is_loading) {
|
||||||
return 'Loading...'
|
return 'Loading...'
|
||||||
}
|
}
|
||||||
|
if (this.error_status) {
|
||||||
|
return this.error_status
|
||||||
|
}
|
||||||
return this.folder_offset + ' ~ ' + (this.folder_offset + this.files_in_folder.length)
|
return this.folder_offset + ' ~ ' + (this.folder_offset + this.files_in_folder.length)
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -158,8 +165,12 @@ const component_search_folders = {
|
|||||||
limit: this.folder_limit,
|
limit: this.folder_limit,
|
||||||
offset: this.folder_offset,
|
offset: this.folder_offset,
|
||||||
}).then((response) => {
|
}).then((response) => {
|
||||||
this.is_loading = false
|
this.error_status = ""
|
||||||
this.files_in_folder = response.data.files
|
this.files_in_folder = response.data.files
|
||||||
|
}).catch((error) => {
|
||||||
|
this.error_status = error.response.data.status
|
||||||
|
}).finally(() => {
|
||||||
|
this.is_loading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
last_page() {
|
last_page() {
|
||||||
@@ -179,14 +190,18 @@ const component_search_folders = {
|
|||||||
this.search_folders()
|
this.search_folders()
|
||||||
},
|
},
|
||||||
search_folders() {
|
search_folders() {
|
||||||
this. is_loading = true
|
this.is_loading = true
|
||||||
axios.post('/api/v1/search_folders', {
|
axios.post('/api/v1/search_folders', {
|
||||||
foldername: this.search_foldernames,
|
foldername: this.search_foldernames,
|
||||||
limit: this.limit,
|
limit: this.limit,
|
||||||
offset: this.offset,
|
offset: this.offset,
|
||||||
}).then((response) => {
|
}).then((response) => {
|
||||||
this.is_loading = false
|
this.error_status = ""
|
||||||
this.folders = response.data.folders
|
this.folders = response.data.folders
|
||||||
|
}).catch((error) => {
|
||||||
|
this.error_status = error.response.data.status
|
||||||
|
}).finally(() => {
|
||||||
|
this.is_loading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -624,6 +639,9 @@ const component_search_files = {
|
|||||||
if (this.is_loading) {
|
if (this.is_loading) {
|
||||||
return 'Loading...'
|
return 'Loading...'
|
||||||
}
|
}
|
||||||
|
if (this.error_status) {
|
||||||
|
return this.error_status
|
||||||
|
}
|
||||||
return this.offset + ' ~ ' + (this.offset + this.files.length)
|
return this.offset + ' ~ ' + (this.offset + this.files.length)
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -662,6 +680,7 @@ const component_search_files = {
|
|||||||
limit: 10,
|
limit: 10,
|
||||||
playing_audio_file: {},
|
playing_audio_file: {},
|
||||||
is_loading: false,
|
is_loading: false,
|
||||||
|
error_status: "",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -676,8 +695,12 @@ const component_search_files = {
|
|||||||
limit: this.limit,
|
limit: this.limit,
|
||||||
offset: this.offset,
|
offset: this.offset,
|
||||||
}).then((response) => {
|
}).then((response) => {
|
||||||
this.is_loading = false
|
this.error_status = ""
|
||||||
this.files = response.data.files
|
this.files = response.data.files
|
||||||
|
}).catch((error) => {
|
||||||
|
this.error_status = error.response.data.status
|
||||||
|
}).finally(() => {
|
||||||
|
this.is_loading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
last_page() {
|
last_page() {
|
||||||
|
|||||||
Reference in New Issue
Block a user