Mobile revamp and overhaulg
This commit is contained in:
parent
bb9eb74bb1
commit
cfa2e054df
|
|
@ -15,13 +15,14 @@
|
||||||
<body>
|
<body>
|
||||||
<div class="topBar">
|
<div class="topBar">
|
||||||
<p tabindex="0" class="logo" id="burgerButton">Burgernotes</p>
|
<p tabindex="0" class="logo" id="burgerButton">Burgernotes</p>
|
||||||
|
<button tabindex="0" class="logo hidden" style="font-size: 17px;margin-left: 0;" onclick="handleGesture()" id="backButton"><img style="scale: 0.5;filter: invert(var(--invertdm));" src="/static/svg/arrow-back.svg"></button>
|
||||||
<p tabindex="0" id="usernameBox" class="usernameBox"></p>
|
<p tabindex="0" id="usernameBox" class="usernameBox"></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="bottomBar">
|
<div class="bottomBar">
|
||||||
<button id="removeBox" class="removeButton"></button>
|
<button id="removeBox" class="removeButton"></button>
|
||||||
|
<button onclick="toggleMarkdown()" class="markdownButton"></button>
|
||||||
<button id="wordCountBox">0 words</button>
|
<button id="wordCountBox">0 words</button>
|
||||||
<button onclick="toggleMarkdown()">Toggle Markdown</button>
|
|
||||||
<div class="textManipulator">
|
<div class="textManipulator">
|
||||||
<button id="textMinusBox">-</button>
|
<button id="textMinusBox">-</button>
|
||||||
<button id="textSizeBox">16px</button>
|
<button id="textSizeBox">16px</button>
|
||||||
|
|
@ -42,7 +43,6 @@
|
||||||
<button class="exit" id="exitThing">X</button>
|
<button class="exit" id="exitThing">X</button>
|
||||||
<h3 class="w300">Your account</h3>
|
<h3 class="w300">Your account</h3>
|
||||||
<p id="usernameThing"></p>
|
<p id="usernameThing"></p>
|
||||||
<p id="passwordThing"></p>
|
|
||||||
<div class="section"></div>
|
<div class="section"></div>
|
||||||
<p>Storage</p>
|
<p>Storage</p>
|
||||||
<progress id="storageProgressThing" value="0" max="100"></progress><br>
|
<progress id="storageProgressThing" value="0" max="100"></progress><br>
|
||||||
|
|
@ -51,6 +51,7 @@
|
||||||
<p>Account managment</p>
|
<p>Account managment</p>
|
||||||
<button id="deleteMyAccountButton"><img src="/static/svg/delete_forever.svg" alt="">Delete my account</button>
|
<button id="deleteMyAccountButton"><img src="/static/svg/delete_forever.svg" alt="">Delete my account</button>
|
||||||
<button id="exportNotesButton"><img src="/static/svg/download.svg" alt="">Export notes</button>
|
<button id="exportNotesButton"><img src="/static/svg/download.svg" alt="">Export notes</button>
|
||||||
|
<button id="importNotesButton"><img src="/static/svg/upload.svg" alt="">Import notes</button>
|
||||||
<button id="sessionManagerButton"><img src="/static/svg/list.svg" alt="">Session manager</button>
|
<button id="sessionManagerButton"><img src="/static/svg/list.svg" alt="">Session manager</button>
|
||||||
<button class="lastButton" id="logOutButton"><img src="/static/svg/logout.svg" alt="">Log out</button>
|
<button class="lastButton" id="logOutButton"><img src="/static/svg/logout.svg" alt="">Log out</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -62,6 +63,13 @@
|
||||||
<div class="sessionDiv" id="sessionDiv">
|
<div class="sessionDiv" id="sessionDiv">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="importDiv" class="optionsDiv hidden">
|
||||||
|
<button class="exit" id="exitImportThing">X</button>
|
||||||
|
<h3 class="w300">Import manager</h3>
|
||||||
|
<p>Import your notes from your device</p>
|
||||||
|
<div class="section"></div>
|
||||||
|
<form><input type="file" id="importFile" style="border: 0;"></form>
|
||||||
|
</div>
|
||||||
<div id="errorDiv" class="optionsDiv hidden">
|
<div id="errorDiv" class="optionsDiv hidden">
|
||||||
<p id="errorMessageThing"></p>
|
<p id="errorMessageThing"></p>
|
||||||
<input class="hidden" id="errorInput" type="text" placeholder=""><br>
|
<input class="hidden" id="errorInput" type="text" placeholder=""><br>
|
||||||
|
|
@ -70,7 +78,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="noteBox">
|
<div class="noteBox" id="noteBoxDiv">
|
||||||
<textarea id="noteBox" class="noteBoxText"></textarea>
|
<textarea id="noteBox" class="noteBoxText"></textarea>
|
||||||
<iframe id="markdown" style="display: none;" sandbox="allow-scripts"></iframe>
|
<iframe id="markdown" style="display: none;" sandbox="allow-scripts"></iframe>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -13,18 +13,14 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a href="https://notes.old.hectabit.org" class="hiddenButton">Click here</a>
|
|
||||||
<div class="mainDiv">
|
<div class="mainDiv">
|
||||||
<div class="startDiv">
|
<div class="startDiv">
|
||||||
<h1 class="w300">Burgernotes</h1>
|
<h1 class="w300">Burgernotes</h1>
|
||||||
<p>A simple note-taking service!</p>
|
<p>A simple note-taking service!</p>
|
||||||
<br>
|
<br>
|
||||||
<a href="/app">Open in your browser</a>
|
<a href="/app">Open in your browser</a>
|
||||||
|
<a href="https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa" style="margin-top: 5px;">Download for iOS (IPA)</a>
|
||||||
<a href="trollapps://add?url=https://store.hectabit.org/repo/store.json" style="margin-top: 5px;">Download for iOS (TrollApps Repo)</a>
|
<a href="/static/burgernotes.mobileconfig">Download for iOS (WebClip)</a>
|
||||||
<a href="altstore://install?url=https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa" style="margin-top: 5px;">Download for iOS (AltStore)</a>
|
|
||||||
<a href="apple-magnifier://install?url=https://centrifuge.hectabit.org/HectaBit/Burgernotes-iOS/releases/download/b1.0.0/Burgernotes.ipa" style="margin-top: 5px;">Download for iOS (TrollStore)</a>
|
|
||||||
|
|
||||||
<a style="padding: 0; margin-top: 5px; background-color: rgba(0, 0, 0, 0);" href="https://flathub.org/apps/org.hectabit.Burgernotes">
|
<a style="padding: 0; margin-top: 5px; background-color: rgba(0, 0, 0, 0);" href="https://flathub.org/apps/org.hectabit.Burgernotes">
|
||||||
<img class="flathubLogo" style="height: 55px;" src="/static/svg/flathublight.svg" alt="Get it on Flathub">
|
<img class="flathubLogo" style="height: 55px;" src="/static/svg/flathublight.svg" alt="Get it on Flathub">
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -151,6 +151,7 @@ body {
|
||||||
border-color: var(--border-color);
|
border-color: var(--border-color);
|
||||||
border-width: 0px;
|
border-width: 0px;
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottomBar {
|
.bottomBar {
|
||||||
|
|
@ -166,6 +167,8 @@ body {
|
||||||
border-width: 0px;
|
border-width: 0px;
|
||||||
border-top-width: 1px;
|
border-top-width: 1px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
text-wrap: nowrap;
|
||||||
|
overflow-x: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottomBar button {
|
.bottomBar button {
|
||||||
|
|
@ -178,6 +181,16 @@ body {
|
||||||
padding-right: 7.5px;
|
padding-right: 7.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bottomBar .markdownButton {
|
||||||
|
filter: invert(var(--invertdm));
|
||||||
|
padding-left: 17.5px;
|
||||||
|
padding-right: 17.5px;
|
||||||
|
background-image: url("../../static/svg/markdown.svg");
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 55%;
|
||||||
|
}
|
||||||
|
|
||||||
.bottomBar .removeButton {
|
.bottomBar .removeButton {
|
||||||
filter: invert(var(--invertdm));
|
filter: invert(var(--invertdm));
|
||||||
padding-left: 17.5px;
|
padding-left: 17.5px;
|
||||||
|
|
@ -238,14 +251,19 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.topBar .logo {
|
.topBar .logo {
|
||||||
padding-left: 12px;
|
margin-left: 12px;
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: var(--text-color);
|
||||||
|
white-space: break-spaces;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topBar .usernameBox {
|
.topBar .usernameBox {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
position: absolute;
|
margin-left: auto;
|
||||||
|
margin-right: 16px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
right: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.notesBar {
|
.notesBar {
|
||||||
|
|
@ -297,14 +315,14 @@ body {
|
||||||
radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%),
|
radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%),
|
||||||
linear-gradient(var(--contrast), var(--contrast));
|
linear-gradient(var(--contrast), var(--contrast));
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
|
background-size: 200% 200%, 100% 200%, 50% 50%, 140% 12%;
|
||||||
background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
|
background-position: -200% 0, 0 0, 0 76%, 16% 78%;
|
||||||
animation: loading 1.5s infinite;
|
animation: loading 1.5s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes loading {
|
@keyframes loading {
|
||||||
to {
|
to {
|
||||||
background-position: 315px 0, 0 0, 0 190px, 50px 195px;
|
background-position: 200% 0, 0 0, 0 76%, 16% 78%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -333,31 +351,38 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.noteBox {
|
.noteBox {
|
||||||
resize: none;
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 55px;
|
top: 50px;
|
||||||
padding: 4px;
|
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
background-color: var(--editor);
|
background-color: var(--editor);
|
||||||
width: calc(100% - 180px - 7px - 6px);
|
width: calc(100% - 180px);
|
||||||
height: calc(100% - 50px - 6px - 8px - 30px);
|
height: calc(100% - 50px - 30px);
|
||||||
font-family: "Inter", sans-serif;
|
font-family: "Inter", sans-serif;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noteBox.mobile {
|
||||||
|
flex-direction: column-reverse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.noteBoxText {
|
.noteBoxText {
|
||||||
|
resize: none;
|
||||||
background-color: var(--editor);
|
background-color: var(--editor);
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
border: none;
|
border: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
font-family: "Inter", sans-serif;
|
font-family: "Inter", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
iframe#markdown {
|
iframe#markdown {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
border: none;
|
border: none;
|
||||||
border-left: solid var(--bar) 1px;
|
border-left: solid var(--bar) 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -384,26 +409,26 @@ iframe#markdown {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
min-width: 300px;
|
width: 300px;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
max-width: 90%;
|
||||||
|
max-height: 90%;
|
||||||
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.optionsDiv button {
|
.optionsDiv button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
padding-bottom: 13px;
|
|
||||||
margin-right: 5px;
|
|
||||||
margin-bottom: 7px;
|
margin-bottom: 7px;
|
||||||
padding-left: 15px;
|
|
||||||
padding-right: 15px;
|
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
border: none;
|
border: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--theme-color);
|
background-color: var(--theme-color);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.optionsDiv .normalButton {
|
.optionsDiv .normalButton {
|
||||||
|
|
@ -481,7 +506,10 @@ iframe#markdown {
|
||||||
height: 18px;
|
height: 18px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
filter: invert(var(--invert));
|
filter: invert(var(--invert));
|
||||||
transform: translateY(3.25px);
|
position: absolute;
|
||||||
|
left: 20px;
|
||||||
|
scale: 1.3;
|
||||||
|
transform: translateY(1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.optionsDiv .section {
|
.optionsDiv .section {
|
||||||
|
|
@ -504,19 +532,23 @@ iframe#markdown {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
|
display: flex;
|
||||||
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sessionDiv div p {
|
.sessionDiv div p {
|
||||||
display: inline;
|
display: inline;
|
||||||
position: absolute;
|
transform: translateY(-20px);
|
||||||
transform: translateY(-7.5px);
|
overflow-wrap: anywhere;
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sessionDiv div button {
|
.sessionDiv div button {
|
||||||
position: absolute;
|
position: static;
|
||||||
border-radius: 99px;
|
border-radius: 99px;
|
||||||
right: 15px;
|
max-width: 40px;
|
||||||
width: 40px;
|
min-width: 40px;
|
||||||
|
margin-left: auto;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
|
|
@ -526,6 +558,7 @@ iframe#markdown {
|
||||||
display: inline;
|
display: inline;
|
||||||
filter: none;
|
filter: none;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
position: static;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sign up/log in div */
|
/* Sign up/log in div */
|
||||||
|
|
|
||||||
|
|
@ -26,6 +26,8 @@ let password = localStorage.getItem("DONOTSHARE-password")
|
||||||
let currentFontSize = 16
|
let currentFontSize = 16
|
||||||
let markdowntoggle = false
|
let markdowntoggle = false
|
||||||
|
|
||||||
|
let burgerButton = document.getElementById("burgerButton")
|
||||||
|
let backButton = document.getElementById("backButton")
|
||||||
let usernameBox = document.getElementById("usernameBox")
|
let usernameBox = document.getElementById("usernameBox")
|
||||||
let optionsCoverDiv = document.getElementById("optionsCoverDiv")
|
let optionsCoverDiv = document.getElementById("optionsCoverDiv")
|
||||||
let optionsDiv = document.getElementById("optionsDiv")
|
let optionsDiv = document.getElementById("optionsDiv")
|
||||||
|
|
@ -37,7 +39,9 @@ let errorInput = document.getElementById("errorInput")
|
||||||
let exitThing = document.getElementById("exitThing")
|
let exitThing = document.getElementById("exitThing")
|
||||||
let exitSessionsThing = document.getElementById("exitSessionsThing")
|
let exitSessionsThing = document.getElementById("exitSessionsThing")
|
||||||
let sessionManagerButton = document.getElementById("sessionManagerButton")
|
let sessionManagerButton = document.getElementById("sessionManagerButton")
|
||||||
|
let importNotesButton = document.getElementById("importNotesButton")
|
||||||
let sessionManagerDiv = document.getElementById("sessionManagerDiv")
|
let sessionManagerDiv = document.getElementById("sessionManagerDiv")
|
||||||
|
let importNotesDiv = document.getElementById("importDiv")
|
||||||
let sessionDiv = document.getElementById("sessionDiv")
|
let sessionDiv = document.getElementById("sessionDiv")
|
||||||
let deleteMyAccountButton = document.getElementById("deleteMyAccountButton")
|
let deleteMyAccountButton = document.getElementById("deleteMyAccountButton")
|
||||||
let storageThing = document.getElementById("storageThing")
|
let storageThing = document.getElementById("storageThing")
|
||||||
|
|
@ -48,6 +52,7 @@ let notesBar = document.getElementById("notesBar")
|
||||||
let notesDiv = document.getElementById("notesDiv")
|
let notesDiv = document.getElementById("notesDiv")
|
||||||
let newNote = document.getElementById("newNote")
|
let newNote = document.getElementById("newNote")
|
||||||
let noteBox = document.getElementById("noteBox")
|
let noteBox = document.getElementById("noteBox")
|
||||||
|
let noteBoxDiv = document.getElementById("noteBoxDiv")
|
||||||
let loadingStuff = document.getElementById("loadingStuff")
|
let loadingStuff = document.getElementById("loadingStuff")
|
||||||
let exportNotesButton = document.getElementById("exportNotesButton")
|
let exportNotesButton = document.getElementById("exportNotesButton")
|
||||||
let markdown = document.getElementById('markdown');
|
let markdown = document.getElementById('markdown');
|
||||||
|
|
@ -56,17 +61,22 @@ let textPlusBox = document.getElementById('textPlusBox');
|
||||||
let textMinusBox = document.getElementById('textMinusBox');
|
let textMinusBox = document.getElementById('textMinusBox');
|
||||||
let wordCountBox = document.getElementById('wordCountBox');
|
let wordCountBox = document.getElementById('wordCountBox');
|
||||||
let removeBox = document.getElementById("removeBox")
|
let removeBox = document.getElementById("removeBox")
|
||||||
|
let importFile = document.getElementById("importFile")
|
||||||
|
|
||||||
let selectedNote = 0
|
let selectedNote = 0
|
||||||
let timer
|
let timer
|
||||||
let waitTime = 400
|
let waitTime = 400
|
||||||
|
let indiv = false
|
||||||
|
let mobile = false
|
||||||
|
|
||||||
if (/Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
if (/Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
||||||
noteBox.style.width = "10px";
|
mobile = true
|
||||||
notesBar.style.width = "calc(100% - 10px)"
|
noteBoxDiv.classList.add("mobile");
|
||||||
noteBox.readOnly = true
|
noteBoxDiv.style.width = "0px";
|
||||||
|
notesBar.style.width = "calc(100% + 7.5px)"
|
||||||
|
noteBoxDiv.readOnly = true
|
||||||
noteBox.style.fontSize = "18px"
|
noteBox.style.fontSize = "18px"
|
||||||
noteBox.classList.add("hidden")
|
noteBoxDiv.classList.add("hidden")
|
||||||
|
|
||||||
let touchstartX, touchstartY, touchendX, touchendY
|
let touchstartX, touchstartY, touchendX, touchendY
|
||||||
|
|
||||||
|
|
@ -78,7 +88,9 @@ if (/Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
||||||
notesBar.addEventListener("touchend", function (event) {
|
notesBar.addEventListener("touchend", function (event) {
|
||||||
touchendX = event.changedTouches[0].screenX;
|
touchendX = event.changedTouches[0].screenX;
|
||||||
touchendY = event.changedTouches[0].screenY;
|
touchendY = event.changedTouches[0].screenY;
|
||||||
|
if (touchendX < touchstartX - 75) {
|
||||||
handleGesture();
|
handleGesture();
|
||||||
|
}
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
noteBox.addEventListener("touchstart", function (event) {
|
noteBox.addEventListener("touchstart", function (event) {
|
||||||
|
|
@ -89,33 +101,56 @@ if (/Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
||||||
noteBox.addEventListener("touchend", function (event) {
|
noteBox.addEventListener("touchend", function (event) {
|
||||||
touchendX = event.changedTouches[0].screenX;
|
touchendX = event.changedTouches[0].screenX;
|
||||||
touchendY = event.changedTouches[0].screenY;
|
touchendY = event.changedTouches[0].screenY;
|
||||||
|
if (touchendX > touchstartX + 75) {
|
||||||
handleGesture();
|
handleGesture();
|
||||||
|
} else if (touchendX < touchstartX - 75) {
|
||||||
|
enableMarkdown();
|
||||||
|
}
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
function handleGesture() {
|
markdown.addEventListener("touchstart", function (event) {
|
||||||
|
touchstartX = event.changedTouches[0].screenX;
|
||||||
|
touchstartY = event.changedTouches[0].screenY;
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
markdown.addEventListener("touchend", function (event) {
|
||||||
|
touchendX = event.changedTouches[0].screenX;
|
||||||
|
touchendY = event.changedTouches[0].screenY;
|
||||||
if (touchendX > touchstartX + 75) {
|
if (touchendX > touchstartX + 75) {
|
||||||
notesBar.style.width = "calc(100% - 10px)";
|
disableMarkdown();
|
||||||
noteBox.style.width = "10px"
|
} else if (touchendX < touchstartX - 75) {
|
||||||
if (selectedNote !== 0) {
|
disableMarkdown();
|
||||||
noteBox.readOnly = true
|
|
||||||
}
|
}
|
||||||
notesDiv.classList.remove("hidden")
|
}, false);
|
||||||
noteBox.classList.add("hidden")
|
|
||||||
newNote.classList.remove("hidden")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (touchendX < touchstartX - 75) {
|
function handleGesture() {
|
||||||
noteBox.style.width = "calc(100% - 30px)";
|
if (indiv) {
|
||||||
notesBar.style.width = "10px"
|
indiv = false
|
||||||
|
notesBar.style.width = "calc(100% + 7.5px)";
|
||||||
|
noteBoxDiv.style.width = "0px"
|
||||||
if (selectedNote !== 0) {
|
if (selectedNote !== 0) {
|
||||||
noteBox.readOnly = false
|
noteBoxDiv.readOnly = true
|
||||||
|
}
|
||||||
|
notesDiv.classList.remove("hidden")
|
||||||
|
noteBoxDiv.classList.add("hidden")
|
||||||
|
burgerButton.classList.remove("hidden")
|
||||||
|
backButton.classList.add("hidden")
|
||||||
|
newNote.classList.remove("hidden")
|
||||||
|
} else {
|
||||||
|
indiv = true
|
||||||
|
noteBoxDiv.style.width = "100%";
|
||||||
|
notesBar.style.width = "0px"
|
||||||
|
if (selectedNote !== 0) {
|
||||||
|
noteBoxDiv.readOnly = false
|
||||||
}
|
}
|
||||||
notesDiv.classList.add("hidden")
|
notesDiv.classList.add("hidden")
|
||||||
noteBox.classList.remove("hidden")
|
noteBoxDiv.classList.remove("hidden")
|
||||||
|
burgerButton.classList.add("hidden")
|
||||||
|
backButton.classList.remove("hidden")
|
||||||
newNote.classList.add("hidden")
|
newNote.classList.add("hidden")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
noteBox.value = ""
|
noteBox.value = ""
|
||||||
noteBox.readOnly = true
|
noteBox.readOnly = true
|
||||||
|
|
@ -145,7 +180,7 @@ function updateFont() {
|
||||||
noteBox.style.fontSize = currentFontSize + "px"
|
noteBox.style.fontSize = currentFontSize + "px"
|
||||||
textSizeBox.innerText = currentFontSize + "px"
|
textSizeBox.innerText = currentFontSize + "px"
|
||||||
if (markdowntoggle) {
|
if (markdowntoggle) {
|
||||||
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } body { font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>";
|
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } pre { white-space: pre-wrap; overflow-wrap: break-word; } body { white-space: pre-wrap; overflow-wrap: break-word; font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -270,6 +305,10 @@ deleteMyAccountButton.addEventListener("click", () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
importNotesButton.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.add("hidden")
|
||||||
|
importNotesDiv.classList.remove("hidden")
|
||||||
|
});
|
||||||
sessionManagerButton.addEventListener("click", () => {
|
sessionManagerButton.addEventListener("click", () => {
|
||||||
optionsDiv.classList.add("hidden")
|
optionsDiv.classList.add("hidden")
|
||||||
sessionManagerDiv.classList.remove("hidden")
|
sessionManagerDiv.classList.remove("hidden")
|
||||||
|
|
@ -344,6 +383,10 @@ sessionManagerButton.addEventListener("click", () => {
|
||||||
doStuff()
|
doStuff()
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
exitImportThing.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.remove("hidden")
|
||||||
|
importNotesDiv.classList.add("hidden")
|
||||||
|
});
|
||||||
exitSessionsThing.addEventListener("click", () => {
|
exitSessionsThing.addEventListener("click", () => {
|
||||||
optionsDiv.classList.remove("hidden")
|
optionsDiv.classList.remove("hidden")
|
||||||
sessionManagerDiv.classList.add("hidden")
|
sessionManagerDiv.classList.add("hidden")
|
||||||
|
|
@ -361,7 +404,7 @@ function updateWordCount() {
|
||||||
|
|
||||||
function renderMarkDown() {
|
function renderMarkDown() {
|
||||||
if (markdowntoggle) {
|
if (markdowntoggle) {
|
||||||
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } body { font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>"
|
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } pre { white-space: pre-wrap; overflow-wrap: break-word; } body { white-space: pre-wrap; overflow-wrap: break-word; font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -388,6 +431,9 @@ function selectNote(nameithink) {
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
selectedNote = nameithink
|
selectedNote = nameithink
|
||||||
|
if (mobile) {
|
||||||
|
handleGesture()
|
||||||
|
}
|
||||||
noteBox.readOnly = false
|
noteBox.readOnly = false
|
||||||
noteBox.placeholder = "Type something!"
|
noteBox.placeholder = "Type something!"
|
||||||
|
|
||||||
|
|
@ -564,24 +610,25 @@ function exportNotes() {
|
||||||
responseData[i]["content"] = bytesd.toString(CryptoJS.enc.Utf8)
|
responseData[i]["content"] = bytesd.toString(CryptoJS.enc.Utf8)
|
||||||
}
|
}
|
||||||
let jsonString = JSON.parse(JSON.stringify(responseData))
|
let jsonString = JSON.parse(JSON.stringify(responseData))
|
||||||
|
|
||||||
exportNotesButton.innerText = "Export notes"
|
|
||||||
downloadObjectAsJson(jsonString, "data")
|
downloadObjectAsJson(jsonString, "data")
|
||||||
optionsDiv.classList.add("hidden")
|
optionsDiv.classList.add("hidden")
|
||||||
displayError("Exported notes!")
|
displayError("Exported notes!")
|
||||||
|
|
||||||
}
|
}
|
||||||
doStuff()
|
doStuff()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function isFirstTimeVisitor() {
|
function importNotes(plaintextNotes) {
|
||||||
if (localStorage.getItem("FIRSTVISIT") === null) {
|
for (let i in plaintextNotes) {
|
||||||
localStorage.setItem("FIRSTVISIT", "1")
|
let originalTitle = plaintextNotes[i]["title"];
|
||||||
return true;
|
let encryptedTitle = CryptoJS.AES.encrypt(originalTitle, password).toString();
|
||||||
} else {
|
plaintextNotes[i]["title"] = encryptedTitle;
|
||||||
return false;
|
|
||||||
|
let originalContent = plaintextNotes[i]["content"];
|
||||||
|
let encryptedContent = CryptoJS.AES.encrypt(originalContent, password).toString();
|
||||||
|
plaintextNotes[i]["content"] = encryptedContent;
|
||||||
}
|
}
|
||||||
|
return JSON.stringify(plaintextNotes);
|
||||||
}
|
}
|
||||||
|
|
||||||
function firstNewVersion() {
|
function firstNewVersion() {
|
||||||
|
|
@ -595,21 +642,44 @@ function firstNewVersion() {
|
||||||
|
|
||||||
function toggleMarkdown() {
|
function toggleMarkdown() {
|
||||||
if (markdown.style.display === 'none') {
|
if (markdown.style.display === 'none') {
|
||||||
|
enableMarkdown()
|
||||||
|
} else {
|
||||||
|
disableMarkdown()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function enableMarkdown() {
|
||||||
markdown.style.display = 'inherit';
|
markdown.style.display = 'inherit';
|
||||||
markdowntoggle = true
|
markdowntoggle = true
|
||||||
renderMarkDown()
|
renderMarkDown()
|
||||||
} else {
|
}
|
||||||
|
|
||||||
|
function disableMarkdown() {
|
||||||
markdown.style.display = 'none';
|
markdown.style.display = 'none';
|
||||||
markdowntoggle = false
|
markdowntoggle = false
|
||||||
markdown.srcdoc = ""
|
markdown.srcdoc = ""
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
exportNotesButton.addEventListener("click", () => {
|
exportNotesButton.addEventListener("click", () => {
|
||||||
exportNotesButton.innerText = "Downloading..."
|
|
||||||
exportNotes()
|
exportNotes()
|
||||||
});
|
});
|
||||||
|
|
||||||
|
importFile.addEventListener('change', function(e) {
|
||||||
|
let fileread = new FileReader()
|
||||||
|
fileread.addEventListener(
|
||||||
|
"load",
|
||||||
|
() => {
|
||||||
|
let decrypted = JSON.parse(fileread.result)
|
||||||
|
console.log(decrypted)
|
||||||
|
let encrypted = importNotes(decrypted)
|
||||||
|
console.log(encrypted)
|
||||||
|
},
|
||||||
|
false,
|
||||||
|
);
|
||||||
|
|
||||||
|
fileread.readAsText(importFile.files[0])
|
||||||
|
})
|
||||||
|
|
||||||
removeBox.addEventListener("click", () => {
|
removeBox.addEventListener("click", () => {
|
||||||
if (selectedNote === 0) {
|
if (selectedNote === 0) {
|
||||||
displayError("You need to select a note first!")
|
displayError("You need to select a note first!")
|
||||||
|
|
@ -634,15 +704,11 @@ removeBox.addEventListener("click", () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } body { font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>"
|
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } pre { white-space: pre-wrap; overflow-wrap: break-word; } body { white-space: pre-wrap; overflow-wrap: break-word; font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>"
|
||||||
});
|
});
|
||||||
|
|
||||||
if (isFirstTimeVisitor() && /Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
|
||||||
displayError("To use Burgernotes:\n Swipe Right on a note to open it\n Swipe left in the text boxes to return to notes\n Click on a note to highlight it")
|
|
||||||
}
|
|
||||||
|
|
||||||
if (firstNewVersion()) {
|
if (firstNewVersion()) {
|
||||||
displayError("What's new in Burgernotes 1.2-1?\nNotes now support live editing\nFixed various bugs and issues in the client")
|
displayError("What's new in Burgernotes 1.2-1?\nNotes now support live editing\nFixed various bugs and issues in the client")
|
||||||
}
|
}
|
||||||
|
|
||||||
waitforedit()
|
//waitforedit()
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,695 @@
|
||||||
|
if (localStorage.getItem("DONOTSHARE-secretkey") === null) {
|
||||||
|
window.location.replace("/login")
|
||||||
|
document.body.innerHTML = "Redirecting..."
|
||||||
|
throw new Error();
|
||||||
|
}
|
||||||
|
if (localStorage.getItem("DONOTSHARE-password") === null) {
|
||||||
|
window.location.replace("/login")
|
||||||
|
document.body.innerHTML = "Redirecting..."
|
||||||
|
throw new Error();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (localStorage.getItem("CACHE-username") !== null) {
|
||||||
|
document.getElementById("usernameBox").innerText = localStorage.getItem("CACHE-username")
|
||||||
|
}
|
||||||
|
|
||||||
|
let remote = localStorage.getItem("homeserverURL")
|
||||||
|
if (remote == null) {
|
||||||
|
localStorage.setItem("homeserverURL", "https://notes.hectabit.org")
|
||||||
|
remote = "https://notes.hectabit.org"
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatBytes(a, b = 2) { if (!+a) return "0 Bytes"; const c = 0 > b ? 0 : b, d = Math.floor(Math.log(a) / Math.log(1000)); return `${parseFloat((a / Math.pow(1000, d)).toFixed(c))} ${["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"][d]}` }
|
||||||
|
|
||||||
|
let secretkey = localStorage.getItem("DONOTSHARE-secretkey")
|
||||||
|
let password = localStorage.getItem("DONOTSHARE-password")
|
||||||
|
let currentFontSize = 16
|
||||||
|
let markdowntoggle = false
|
||||||
|
|
||||||
|
let burgerButton = document.getElementById("burgerButton")
|
||||||
|
let backButton = document.getElementById("backButton")
|
||||||
|
let usernameBox = document.getElementById("usernameBox")
|
||||||
|
let optionsCoverDiv = document.getElementById("optionsCoverDiv")
|
||||||
|
let optionsDiv = document.getElementById("optionsDiv")
|
||||||
|
let errorDiv = document.getElementById("errorDiv")
|
||||||
|
let errorMessageThing = document.getElementById("errorMessageThing")
|
||||||
|
let closeErrorButton = document.getElementById("closeErrorButton")
|
||||||
|
let cancelErrorButton = document.getElementById("cancelErrorButton")
|
||||||
|
let errorInput = document.getElementById("errorInput")
|
||||||
|
let exitThing = document.getElementById("exitThing")
|
||||||
|
let exitSessionsThing = document.getElementById("exitSessionsThing")
|
||||||
|
let sessionManagerButton = document.getElementById("sessionManagerButton")
|
||||||
|
let importNotesButton = document.getElementById("importNotesButton")
|
||||||
|
let sessionManagerDiv = document.getElementById("sessionManagerDiv")
|
||||||
|
let importNotesDiv = document.getElementById("importDiv")
|
||||||
|
let sessionDiv = document.getElementById("sessionDiv")
|
||||||
|
let deleteMyAccountButton = document.getElementById("deleteMyAccountButton")
|
||||||
|
let storageThing = document.getElementById("storageThing")
|
||||||
|
let storageProgressThing = document.getElementById("storageProgressThing")
|
||||||
|
let usernameThing = document.getElementById("usernameThing")
|
||||||
|
let logOutButton = document.getElementById("logOutButton")
|
||||||
|
let notesBar = document.getElementById("notesBar")
|
||||||
|
let notesDiv = document.getElementById("notesDiv")
|
||||||
|
let newNote = document.getElementById("newNote")
|
||||||
|
let noteBox = document.getElementById("noteBox")
|
||||||
|
let noteBoxDiv = document.getElementById("noteBoxDiv")
|
||||||
|
let loadingStuff = document.getElementById("loadingStuff")
|
||||||
|
let exportNotesButton = document.getElementById("exportNotesButton")
|
||||||
|
let markdown = document.getElementById('markdown');
|
||||||
|
let textSizeBox = document.getElementById('textSizeBox');
|
||||||
|
let textPlusBox = document.getElementById('textPlusBox');
|
||||||
|
let textMinusBox = document.getElementById('textMinusBox');
|
||||||
|
let wordCountBox = document.getElementById('wordCountBox');
|
||||||
|
let removeBox = document.getElementById("removeBox")
|
||||||
|
let importFile = document.getElementById("importFile")
|
||||||
|
|
||||||
|
let selectedNote = 0
|
||||||
|
let timer
|
||||||
|
let waitTime = 400
|
||||||
|
let indiv = false
|
||||||
|
|
||||||
|
if (/Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
||||||
|
noteBoxDiv.style.width = "0px";
|
||||||
|
notesBar.style.width = "calc(100% + 7.5px)"
|
||||||
|
noteBoxDiv.readOnly = true
|
||||||
|
noteBox.style.fontSize = "18px"
|
||||||
|
noteBoxDiv.classList.add("hidden")
|
||||||
|
|
||||||
|
let touchstartX, touchstartY, touchendX, touchendY
|
||||||
|
|
||||||
|
notesBar.addEventListener("touchstart", function (event) {
|
||||||
|
touchstartX = event.changedTouches[0].screenX;
|
||||||
|
touchstartY = event.changedTouches[0].screenY;
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
notesBar.addEventListener("touchend", function (event) {
|
||||||
|
touchendX = event.changedTouches[0].screenX;
|
||||||
|
touchendY = event.changedTouches[0].screenY;
|
||||||
|
handleGesture();
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
noteBox.addEventListener("touchstart", function (event) {
|
||||||
|
touchstartX = event.changedTouches[0].screenX;
|
||||||
|
touchstartY = event.changedTouches[0].screenY;
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
noteBox.addEventListener("touchend", function (event) {
|
||||||
|
touchendX = event.changedTouches[0].screenX;
|
||||||
|
touchendY = event.changedTouches[0].screenY;
|
||||||
|
handleGesture();
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleGesture() {
|
||||||
|
if (indiv) {
|
||||||
|
indiv = false
|
||||||
|
notesBar.style.width = "calc(100% + 7.5px)";
|
||||||
|
noteBoxDiv.style.width = "0px"
|
||||||
|
if (selectedNote !== 0) {
|
||||||
|
noteBoxDiv.readOnly = true
|
||||||
|
}
|
||||||
|
notesDiv.classList.remove("hidden")
|
||||||
|
noteBoxDiv.classList.add("hidden")
|
||||||
|
burgerButton.classList.remove("hidden")
|
||||||
|
backButton.classList.add("hidden")
|
||||||
|
newNote.classList.remove("hidden")
|
||||||
|
} else {
|
||||||
|
indiv = true
|
||||||
|
noteBoxDiv.style.width = "100%";
|
||||||
|
notesBar.style.width = "0px"
|
||||||
|
if (selectedNote !== 0) {
|
||||||
|
noteBoxDiv.readOnly = false
|
||||||
|
}
|
||||||
|
notesDiv.classList.add("hidden")
|
||||||
|
noteBoxDiv.classList.remove("hidden")
|
||||||
|
burgerButton.classList.add("hidden")
|
||||||
|
backButton.classList.remove("hidden")
|
||||||
|
newNote.classList.add("hidden")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
noteBox.value = ""
|
||||||
|
noteBox.readOnly = true
|
||||||
|
|
||||||
|
let noteCount = 0
|
||||||
|
|
||||||
|
function displayError(message) {
|
||||||
|
errorDiv.classList.remove("hidden")
|
||||||
|
optionsCoverDiv.classList.remove("hidden")
|
||||||
|
|
||||||
|
errorMessageThing.innerHTML = message
|
||||||
|
}
|
||||||
|
|
||||||
|
closeErrorButton.addEventListener("click", () => {
|
||||||
|
errorDiv.classList.add("hidden")
|
||||||
|
optionsCoverDiv.classList.add("hidden")
|
||||||
|
});
|
||||||
|
closeErrorButton.addEventListener("click", () => {
|
||||||
|
errorDiv.classList.add("hidden")
|
||||||
|
optionsCoverDiv.classList.add("hidden")
|
||||||
|
errorInput.classList.add("hidden")
|
||||||
|
cancelErrorButton.classList.add("hidden")
|
||||||
|
});
|
||||||
|
|
||||||
|
function updateFont() {
|
||||||
|
currentFontSize = localStorage.getItem("SETTING-fontsize")
|
||||||
|
noteBox.style.fontSize = currentFontSize + "px"
|
||||||
|
textSizeBox.innerText = currentFontSize + "px"
|
||||||
|
if (markdowntoggle) {
|
||||||
|
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } body { font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function waitforedit() {
|
||||||
|
while(true) {
|
||||||
|
await fetch(remote + "/api/waitforedit", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
"secretKey": localStorage.getItem("DONOTSHARE-secretkey")
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(async (response) => {
|
||||||
|
async function doStuff() {
|
||||||
|
const data = await response.json();
|
||||||
|
// Access the "note" field from the response
|
||||||
|
const note = data["note"];
|
||||||
|
if (note === selectedNote) {
|
||||||
|
selectNote(selectedNote)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
doStuff()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (localStorage.getItem("SETTING-fontsize") === null) {
|
||||||
|
localStorage.setItem("SETTING-fontsize", "16")
|
||||||
|
updateFont()
|
||||||
|
} else {
|
||||||
|
updateFont()
|
||||||
|
}
|
||||||
|
|
||||||
|
textPlusBox.addEventListener("click", () => {
|
||||||
|
localStorage.setItem("SETTING-fontsize", String(Number(localStorage.getItem("SETTING-fontsize")) + Number(1)))
|
||||||
|
updateFont()
|
||||||
|
});
|
||||||
|
textMinusBox.addEventListener("click", () => {
|
||||||
|
localStorage.setItem("SETTING-fontsize", String(Number(localStorage.getItem("SETTING-fontsize")) - Number(1)))
|
||||||
|
updateFont()
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function truncateString(str, num) {
|
||||||
|
if (str.length > num) {
|
||||||
|
return str.slice(0, num) + "..";
|
||||||
|
} else {
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function updateUserInfo() {
|
||||||
|
fetch(remote + "/api/userinfo", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
noteBox.readOnly = true
|
||||||
|
noteBox.value = ""
|
||||||
|
noteBox.placeholder = "Failed to connect to the server.\nPlease check your internet connection."
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
async function doStuff() {
|
||||||
|
if (response.status === 500) {
|
||||||
|
displayError("Something went wrong! Signing you out..")
|
||||||
|
closeErrorButton.classList.add("hidden")
|
||||||
|
usernameBox.innerText = ""
|
||||||
|
setTimeout(function () {
|
||||||
|
window.location.replace("/logout")
|
||||||
|
}, 2500);
|
||||||
|
} else {
|
||||||
|
let responseData = await response.json()
|
||||||
|
usernameBox.innerText = responseData["username"]
|
||||||
|
usernameThing.innerText = "Username: " + responseData["username"]
|
||||||
|
storageThing.innerText = "You've used " + formatBytes(responseData["storageused"]) + " out of " + formatBytes(responseData["storagemax"])
|
||||||
|
storageProgressThing.value = responseData["storageused"]
|
||||||
|
storageProgressThing.max = responseData["storagemax"]
|
||||||
|
noteCount = responseData["notecount"]
|
||||||
|
localStorage.setItem("CACHE-username", responseData["username"])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
doStuff()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
usernameBox.addEventListener("click", () => {
|
||||||
|
optionsCoverDiv.classList.remove("hidden")
|
||||||
|
optionsDiv.classList.remove("hidden")
|
||||||
|
updateUserInfo()
|
||||||
|
});
|
||||||
|
logOutButton.addEventListener("click", () => {
|
||||||
|
window.location.replace("/logout")
|
||||||
|
});
|
||||||
|
exitThing.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.add("hidden")
|
||||||
|
optionsCoverDiv.classList.add("hidden")
|
||||||
|
});
|
||||||
|
deleteMyAccountButton.addEventListener("click", () => {
|
||||||
|
if (confirm("Are you REALLY sure that you want to delete your account? There's no going back!") === true) {
|
||||||
|
fetch(remote + "/api/deleteaccount", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
if (response.status === 200) {
|
||||||
|
window.location.href = "/logout"
|
||||||
|
} else {
|
||||||
|
displayError("Failed to delete account (HTTP error code " + response.status + ")")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
importNotesButton.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.add("hidden")
|
||||||
|
importNotesDiv.classList.remove("hidden")
|
||||||
|
});
|
||||||
|
sessionManagerButton.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.add("hidden")
|
||||||
|
sessionManagerDiv.classList.remove("hidden")
|
||||||
|
|
||||||
|
fetch(remote + "/api/sessions/list", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
async function doStuff() {
|
||||||
|
let responseData = await response.json()
|
||||||
|
document.querySelectorAll(".burgerSession").forEach((el) => el.remove());
|
||||||
|
let ua;
|
||||||
|
for (let i in responseData) {
|
||||||
|
let sessionElement = document.createElement("div")
|
||||||
|
let sessionText = document.createElement("p")
|
||||||
|
let sessionImage = document.createElement("img")
|
||||||
|
let sessionRemoveButton = document.createElement("button")
|
||||||
|
sessionText.classList.add("w300")
|
||||||
|
if (responseData[i]["thisSession"] === true) {
|
||||||
|
sessionText.innerText = "(current) " + responseData[i]["device"]
|
||||||
|
} else {
|
||||||
|
sessionText.innerText = responseData[i]["device"]
|
||||||
|
}
|
||||||
|
sessionText.title = responseData[i]["device"]
|
||||||
|
sessionRemoveButton.innerText = "x"
|
||||||
|
|
||||||
|
sessionImage.src = "/static/svg/device_other.svg"
|
||||||
|
|
||||||
|
ua = responseData[i]["device"]
|
||||||
|
|
||||||
|
if (ua.includes("NT") || ua.includes("Linux")) {
|
||||||
|
sessionImage.src = "/static/svg/device_computer.svg"
|
||||||
|
}
|
||||||
|
if (ua.includes("iPhone" || ua.includes("Android") || ua.includes("iPod"))) {
|
||||||
|
sessionImage.src = "/static/svg/device_smartphone.svg"
|
||||||
|
}
|
||||||
|
|
||||||
|
sessionRemoveButton.addEventListener("click", () => {
|
||||||
|
fetch(remote + "/api/sessions/remove", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey,
|
||||||
|
sessionId: responseData[i]["id"]
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
if (responseData[i]["thisSession"] === true) {
|
||||||
|
window.location.replace("/logout")
|
||||||
|
}
|
||||||
|
});
|
||||||
|
sessionElement.remove()
|
||||||
|
});
|
||||||
|
|
||||||
|
sessionElement.append(sessionImage)
|
||||||
|
sessionElement.append(sessionText)
|
||||||
|
sessionElement.append(sessionRemoveButton)
|
||||||
|
|
||||||
|
sessionElement.classList.add("burgerSession")
|
||||||
|
|
||||||
|
sessionDiv.append(sessionElement)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
doStuff()
|
||||||
|
});
|
||||||
|
});
|
||||||
|
exitImportThing.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.remove("hidden")
|
||||||
|
importNotesDiv.classList.add("hidden")
|
||||||
|
});
|
||||||
|
exitSessionsThing.addEventListener("click", () => {
|
||||||
|
optionsDiv.classList.remove("hidden")
|
||||||
|
sessionManagerDiv.classList.add("hidden")
|
||||||
|
});
|
||||||
|
|
||||||
|
updateUserInfo()
|
||||||
|
|
||||||
|
function updateWordCount() {
|
||||||
|
let wordCount = noteBox.value.split(" ").length
|
||||||
|
if (wordCount === 1) {
|
||||||
|
wordCount = 0
|
||||||
|
}
|
||||||
|
wordCountBox.innerText = wordCount + " words"
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderMarkDown() {
|
||||||
|
if (markdowntoggle) {
|
||||||
|
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } body { font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectNote(nameithink) {
|
||||||
|
document.querySelectorAll(".noteButton").forEach((el) => el.classList.remove("selected"));
|
||||||
|
let thingArray = Array.from(document.querySelectorAll(".noteButton")).find(el => String(nameithink) === String(el.id));
|
||||||
|
thingArray.classList.add("selected")
|
||||||
|
|
||||||
|
fetch(remote + "/api/readnote", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey,
|
||||||
|
noteId: nameithink,
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
noteBox.readOnly = true
|
||||||
|
noteBox.value = ""
|
||||||
|
noteBox.placeholder = ""
|
||||||
|
displayError("Something went wrong... Please try again later!")
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
selectedNote = nameithink
|
||||||
|
if (/Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
||||||
|
handleGesture()
|
||||||
|
}
|
||||||
|
noteBox.readOnly = false
|
||||||
|
noteBox.placeholder = "Type something!"
|
||||||
|
|
||||||
|
async function doStuff() {
|
||||||
|
let responseData = await response.json()
|
||||||
|
|
||||||
|
let bytes = CryptoJS.AES.decrypt(responseData["content"], password);
|
||||||
|
noteBox.value = bytes.toString(CryptoJS.enc.Utf8)
|
||||||
|
updateWordCount()
|
||||||
|
renderMarkDown()
|
||||||
|
|
||||||
|
noteBox.addEventListener("input", () => {
|
||||||
|
updateWordCount()
|
||||||
|
renderMarkDown()
|
||||||
|
clearTimeout(timer);
|
||||||
|
timer = setTimeout(() => {
|
||||||
|
let encryptedTitle = "New note"
|
||||||
|
if (noteBox.value.substring(0, noteBox.value.indexOf("\n")) !== "") {
|
||||||
|
let firstTitle = noteBox.value.substring(0, noteBox.value.indexOf("\n"));
|
||||||
|
|
||||||
|
document.getElementById(nameithink).innerText = firstTitle
|
||||||
|
encryptedTitle = CryptoJS.AES.encrypt(firstTitle, password).toString();
|
||||||
|
}
|
||||||
|
let encryptedText = CryptoJS.AES.encrypt(noteBox.value, password).toString();
|
||||||
|
|
||||||
|
if (selectedNote === nameithink) {
|
||||||
|
fetch(remote + "/api/editnote", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey,
|
||||||
|
noteId: nameithink,
|
||||||
|
content: encryptedText,
|
||||||
|
title: encryptedTitle
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
if (response.status === 418) {
|
||||||
|
displayError("You've ran out of storage... Changes will not be saved until you free up storage!")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
displayError("Failed to save changes, please try again later...")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, waitTime);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
doStuff()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateNotes() {
|
||||||
|
fetch(remote + "/api/listnotes", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
async function doStuff() {
|
||||||
|
document.querySelectorAll(".noteButton").forEach((el) => el.remove());
|
||||||
|
noteBox.readOnly = true
|
||||||
|
selectedNote = 0
|
||||||
|
noteBox.placeholder = ""
|
||||||
|
noteBox.value = ""
|
||||||
|
clearTimeout(timer)
|
||||||
|
updateWordCount()
|
||||||
|
renderMarkDown()
|
||||||
|
|
||||||
|
let responseData = await response.json()
|
||||||
|
for (let i in responseData) {
|
||||||
|
let noteButton = document.createElement("button");
|
||||||
|
noteButton.classList.add("noteButton")
|
||||||
|
notesDiv.append(noteButton)
|
||||||
|
|
||||||
|
let bytes = CryptoJS.AES.decrypt(responseData[i]["title"], password);
|
||||||
|
let originalTitle = bytes.toString(CryptoJS.enc.Utf8);
|
||||||
|
|
||||||
|
noteButton.id = responseData[i]["id"]
|
||||||
|
noteButton.innerText = truncateString(originalTitle, 15)
|
||||||
|
|
||||||
|
noteButton.addEventListener("click", (event) => {
|
||||||
|
if (event.ctrlKey) {
|
||||||
|
fetch(remote + "/api/removenote", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey,
|
||||||
|
noteId: responseData[i]["id"]
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
updateNotes()
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
displayError("Something went wrong! Please try again later...")
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
selectNote(responseData[i]["id"])
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
document.querySelectorAll(".loadingStuff").forEach((el) => el.remove());
|
||||||
|
}
|
||||||
|
doStuff()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
updateNotes()
|
||||||
|
|
||||||
|
newNote.addEventListener("click", () => {
|
||||||
|
let noteName = "New note"
|
||||||
|
let encryptedName = CryptoJS.AES.encrypt(noteName, password).toString(CryptoJS.enc.Utf8);
|
||||||
|
fetch(remote + "/api/newnote", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey,
|
||||||
|
noteName: encryptedName,
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
displayError("Failed to create new note, please try again later...")
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
if (response.status !== 200) {
|
||||||
|
updateNotes()
|
||||||
|
displayError("Failed to create new note (HTTP error code " + response.status + ")")
|
||||||
|
} else {
|
||||||
|
updateNotes()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
function downloadObjectAsJson(exportObj, exportName) {
|
||||||
|
let dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(exportObj));
|
||||||
|
let downloadAnchorNode = document.createElement("a");
|
||||||
|
downloadAnchorNode.setAttribute("href", dataStr);
|
||||||
|
downloadAnchorNode.setAttribute("download", exportName + ".json");
|
||||||
|
document.body.appendChild(downloadAnchorNode);
|
||||||
|
downloadAnchorNode.click();
|
||||||
|
downloadAnchorNode.remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
function exportNotes() {
|
||||||
|
fetch(remote + "/api/exportnotes", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
async function doStuff() {
|
||||||
|
let responseData = await response.json()
|
||||||
|
for (let i in responseData) {
|
||||||
|
exportNotes.innerText = "Decrypting " + i + "/" + noteCount
|
||||||
|
|
||||||
|
let bytes = CryptoJS.AES.decrypt(responseData[i]["title"], password);
|
||||||
|
responseData[i]["title"] = bytes.toString(CryptoJS.enc.Utf8)
|
||||||
|
|
||||||
|
let bytesd = CryptoJS.AES.decrypt(responseData[i]["content"], password);
|
||||||
|
responseData[i]["content"] = bytesd.toString(CryptoJS.enc.Utf8)
|
||||||
|
}
|
||||||
|
let jsonString = JSON.parse(JSON.stringify(responseData))
|
||||||
|
downloadObjectAsJson(jsonString, "data")
|
||||||
|
optionsDiv.classList.add("hidden")
|
||||||
|
displayError("Exported notes!")
|
||||||
|
}
|
||||||
|
doStuff()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function importNotes(plaintextNotes) {
|
||||||
|
for (let i in plaintextNotes) {
|
||||||
|
let originalTitle = plaintextNotes[i]["title"];
|
||||||
|
let encryptedTitle = CryptoJS.AES.encrypt(originalTitle, password).toString();
|
||||||
|
plaintextNotes[i]["title"] = encryptedTitle;
|
||||||
|
|
||||||
|
let originalContent = plaintextNotes[i]["content"];
|
||||||
|
let encryptedContent = CryptoJS.AES.encrypt(originalContent, password).toString();
|
||||||
|
plaintextNotes[i]["content"] = encryptedContent;
|
||||||
|
}
|
||||||
|
return JSON.stringify(plaintextNotes);
|
||||||
|
}
|
||||||
|
|
||||||
|
function isFirstTimeVisitor() {
|
||||||
|
if (localStorage.getItem("FIRSTVISIT") === null) {
|
||||||
|
localStorage.setItem("FIRSTVISIT", "1")
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function firstNewVersion() {
|
||||||
|
if (localStorage.getItem("NEWVERSION") === "1.2") {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
localStorage.setItem("NEWVERSION", "1.2")
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleMarkdown() {
|
||||||
|
if (markdown.style.display === 'none') {
|
||||||
|
markdown.style.display = 'inherit';
|
||||||
|
markdowntoggle = true
|
||||||
|
renderMarkDown()
|
||||||
|
} else {
|
||||||
|
markdown.style.display = 'none';
|
||||||
|
markdowntoggle = false
|
||||||
|
markdown.srcdoc = ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
exportNotesButton.addEventListener("click", () => {
|
||||||
|
exportNotes()
|
||||||
|
});
|
||||||
|
|
||||||
|
importFile.addEventListener('change', function(e) {
|
||||||
|
let fileread = new FileReader()
|
||||||
|
fileread.addEventListener(
|
||||||
|
"load",
|
||||||
|
() => {
|
||||||
|
let decrypted = JSON.parse(fileread.result)
|
||||||
|
console.log(decrypted)
|
||||||
|
let encrypted = importNotes(decrypted)
|
||||||
|
console.log(encrypted)
|
||||||
|
},
|
||||||
|
false,
|
||||||
|
);
|
||||||
|
|
||||||
|
fileread.readAsText(importFile.files[0])
|
||||||
|
})
|
||||||
|
|
||||||
|
removeBox.addEventListener("click", () => {
|
||||||
|
if (selectedNote === 0) {
|
||||||
|
displayError("You need to select a note first!")
|
||||||
|
} else {
|
||||||
|
fetch(remote + "/api/removenote", {
|
||||||
|
method: "POST",
|
||||||
|
body: JSON.stringify({
|
||||||
|
secretKey: secretkey,
|
||||||
|
noteId: selectedNote
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json; charset=UTF-8"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
updateNotes()
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
displayError("Something went wrong! Please try again later...")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
markdown.srcdoc = "<!DOCTYPE html><html lang='en'><style>html { height: 100% } body { font-family: 'Inter', sans-serif; height: 100%; color: " + getComputedStyle(document.documentElement).getPropertyValue('--text-color') + "; font-size: " + currentFontSize + "px; }</style>" + marked.parse(noteBox.value) + "</html>"
|
||||||
|
});
|
||||||
|
|
||||||
|
if (isFirstTimeVisitor() && /Android|iPhone|iPod/i.test(navigator.userAgent)) {
|
||||||
|
displayError("To use Burgernotes:\n Swipe Right on a note to open it\n Swipe left in the text boxes to return to notes\n Click on a note to highlight it")
|
||||||
|
}
|
||||||
|
|
||||||
|
if (firstNewVersion()) {
|
||||||
|
displayError("What's new in Burgernotes 1.2-1?\nNotes now support live editing\nFixed various bugs and issues in the client")
|
||||||
|
}
|
||||||
|
|
||||||
|
//waitforedit()
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M400-80 0-480l400-400 56 57-343 343 343 343-56 57Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 175 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 222 B |
|
|
@ -1 +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>
|
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M251-160q-88 0-149.5-61.5T40-371q0-79 50.5-137.5T217-579q15-84 82-148.5T451-792q24 0 42 13.5t18 36.5v294l83-83 43 43-156 156-156-156 43-43 83 83v-289q-86 11-135 75.5T267-522h-19q-61 0-104.5 43T100-371q0 65 45 108t106 43h500q45 0 77-32t32-77q0-45-32-77t-77-32h-63v-84q0-68-33-117.5T570-718v-65q81 29 129.5 101T748-522v24q72-2 122 46t50 123q0 69-50 119t-119 50H251Zm229-347Z"/></svg>
|
||||||
|
Before Width: | Height: | Size: 249 B After Width: | Height: | Size: 497 B |
3535
static/svg/grid.svg
3535
static/svg/grid.svg
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 244 KiB |
|
|
@ -1 +1 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M290-620v-60h550v60H290Zm0 170v-60h550v60H290Zm0 170v-60h550v60H290ZM150-620q-12 0-21-9t-9-21.5q0-12.5 9-21t21.5-8.5q12.5 0 21 8.625T180-650q0 12-8.625 21T150-620Zm0 170q-12 0-21-9t-9-21.5q0-12.5 9-21t21.5-8.5q12.5 0 21 8.625T180-480q0 12-8.625 21T150-450Zm0 170q-12 0-21-9t-9-21.5q0-12.5 9-21t21.5-8.5q12.5 0 21 8.625T180-310q0 12-8.625 21T150-280Z"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M350-220h470v-137H350v137ZM140-603h150v-137H140v137Zm0 187h150v-127H140v127Zm0 196h150v-137H140v137Zm210-196h470v-127H350v127Zm0-187h470v-137H350v137ZM140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H140Z"/></svg>
|
||||||
|
Before Width: | Height: | Size: 455 B After Width: | Height: | Size: 372 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M300-200q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560ZM180-80q-24 0-42-18t-18-42v-620h60v620h500v60H180Zm209-340h50v-190h57v127h50v-127h56v190h50v-206q0-14.45-9.49-24.22Q633.03-660 619-660H422q-14.02 0-23.51 9.78Q389-640.45 389-626v206Zm-89 160v-560 560Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 445 B |
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M250-160q-86 0-148-62T40-370q0-78 49.5-137.5T217-579q20-97 94-158.5T482-799q113 0 189.5 81.5T748-522v24q72-2 122 46.5T920-329q0 69-50 119t-119 50H510q-24 0-42-18t-18-42v-258l-83 83-43-43 156-156 156 156-43 43-83-83v258h241q45 0 77-32t32-77q0-45-32-77t-77-32h-63v-84q0-89-60.5-153T478-739q-89 0-150 64t-61 153h-19q-62 0-105 43.5T100-371q0 62 43.93 106.5T250-220h140v60H250Zm230-290Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 506 B |
Reference in New Issue