lema/flagnote-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tag1

Browse Source
This commit is contained in:
Jesse-Ma
2022-06-06 10:56:12 +08:00
parent 0d10a1802a
commit 9a7d98316c
11 changed files with 392 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.png.bak
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/favicon.png.bak2
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
public/index.html
View File

@@ -11,7 +11,9 @@
} }
</style> </style>
<!--
<script src="https://www.recaptcha.net/recaptcha/api.js?render=6Le0CJwfAAAAAGk0J6aDngi7Dya-b0qyFRdIf6Wu"></script> <script src="https://www.recaptcha.net/recaptcha/api.js?render=6Le0CJwfAAAAAGk0J6aDngi7Dya-b0qyFRdIf6Wu"></script>
<script type="text/javascript"> <script type="text/javascript">
const CAPTCHA_CLIENT_SECRET = "6Le0CJwfAAAAAGk0J6aDngi7Dya-b0qyFRdIf6Wu"; const CAPTCHA_CLIENT_SECRET = "6Le0CJwfAAAAAGk0J6aDngi7Dya-b0qyFRdIf6Wu";
window.onload = () => { window.onload = () => {
@@ -32,6 +34,7 @@
}); });
}; };
</script> </script>
-->
</head> </head>
<body style="background-color: #dddddd;"> <body style="background-color: #dddddd;">
<noscript> <noscript>

21
src/api/note.js
View File

@@ -4,12 +4,13 @@ import {getStoreKey} from "@/api/lock";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
export function saveNote(noteForm) { export function saveNote(noteForm) {
let storeKey = getStoreKey(noteForm.key); let storeKey = getStoreKey(noteForm.key);
let storeText = storage.local.getText(storeKey + '.text'); let storeText = storage.local.getText(storeKey + '.text');
let note = { let note = {
"lock": storeText.substring(0, 1), "lock": storeText.substring(0, 1),
"text": storeText.substring(35) "cipher": storeText.substring(2, 34),
"text": storeText.substring(35),
"key": noteForm.key
} }
console.log("n"+ storeText) console.log("n"+ storeText)
@@ -23,6 +24,22 @@ export function saveNote(noteForm) {
) )
} }
export function deleteNote(key) {
let storeKey = getStoreKey(key);
let storeText = storage.local.getText(storeKey + '.text');
let note = {
"cipher": storeText.substring(2, 34),
"key": key
}
return axios({
url: '/note/' + key +'/delete',
method: 'post',
data: note
}
)
}
// export function getSecretKey(key, password) { // export function getSecretKey(key, password) {
// console.log("getSecretKey"); // console.log("getSecretKey");
// let secretKey = ''; // let secretKey = '';

13
src/libs/noteStorage.js
View File

@@ -18,11 +18,6 @@ export function setStoreText(text, secret, password) {
let storeText = aesEncrypt(text, secretKey); let storeText = aesEncrypt(text, secretKey);
storeText = zip(storeText); storeText = zip(storeText);
console.log("sssssssss" + secret.cipher)
console.log("sssssssss" + password)
console.log("sssssssss" + secretKey)
console.log("s" + storeText)
let lock = '0'; let lock = '0';
if (password) { if (password) {
lock = '1'; lock = '1';
@@ -32,6 +27,14 @@ export function setStoreText(text, secret, password) {
} }
export function clearStoreText(key) {
if (!key) {
return;
}
storage.local.delete(key);
}
export function getEscapeText(text) { export function getEscapeText(text) {
let textEscape = escapeHtml(text); let textEscape = escapeHtml(text);
textEscape = textEscape.replaceAll(" ", "&nbsp;"); textEscape = textEscape.replaceAll(" ", "&nbsp;");

8
src/libs/storage.js
View File

@@ -15,6 +15,10 @@ class Session {
return JSON.parse(sessionStorage.getItem(key)); return JSON.parse(sessionStorage.getItem(key));
} }
delete(key){
sessionStorage.removeItem(key);
}
setText(key, value) { setText(key, value) {
sessionStorage.setItem(key, value); sessionStorage.setItem(key, value);
} }
@@ -33,6 +37,10 @@ class Local {
return JSON.parse(localStorage.getItem(key)); return JSON.parse(localStorage.getItem(key));
} }
delete(key){
localStorage.removeItem(key);
}
setText(key, value) { setText(key, value) {
localStorage.setItem(key, value); localStorage.setItem(key, value);
} }

8
src/router/index.js
View File

@@ -3,6 +3,7 @@ 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 ErrorView from '@/views/ErrorView.vue'
import BlankNote from '@/views/BlankNote.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";
@@ -25,7 +26,7 @@ function getNoteView() {
let key = path.substr(1, path.length - 1); let key = path.substr(1, path.length - 1);
let storeKey = getStoreKey(key); let storeKey = getStoreKey(key);
if (keyMeta) { if (keyMeta && keyMeta.cipher) {
storage.session.setObject(storeKey + '.keyMeta', keyMeta); storage.session.setObject(storeKey + '.keyMeta', keyMeta);
return EditNote; return EditNote;
} }
@@ -33,7 +34,12 @@ function getNoteView() {
let noteMeta = null; let noteMeta = null;
noteMeta = getNoteMeta(key); noteMeta = getNoteMeta(key);
if (!noteMeta || !noteMeta.key) { if (!noteMeta || !noteMeta.key) {
let storeText = storage.local.getText(storeKey + '.text');
if(storeText){
return EditNote; return EditNote;
}else{
return BlankNote;
}
} }
storage.session.setObject(storeKey + '.noteMeta', noteMeta); storage.session.setObject(storeKey + '.noteMeta', noteMeta);

189
src/views/BlankNote.vue Normal file
View File

@@ -0,0 +1,189 @@
<style scoped>
.layout {
height: 100%;
background: #dddddd;
}
.header {
background: #dddddd;
}
.ivu-layout-header {
line-height: normal;
height: auto;
padding: 0px;
}
.content {
background: #dddddd;
}
.ivu-layout-content {
padding: 0px;
}
.layout-footer-center {
background: #dddddd;
text-align: center;
}
.ivu-card-bordered {
border: 0px solid #dcdee2;
border-color: #e8eaec;
}
.noteKey {
color: red;
font-weight: bold;
font-size: 18px;
font-family: "Bitstream Vera Sans Mono", Consolas, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"
}
</style>
<style>
#noteText {
color: black;
padding: 15px;
vertical-align: top;
width: 100%;
height: auto;
background: white;
min-width: 200px;
border-radius: 0px;
overflow-y: auto;
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
/*min-height: 400px;*/
font-size: 14px;
}
#noteText::selection {
background: firebrick;
color: white;
}
#noteText::-moz-selection {
background: firebrick;
color: white;
}
#noteText br::selection {
background: firebrick;
color: white;
}
#noteText br::-moz-selection {
background: firebrick;
color: white;
}
</style>
<template>
<div class="layout" onkeydown="keydown">
<Layout>
<Affix :offset-top="0">
<Header class="header">
<div>
<Row>
<Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }"
:lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
<div style="background: white;width:100%;height:40px;">
<img style="height:40px;float:left;" src="favicon.png">
<div style="float:right;width:auto;">
<Button-group size="large">
<Button type="error" style="margin-left:0px; border-radius: 0px;font-size: 24px;"
@click="createNote()" icon="md-add"></Button>
</Button-group>
</div>
</div>
</Col>
</Row>
</div>
</Header>
</Affix>
<Content class="content">
<div style="min-height: 650px;">
<Row>
<Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }"
:lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
<Card :padding="0">
<div style="border-left: 0px solid #FF3366;">
<div id="noteText" style="text-align: center;min-height: 650px;" class="monoFt">
<h1>blank</h1>
</div>
</div>
</Card>
</Col>
</Row>
</div>
</Content>
<Footer class="layout-footer-center">2022 &copy; flagnote.com</Footer>
</Layout>
</div>
</template>
<script>
export default {
name: 'BlankNote',
components: {},
props: {},
data() {
return {
noteForm: {
url: '',
text: '',
escapeText: '',
key: '',
md5: '',
lock: '0',
},
secret: {
storeKey: '',
secretKey: '',
cipher: '',
},
state: {
lock: '0',
locking: '0',
commited: '0'
}
}
},
created() {
this.noteForm.key = this.$route.params.name;
},
methods: {
createNote() {
window.open("/");
}
}
}
</script>

105
src/views/EditNote.vue
View File

@@ -52,7 +52,7 @@
<style> <style>
#noteText { #noteText {
color: black; color: black;
padding: 10px; padding: 15px;
vertical-align: top; vertical-align: top;
width: 100%; width: 100%;
height: auto; height: auto;
@@ -93,18 +93,67 @@
<div style="background: white;width:100%;height:40px;"> <div style="background: white;width:100%;height:40px;">
<img style="height:40px;float:left;" src="favicon.png"> <div style="float:left;width:auto;">
<div style="height: 40px;float: left;padding-top: 15px;padding-left: 20px;"> <Button-group size="large">
<Icon type="md-create" style="font-size: 22px;color:red" /><a class="noteKey">{{ noteForm.key }}</a>
</Button-group>
</div>
<img style="height:40px;float:left;" src="favicon.png">
<div style="float:left;width:auto;">
<Button-group size="large">
</Button-group>
</div>
<div style="float:right;width:auto;">
<Button-group size="large">
<Button v-show="!showPassword" type="error"
style="margin-right:5px; border-radius: 0px;font-size: 24px;" @click="showInput()"
icon="md-unlock"></Button>
<Input v-show="!showPassword">
<Button slot="append" type="error" style="margin-right:5px; border-radius: 0px;font-size: 24px;"
icon="md-checkmark-circle"></Button>
</Input>
<Button type="error" :loading="loading"
style="margin-right:5px; border-radius: 0px;font-size: 24px;" @click="submitNote()"
icon="md-cloud-upload"></Button>
<Button type="error" style="margin-left:0px; border-radius: 0px;font-size: 24px;"
@click="createNote()" icon="md-add"></Button>
<Button type="error" style="margin-left:0px; border-radius: 0px;font-size: 24px;"
@click="dropNote()" icon="md-trash"></Button>
</Button-group>
</div> </div>
<div style="float:right;width:auto;"> <div style="float:right;width:auto;">
<Button-group size="large"> <Button-group size="large">
<Button type="error" :loading="loading" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
@click="submitNote()" icon="md-cloud-upload"></Button> <!--
<Button type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
@click="createNote()" icon="md-add"></Button> <Button v-show="!show" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
@click="showNote()" icon="md-eye"></Button>
<Button v-show="show" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
@click="hideNote()" icon="md-eye-off"></Button>
-->
</Button-group> </Button-group>
</div> </div>
@@ -116,7 +165,8 @@
<Button-group size="default"> <Button-group size="default">
<Button type="error" @click="unLockNote()" icon="md-eye"></Button> <Button type="error" @click="unLockNote()" icon="md-eye"></Button>
<Button type="error" @click="lockNote()" icon="md-eye-off"></Button> <Button type="error" @click="lockNote()" icon="md-eye-off"></Button>
</Button-group> <Button type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
@click="dropNote()" icon="md-trash"></Button> </Button-group>
</div> </div>
--> -->
@@ -153,7 +203,7 @@
:lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }"> :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
<Card :padding="0"> <Card :padding="0">
<Form :model="noteForm" :label-width="80"> <Form :model="noteForm" :label-width="80">
<div id="wrapper" style="border-left: 3px solid #FF3366;"> <div id="wrapper" style="border-left: 0px solid #FF3366;">
<Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" <Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text"
:autosize="{ minRows: 30, maxRows: 1024 }" placeholder="Enter something..." v-on:input="log" :autosize="{ minRows: 30, maxRows: 1024 }" placeholder="Enter something..." v-on:input="log"
@@ -172,7 +222,7 @@
</Content> </Content>
<Footer class="layout-footer-center">2022 &copy; openif.com</Footer> <Footer class="layout-footer-center">2022 &copy; flagnote.com</Footer>
</Layout> </Layout>
<Modal v-model="modal1" title="Common Modal dialog box title" @on-ok="ok" @on-cancel="cancel"> <Modal v-model="modal1" title="Common Modal dialog box title" @on-ok="ok" @on-cancel="cancel">
@@ -204,6 +254,7 @@ export default {
components: {}, components: {},
data() { data() {
return { return {
show: true,
loading: false, loading: false,
modal1: false, modal1: false,
showExt: false, showExt: false,
@@ -244,6 +295,7 @@ export default {
} }
if (this.state.lock == "1") { if (this.state.lock == "1") {
this.show = false;
this.noteForm.text = "*****lock*****"; this.noteForm.text = "*****lock*****";
return; return;
} else { } else {
@@ -264,6 +316,12 @@ export default {
computed: {}, computed: {},
watch: {}, watch: {},
methods: { methods: {
showInput() {
this.showPassword = true;
},
hideInput() {
//this.showPassword = false;
},
change(status) { change(status) {
this.showPassword = status; this.showPassword = status;
}, },
@@ -324,7 +382,7 @@ export default {
// //document.body.appendChild(canvas); // //document.body.appendChild(canvas);
// }); // });
} else if (event.ctrlKey && event.which == 13) { } else if (event.ctrlKey && (event.which == 13)) {
this.save().then(res => { this.save().then(res => {
if (res) { if (res) {
location.reload(); location.reload();
@@ -352,7 +410,7 @@ export default {
} }
}); });
}, },
lockNote() { hideNote() {
if (this.state.locking == "1") { if (this.state.locking == "1") {
return; return;
} }
@@ -363,6 +421,8 @@ export default {
return; return;
} }
let password = '123456'; let password = '123456';
setStoreText(this.noteForm.text, this.secret, password); setStoreText(this.noteForm.text, this.secret, password);
@@ -378,11 +438,13 @@ export default {
noteText.selectionStart = 0; noteText.selectionStart = 0;
noteText.selectionEnd = 1; noteText.selectionEnd = 1;
this.show = false;
this.state.locking = "0"; this.state.locking = "0";
}, },
unLockNote() { showNote() {
if (this.state.locking == "1") { if (this.state.locking == "1") {
return; return;
} }
@@ -426,7 +488,7 @@ export default {
this.noteForm.text = plainText.substring(9); this.noteForm.text = plainText.substring(9);
this.state.lock = "0"; this.state.lock = "0";
setStoreText(this.noteForm.text, this.secret); setStoreText(this.noteForm.text, this.secret);
this.show = true;
this.state.locking = "0"; this.state.locking = "0";
} else { } else {
alert("password is wrong!") alert("password is wrong!")
@@ -438,10 +500,21 @@ export default {
this.state.locking = "0"; this.state.locking = "0";
} }
},
refresh() {
location.reload();
}, },
createNote() { createNote() {
window.open("/"); window.open("/");
}, },
dropNote() {
storage.local.delete(this.secret.storeKey + '.text');
storage.session.delete(this.secret.storeKey + '.keyMeta');
location.reload();
},
bindEvent() { bindEvent() {
if (document.body.createTextRange) { if (document.body.createTextRange) {
Jquery(document).keydown(function (e) { Jquery(document).keydown(function (e) {

81
src/views/ViewNote.vue
View File

@@ -52,7 +52,7 @@
<style> <style>
#noteText { #noteText {
color: black; color: black;
padding: 10px; padding: 15px;
vertical-align: top; vertical-align: top;
width: 100%; width: 100%;
height: auto; height: auto;
@@ -86,8 +86,10 @@
color: white; color: white;
} }
button span {
font-size: 18px;
margin-left: -1px !important;
}
</style> </style>
<template> <template>
<div class="layout" onkeydown="keydown"> <div class="layout" onkeydown="keydown">
@@ -104,33 +106,32 @@
<div style="background: white;width:100%;height:40px;"> <div style="background: white;width:100%;height:40px;">
<img style="height:40px;float:left;" src="favicon.png"> <img style="height:40px;float:left;" src="favicon.png">
<div style="float:left;width:auto;">
<Button-group size="large">
<Button type="error"
style="margin-left:5px; border-radius: 0px;font-size: 24px; font-family: Arial, sans-serif"
icon="md-cloud-done">{{ this.noteForm.ttlDesc }}</Button>
</Button-group>
<div style="height: 40px;float: left;padding-top: 15px;padding-left: 20px;">
<Icon type="md-cloud-done" style="font-size: 22px;color:red" /><a class="noteKey">{{ noteForm.key
}}</a>
</div> </div>
<div style="float:right;width:auto;"> <div style="float:right;width:auto;">
<Button-group size="large"> <Button-group size="large">
<Button type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;" <Button type="error" style="margin-left:0px; border-radius: 0px;font-size: 24px;"
@click="deleteNote()" icon="md-trash"></Button>
<Button type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
@click="createNote()" icon="md-add"></Button> @click="createNote()" icon="md-add"></Button>
<Button type="error" style="margin-left:0px; border-radius: 0px;font-size: 24px;"
@click="dropNote()" icon="md-trash"></Button>
</Button-group> </Button-group>
</div> </div>
<!--
<div style="float:right;width:auto;">
<Button-group size="default">
<Button type="error" @click="unLockNote()" icon="md-eye"></Button>
<Button type="error" @click="lockNote()" icon="md-eye-off"></Button>
</Button-group>
</div>
-->
<!-- <!--
@@ -163,7 +164,7 @@
<Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }" <Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }"
:lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }"> :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
<Card :padding="0"> <Card :padding="0">
<div style="border-left: 3px solid #FF3366;"> <div style="border-left: 0px solid #FF3366;">
<div id="noteText" style="text-align: left;min-height: 650px;" class="monoFt" <div id="noteText" style="text-align: left;min-height: 650px;" class="monoFt"
v-html="this.noteForm.escapeText"> v-html="this.noteForm.escapeText">
view2 view2
@@ -177,7 +178,7 @@
</Content> </Content>
<Footer class="layout-footer-center">2022 &copy; flagnote.com</Footer>
</Layout> </Layout>
@@ -190,6 +191,7 @@
import { aesDecrypt, md5, unzip } from "@/libs/secret"; import { aesDecrypt, md5, unzip } from "@/libs/secret";
import Jquery from "jquery"; import Jquery from "jquery";
import { getSecretKey, getStoreKey } from "@/api/lock"; import { getSecretKey, getStoreKey } from "@/api/lock";
import { deleteNote } from "@/api/note";
import storage from "@/libs/storage"; import storage from "@/libs/storage";
import { getEscapeText } from "@/libs/noteStorage"; import { getEscapeText } from "@/libs/noteStorage";
@@ -206,6 +208,8 @@ export default {
key: '', key: '',
md5: '', md5: '',
lock: '0', lock: '0',
ttl: 3600,
ttlDesc: '',
}, },
secret: { secret: {
storeKey: '', storeKey: '',
@@ -228,12 +232,42 @@ export default {
this.state.lock = noteMeta.lock; this.state.lock = noteMeta.lock;
this.secret.cipher = noteMeta.cipher; this.secret.cipher = noteMeta.cipher;
this.noteForm.md5 = noteMeta.md5; this.noteForm.md5 = noteMeta.md5;
this.noteForm.ttl = noteMeta.ttl;
this.startClock();
this.loadText(); this.loadText();
} }
this.bindEvent(); this.bindEvent();
}, },
methods: { methods: {
startClock() {
let that = this;
window.setInterval(function () {
let ittl = parseInt(that.noteForm.ttl / 1000);
let mins = parseInt(ittl / 60);
if (mins < 10) {
mins = "0" + mins;
}
if (mins < 0) {
mins = "00";
}
let seds = parseInt(ittl % 60);
if (seds < 10) {
seds = "0" + seds;
}
if (seds < 0) {
seds = "00";
}
that.noteForm.ttlDesc = mins + ":" + seds;
that.noteForm.ttl -= 1000;
if (that.noteForm.ttl <= 0) {
that.storage.local.delete(that.secret.storeKey + '.text');
that.storage.session.delete(that.secret.storeKey + '.keyMeta');
location.reload();
}
}, 1000)
},
decryptNote() { decryptNote() {
// let password = "123456"; // let password = "123456";
// let secretKey = getSecretKey(this.noteForm.key, password); // let secretKey = getSecretKey(this.noteForm.key, password);
@@ -243,6 +277,15 @@ export default {
createNote() { createNote() {
window.open("/"); window.open("/");
}, },
dropNote() {
deleteNote(this.noteForm.key).then(res => {
if (res) {
storage.local.delete(this.secret.storeKey + '.text');
storage.session.delete(this.secret.storeKey + '.keyMeta');
location.reload();
}
});
},
loadText() { loadText() {
let password; let password;

2
vue.config.js
View File

@@ -4,7 +4,7 @@ module.exports = defineConfig({
devServer: { devServer: {
proxy: { proxy: {
'/note': { '/note': {
target: 'http://localhost:3333/', // 后台接口域名 target: 'http://localhost:55555/', // 后台接口域名
secure: false, // 如果是https接口，需要配置这个参数 secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true, //是否跨域 changeOrigin: true, //是否跨域
pathRewrite:{ pathRewrite:{