error message

This commit is contained in:
Jesse-Ma
2022-12-05 13:52:55 +08:00
parent ca5f4ad8a0
commit 0812f25307
4 changed files with 41 additions and 36 deletions

View File

@@ -2,8 +2,8 @@ import Vue from "vue";
import VueRouter from "vue-router"; import VueRouter from "vue-router";
import EditNote from "@/views/EditNote.vue"; import EditNote from "@/views/EditNote.vue";
import ViewNote from "@/views/ViewNote.vue"; import ViewNote from "@/views/ViewNote.vue";
import ErrorView from "@/views/ErrorView.vue"; import ErrorRoute from "@/views/ErrorRoute.vue";
import InvalidateNote from "@/views/InvalidateNote.vue"; import ErrorNote from "@/views/ErrorNote.vue";
import { getKeyMeta, getNoteMeta } from "@/api/note"; import { getKeyMeta, getNoteMeta } from "@/api/note";
import { getStoreKey } from "@/api/lock"; import { getStoreKey } from "@/api/lock";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
@@ -27,7 +27,7 @@ function getErrorMetaParam() {
} }
function getNoteView() { function getNoteView() {
if(errorMeta){ if (errorMeta) {
return; return;
} }
@@ -42,7 +42,7 @@ function getNoteView() {
let regKey = /^[abcdefhikmnopqstuvwxyz23456789]{16}$/; let regKey = /^[abcdefhikmnopqstuvwxyz23456789]{16}$/;
if (!regKey.test(key)) { if (!regKey.test(key)) {
errorMeta = 100002; errorMeta = 100002;
return InvalidateNote; return ErrorNote;
} }
if (keyMeta && keyMeta.key) { if (keyMeta && keyMeta.key) {
@@ -56,13 +56,13 @@ function getNoteView() {
//server error //server error
if (!noteMeta) { if (!noteMeta) {
errorMeta = 100006; errorMeta = 100006;
return InvalidateNote; return ErrorNote;
} }
//invalidated key //invalidated key
if (!noteMeta.key) { if (!noteMeta.key) {
errorMeta = 100002; errorMeta = 100002;
return InvalidateNote; return ErrorNote;
} }
//validated state //validated state
@@ -77,10 +77,10 @@ function getNoteView() {
// user deleted // user deleted
if (noteMeta.ttl > 0) { if (noteMeta.ttl > 0) {
errorMeta = 100003; errorMeta = 100003;
return InvalidateNote; return ErrorNote;
} else {// timeout } else {// timeout
errorMeta = 100004; errorMeta = 100004;
return InvalidateNote; return ErrorNote;
} }
} }
@@ -94,17 +94,17 @@ function getNoteView() {
let df = storage.session.getText(storeKey + "_delete") let df = storage.session.getText(storeKey + "_delete")
if (df) {//unsubmitted,user deleted. if (df) {//unsubmitted,user deleted.
errorMeta = 100003; errorMeta = 100003;
return InvalidateNote; return ErrorNote;
} else {//unsubmitted } else {//unsubmitted
errorMeta = 100005; errorMeta = 100005;
return InvalidateNote; return ErrorNote;
} }
} }
} }
// other exception // other exception
errorMeta = 100001; errorMeta = 100001;
return InvalidateNote; return ErrorNote;
} }
function getHomeRedirect() { function getHomeRedirect() {
@@ -119,7 +119,7 @@ function getHomeRedirect() {
// server error // server error
if (!keyMeta) { if (!keyMeta) {
errorMeta = 100006; errorMeta = 100006;
return "/invalidatenote"; return "/error_"+errorMeta;
} }
return "/" + keyMeta.key; return "/" + keyMeta.key;
@@ -131,14 +131,14 @@ const routes = [
name: "home", name: "home",
redirect: getHomeRedirect(), redirect: getHomeRedirect(),
}, },
{ path: "/invalidatenote", component: InvalidateNote }, { path: "/error_:code([0-9]{6})", component: ErrorNote },
{ {
path: "/:name([a-z0-9]{1,20})", path: "/:name([a-z0-9]{1,20})",
name: "note", name: "note",
component: getNoteView(), component: getNoteView(),
meta: { keyMeta: getKeyMetaParam(), noteMeta: getNoteMetaParam(), errorMeta: getErrorMetaParam() }, meta: { keyMeta: getKeyMetaParam(), noteMeta: getNoteMetaParam(), errorMeta: getErrorMetaParam() },
}, },
{ path: "/:path(.*)", component: ErrorView } { path: "/:path(.*)", component: ErrorRoute }
]; ];
const router = new VueRouter({ const router = new VueRouter({

View File

@@ -149,7 +149,7 @@
<div id="wrapper" style="border-left: 0px solid #FF3366;"> <div id="wrapper" style="border-left: 0px solid #FF3366;">
<Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus <Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus
:autosize="{ minRows: 30, maxRows: 20480 }" :placeholder="$t('content.noteTip')" @input="recordText" :autosize="{ minRows: 30, maxRows: 20480 }" :placeholder="$t('content.noteTip')" @input="recordText"
@on-keydown="recordEventKdown" @on-keyup="recordEventKup"/> @on-keydown="recordEventKdown"/>
</div> </div>
</Form> </Form>
</Card> </Card>
@@ -345,20 +345,19 @@ export default {
setStoreText(this.noteForm, this.state, this.secret); setStoreText(this.noteForm, this.state, this.secret);
}, },
recordEventKup(event) { // recordEventKup(event) {
let tn = event.currentTarget.value; // let tn = event.currentTarget.value;
let ss = event.currentTarget.selectionStart; // let ss = event.currentTarget.selectionStart;
let cline = tn.substring(0, ss).split('\n').length; // let cline = tn.substring(0, ss).split('\n').length;
var noteTop = parseFloat(window.getComputedStyle(event.currentTarget).lineHeight) * cline; // var noteTop = parseFloat(window.getComputedStyle(event.currentTarget).lineHeight) * cline;
console.log(noteTop) // console.log(noteTop)
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrollTop) // console.log(scrollTop)
if (noteTop < scrollTop+10) { // if (noteTop < scrollTop+10) {
window.scrollTo(0, noteTop-10); // window.scrollTo(0, noteTop-10);
} // }
// },
},
recordEventKdown(event) { recordEventKdown(event) {
if (event.key == "Tab") { if (event.key == "Tab") {

View File

@@ -85,8 +85,7 @@
<div id="wrapper" style="border-left: 0px solid #FF3366;"> <div id="wrapper" style="border-left: 0px solid #FF3366;">
<div id="noteText" style="text-align: center;min-height: 650px;" class="monoFt"> <div id="noteText" style="text-align: center;min-height: 650px;" class="monoFt">
<h1></h1> <h1></h1>
{{ $t("content.blankTip") }} {{ $t("error." + this.errorInfo.code) }}
{{ $t("error."+this.errorInfo.code) }}
</div> </div>
</div> </div>
</Card> </Card>
@@ -106,7 +105,7 @@
<script> <script>
export default { export default {
name: 'InvalidateNote', name: 'ErrorNote',
components: {}, components: {},
props: {}, props: {},
data() { data() {
@@ -135,8 +134,15 @@ export default {
} }
}, },
created() { created() {
this.errorInfo.code = this.$route.meta.errorMeta; if (this.$route.meta.errorMeta) {
//this.noteForm.key = this.$route.params.name; this.errorInfo.code = this.$route.meta.errorMeta;
} else if (this.$route.params.code) {
this.errorInfo.code = this.$route.params.code;
}
if (this.$route.params.name) {
this.noteForm.key = this.$route.params.name;
}
}, },
mounted() { mounted() {
//this.bindCopyTextEvent(); //this.bindCopyTextEvent();

View File

@@ -1,18 +1,18 @@
<template> <template>
<div class="error"> <div class="error">
error route error
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'ErrorView', name: 'ErrorRoute',
components: {}, components: {},
data() { data() {
return {} return {}
}, },
created() { created() {
alert("error") alert("route error")
} }
} }
</script> </script>