forked from Ailur/burgernotes-server
changes
This commit is contained in:
parent
45ee19c60e
commit
6a480af7ff
|
|
@ -192,8 +192,10 @@ body {
|
|||
}
|
||||
|
||||
.optionsDiv button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 7px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
color: white;
|
||||
|
|
@ -203,6 +205,15 @@ body {
|
|||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.optionsDiv .normalButton {
|
||||
width: auto;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.optionsDiv .lastButton {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.optionsDiv input {
|
||||
width: calc(100% - 12px);
|
||||
height: 25px;
|
||||
|
|
@ -248,6 +259,20 @@ body {
|
|||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.optionsDiv img {
|
||||
height: 18px;
|
||||
padding-right: 5px;
|
||||
filter: invert(100%)
|
||||
}
|
||||
|
||||
.optionsDiv .section {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: #d8d8d8;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Sign up/log in div */
|
||||
|
||||
.inoutdiv {
|
||||
|
|
|
|||
|
|
@ -119,6 +119,17 @@ function displayPrompt(message, callback) {
|
|||
callback(errorInput.value)
|
||||
callback = undefined
|
||||
});
|
||||
errorInput.addEventListener("keyup", (event) => {
|
||||
if (event.key == "Enter") {
|
||||
callback(errorInput.value)
|
||||
callback = undefined
|
||||
|
||||
errorDiv.classList.add("hidden")
|
||||
optionsCoverDiv.classList.add("hidden")
|
||||
errorInput.classList.add("hidden")
|
||||
cancelErrorButton.classList.add("hidden")
|
||||
}
|
||||
});
|
||||
cancelErrorButton.addEventListener("click", (event) => {
|
||||
callback = undefined
|
||||
errorDiv.classList.add("hidden")
|
||||
|
|
@ -131,6 +142,8 @@ function displayPrompt(message, callback) {
|
|||
optionsCoverDiv.classList.remove("hidden")
|
||||
errorInput.classList.remove("hidden")
|
||||
cancelErrorButton.classList.remove("hidden")
|
||||
|
||||
errorInput.focus()
|
||||
}
|
||||
|
||||
closeErrorButton.addEventListener("click", (event) => {
|
||||
|
|
@ -236,8 +249,6 @@ function selectNote(nameithink) {
|
|||
noteBox.value = originalText
|
||||
|
||||
noteBox.addEventListener("input", (event) => {
|
||||
const text = noteBox.value;
|
||||
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(() => {
|
||||
let encryptedText = CryptoJS.AES.encrypt(noteBox.value, password).toString();
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="m361-299 119-121 120 121 47-48-119-121 119-121-47-48-120 121-119-121-48 48 120 121-120 121 48 48ZM261-120q-24 0-42-18t-18-42v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18H261Zm438-630H261v570h438v-570Zm-438 0v570-570Z"/></svg>
|
||||
|
After Width: | Height: | Size: 338 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M480-313 287-506l43-43 120 120v-371h60v371l120-120 43 43-193 193ZM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18H220Z"/></svg>
|
||||
|
After Width: | Height: | Size: 249 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h299v60H180v600h299v60H180Zm486-185-43-43 102-102H360v-60h363L621-612l43-43 176 176-174 174Z"/></svg>
|
||||
|
After Width: | Height: | Size: 247 B |
|
|
@ -14,8 +14,8 @@
|
|||
|
||||
<body>
|
||||
<div class="topBar">
|
||||
<p class="logo" id="burgerButton">burgernotes</p>
|
||||
<p id="usernameBox" class="usernameBox"></p>
|
||||
<p tabindex="0" class="logo" id="burgerButton">burgernotes</p>
|
||||
<p tabindex="0" id="usernameBox" class="usernameBox"></p>
|
||||
</div>
|
||||
|
||||
<div id="notesBar" class="notesBar">
|
||||
|
|
@ -33,19 +33,23 @@
|
|||
<div id="optionsCoverDiv" class="optionsCoverDiv hidden">
|
||||
<div id="optionsDiv" class="optionsDiv hidden">
|
||||
<button class="exit" id="exitThing">X</button>
|
||||
<h3>manage your account</h3>
|
||||
<h3>your account</h3>
|
||||
<p id="usernameThing"></p>
|
||||
<div class="section"></div>
|
||||
<p>storage</p>
|
||||
<progress id="storageProgressThing" value="0" max="100"></progress><br>
|
||||
<p id="storageThing"></p>
|
||||
<button id="logOutButton">log out</button>
|
||||
<button id="deleteMyAccountButton">delete my account</button>
|
||||
<button id="exportNotesButton">export notes</button>
|
||||
<div class="section"></div>
|
||||
<p>account managment</p>
|
||||
<button id="deleteMyAccountButton"><img src="/static/svg/delete_forever.svg">delete my account</button>
|
||||
<button id="exportNotesButton"><img src="/static/svg/download.svg">export notes</button>
|
||||
<button class="lastButton" id="logOutButton"><img src="/static/svg/logout.svg">log out</button>
|
||||
</div>
|
||||
<div id="errorDiv" class="optionsDiv hidden">
|
||||
<p id="errorMessageThing"></p>
|
||||
<input class="hidden" id="errorInput" type="text" placeholder="e.g. shopping list"><br></input>
|
||||
<button id="closeErrorButton">OK</button>
|
||||
<button class="hidden" id="cancelErrorButton">Cancel</button>
|
||||
<button class="normalButton" id="closeErrorButton">OK</button>
|
||||
<button class="normalButton hidden" id="cancelErrorButton">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue