mirror_html/nullboard
1
0
Fork 0
mirror of https://github.com/apankrat/nullboard.git synced 2025-01-17 04:38:27 +01:00
Code Issues Projects Releases Wiki Activity
nullboard/nullboard.html

5106 lines
101 KiB
HTML
Raw Normal View History

Initial import
2019-05-28 12:09:54 +02:00
<!doctype html>
<html>
<head>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<!--
Initial import
2019-05-28 12:09:54 +02:00
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
+-------------------------------------------------------------+
Cosmetic tweak
2019-05-28 12:42:04 +02:00
| |
| Nullboard, a minimalist kanban board |
| https://nullboard.io |
| |
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
+-------------------------------------------------------------+
Initial import
2019-05-28 12:09:54 +02:00
LICENSE
The 2-clause BSD license with the Commons Clause condition.
IN SHORT
You can use, change and distribute the software free of charge
provided that you do not sell it or make money off it in
certain less direct ways as specified below. When distributed,
the software must include a complete copy of this license.
IN FULL
The Software is provided to you by the Licensor under the
License, as defined below, subject to the following condition.
Without limiting other conditions in the License, the grant of
rights under the License will not include, and the License does
not grant to you, the right to Sell the Software.
For purposes of the foregoing, "Sell" means practicing any or
all of the rights granted to you under the License to provide
to third parties, for a fee or other consideration (including
without limitation fees for hosting or consulting/ support
services related to the Software), a product or service whose
value derives, entirely or substantially, from the functionality
of the Software. Any license notice or attribution required
by the License must also include this Commons Clause License
Condition notice.
Software: Nullboard
License: The 2-clause BSD License
Licensor: Alexander Pankratov / swapped.ch
-->
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<meta charset="utf-8">
<title>Nullboard</title>
<style>
/***/
@font-face {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-family: 'f-barlow';
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
font-weight: 400;
font-style: normal;
src: url('extras/Barlow-Regular.woff') format('woff');
}
Initial import
2019-05-28 12:09:54 +02:00
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
@font-face {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-family: 'f-barlow';
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
font-weight: 500;
font-style: normal;
src: url('extras/Barlow-Medium.woff') format('woff');
}
pretty up print'ed version
2019-06-10 13:19:05 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
/***/
@font-face {
font-family: 'f-ibm-plex';
font-weight: 400;
font-style: normal;
src: url('extras/IBMPlexSans-Regular.woff') format('woff');
}
@font-face {
font-family: 'f-ibm-plex';
font-weight: 500;
font-style: normal;
src: url('extras/IBMPlexSans-Medium.woff') format('woff');
}
/***/
@font-face {
font-family: 'f-open-sans';
font-weight: 400;
font-style: normal;
src: url('extras/OpenSans-Regular.woff') format('woff');
}
@font-face {
font-family: 'f-open-sans';
font-weight: 500;
font-style: normal;
src: url('extras/OpenSans-600.woff') format('woff');
}
/***/
@font-face {
font-family: 'f-segoe-ui';
font-weight: 400;
font-style: normal;
src: local('Segoe UI');
}
@font-face {
font-family: 'f-segoe-ui';
font-weight: 500;
font-style: normal;
src: local('Segoe UI Semibold');
}
/***/
@font-face {
font-family: 'f-maven-pro';
font-weight: 400;
font-style: normal;
src: url('extras/MavenPro-Regular.woff') format('woff');
}
@font-face {
font-family: 'f-maven-pro';
font-weight: 500;
font-style: normal;
src: url('extras/MavenPro-500.woff') format('woff');
}
/***/
html {
--ff: f-barlow, sans-serif;
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
--fs: 11; /* font-size */
--lh: calc( var(--fs) * 1.25 ); /* line-height */
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
--fs-head: 13.6; /* font-size of board heading */
--fs-nops: 9; /* font-size of the note ops */
--lw: calc(20 * var(--fs) + 30); /* .list width */
}
html, body, input, textarea {
font-family: var(--ff);
font-size: calc( var(--fs) * 1px );
line-height: calc( var(--lh) * 1px );
}
/***/
html.f-ibm-plex {
--ff: f-ibm-plex, sans-serif;
--fs: 11;
--fs-head: 12.5;
--lw: calc(20 * var(--fs) + 40); /* .list width */
}
/***/
html.f-open-sans {
--ff: f-open-sans, sans-serif;
--fs: 11;
--fs-head: 12.5;
--lw: calc(20 * var(--fs) + 50); /* .list width */
}
/***/
html.f-segoe-ui {
--ff: f-segoe-ui, sans-serif;
--fs: 11;
--fs-head: 13;
--fs-nops: 8;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
--lw: calc(22 * var(--fs) + 40); /* .list width */
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
/***/
html.f-maven-pro {
--ff: f-maven-pro, sans-serif;
--fs: 12;
--fs-head: 13;
--lw: calc(20 * var(--fs) + 47); /* .list width */
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
html, body, h1, textarea, input {
padding: 0;
margin: 0;
}
body {
background: #fff;
background: #f8f9fb;
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
/***/
Make use of Storage api
2021-03-31 18:27:33 +02:00
@keyframes shake {
33% { margin-left: -5px; }
66% { margin-left: 5px; }
100% { margin-left: 0px; }
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
a {
text-decoration: none;
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
transition: color 200ms;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
a, a:active, a:focus, textarea, input {
outline: none;
}
tt {
display: none;
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
/***/
+ list-width option
2021-04-06 19:32:46 +02:00
.ding {
animation-name: shake;
animation-duration: 200ms;
}
.no-user-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
.clearfix:after,
.board:after,
.lists:after,
.notes:after,
.head:after,
.menu:after {
content: "";
display: table;
clear: both;
}
disable user-select on <body> when dragging notes
2021-08-04 12:05:04 +02:00
/***/
body.dragging {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
.board {
adjustLayout on listWidth changes
2021-04-06 19:54:47 +02:00
min-width: calc( var(--lw) * 1px );
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
width: -moz-max-content; /* firefox */
width: -webkit-max-content; /* chrome */
width: intrinsic; /* safari */
margin: 0 auto;
padding: 20px;
+ user-select:none at .board level; based on the patch by misha98857@github
2020-04-30 18:39:43 +02:00
disable user-select on <body> when dragging notes
2021-08-04 12:05:04 +02:00
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
+ user-select:none at .board level; based on the patch by misha98857@github
2020-04-30 18:39:43 +02:00
user-select: none;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
body.crowded .board {
margin-top: 28px;
}
.board u {
text-decoration: none;
}
.board u:before {
content: '\00D7';
position: relative;
top: 2px;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(16rem / 11);
line-height: calc(10 / 17);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
font-weight: 400;
}
/***/
.board .head {
padding: 5px 0;
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
margin: 1px 5px 0;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
position: relative;
}
.board .head .text,
.board .head .edit {
font-weight: 500;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc( var(--fs-head) / 11 * 1rem );
line-height: calc( 20 / var(--fs-head) );
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
padding: 0 5px 2px;
border: none;
}
.board .head .text {
min-height: 20px;
white-space: pre;
overflow: hidden;
}
.board .head .edit {
display: none;
}
.board .head .edit::placeholder {
font-weight: 400;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(10rem / 11);
line-height: calc(22 / 10);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
text-transform: uppercase;
color: #1489db;
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
opacity: 0.8;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
.board .head.editing .text {
display: none;
}
.board .head.editing .edit {
display: block;
outline: 1px solid #8eaedd;
}
.board .menu {
position: absolute;
top: 0;
right: 0;
height: 20px;
padding: 5px 6px 7px 30px;
background: linear-gradient(to right, #EAEDF000, #EAEDF0 10px);
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
line-height: calc(20 / 11);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
.board .menu a,
.board .ops a {
color: #000000A0;
transition: color 200ms;
}
.board .menu a {
padding-left: 10px;
}
.board .menu a:hover,
.board .ops a:hover {
color: #000;
}
.board .menu a.warn:hover,
.board .ops a.warn:hover {
color: #c40;
}
.board .menu .undo-board,
.board .menu .redo-board {
display: none;
}
.board .head.editing .menu {
display: none;
}
.board > .head {
background: #EAEDF0;
padding: 5px;
margin: 0 0 10px;
border-radius: 2px;
position: relative;
}
.board > .head .menu {
margin-right: 5px;
}
/***/
.board .lists-scroller {
height: auto;
margin: -1px 0 10px;
overflow-x: auto;
overflow-y: hidden;
display: none;
}
.lists-scroller div {
height: 1px;
}
.board .lists {
white-space: nowrap;
overflow: auto;
scrollbar-width: none;
}
.board .list {
display: inline-block;
vertical-align: top;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
width: calc( var(--lw) * 1px );
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
margin: 0 5px 10px;
background: linear-gradient(#EAEDF0 30px, #DDE1E5 90px);
border-radius: 2px;
}
.board .list::-webkit-scrollbar {
display: none;
}
.board .list:first-child {
margin-left: 0;
}
.board .list:last-child {
margin-right: 0;
}
.board .list .notes {
padding: 0 5px;
}
/***/
.board .head .menu .teaser {
position: absolute;
right: 3px;
top: 5px;
padding: 0 3px;
}
.board .head .menu .bulk {
display: none;
opacity: 0;
z-index: 1;
}
.board .head .menu:hover .bulk {
display: block;
opacity: 1;
}
.board .head .menu:hover .teaser {
display: none;
}
/***/
.board .list .menu .mov-list-r.half {
padding-left: 0;
}
.board .list .menu .full {
display: none;
}
.board .list:first-child .menu .half,
.board .list:last-child .menu .half {
display: none;
}
.board .list:first-child .menu .mov-list-r.full,
.board .list:last-child .menu .mov-list-l.full {
display: inline-block;
}
.board .list:first-child:last-child .menu .half,
.board .list:first-child:last-child .menu .full {
display: none;
}
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
background: #fff;
margin-top: 5px;
box-shadow: 0 1px 2px #bbb, 0 0 1px #ddd;
position: relative;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.dragging,
.board .note.dragging.raw {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
background: #CED4DA;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
box-shadow: 0 +1px 0 #0001 inset,
0 -1px 0 #0001 inset,
+1px 0 0 #0001 inset,
-1px 0 0 #0001 inset;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.dragging * {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
opacity: 0 !important;
}
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note:last-child {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
margin-bottom: 5px;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.board .note {
padding-bottom: 6px;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .text,
.board .note .edit {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding: 5px 10px 0;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
margin-right: 15px;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
min-height: 100%;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .text {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
white-space: pre-wrap;
+ 'overflow-wrap: anywhere' for .text nodes
2020-02-20 17:32:37 +01:00
overflow-wrap: anywhere;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
min-height: calc( var(--lh) * 1px );
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
+ support for clickable links
2020-02-20 01:13:00 +01:00
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .head .text a,
.board .note .text a {
+ support for clickable links
2020-02-20 01:13:00 +01:00
color: inherit;
cursor: default;
transition: none;
}
@keyframes whoomp {
0% { color: inherit; }
30% { color: #888; }
100% { color: inherit; }
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .head .text a:hover,
.board .note .text a:hover {
+ support for clickable links
2020-02-20 01:13:00 +01:00
animation-name: whoomp;
animation-duration: 700ms;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.reveal .board .head .text a,
.reveal .board .note .text a {
+ support for clickable links
2020-02-20 01:13:00 +01:00
color: #1489db;
cursor: pointer;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.reveal .board .head .text a:hover,
.reveal .board .note .text a:hover {
+ support for clickable links
2020-02-20 01:13:00 +01:00
animation-name: none;
}
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .edit {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
border: none;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.editing {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
box-shadow: none;
outline: 1px solid #8eaedd;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.editing .text {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.editing .edit {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: block;
resize: none;
}
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
position: absolute;
top: 0;
right: 0;
opacity: 0;
transition: opacity 400ms;
cursor: default;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(9rem / 11);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.editing .ops {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note:hover .ops {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
opacity: 1;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops .teaser {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: block;
margin-top: 2px;
margin-right: 1px;
padding-right: 3px;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops .teaser:before {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
content: '\2261';
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops .bulk {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
background: #fff;
border-left: none;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding: 1px 0 2px 5px;
font-size: calc( var(--fs-nops) * 1px );
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
font-weight: 500;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops .bulk a {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
padding-right: 4px;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops:hover .bulk {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: block;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note .ops:hover .teaser {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
}
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.raw {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
background: transparent;
box-shadow: none;
font-weight: 500;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.raw.editing {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
background: #fff;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.raw .text {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
/***/
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.collapsed {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding-bottom: 6px;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.board .note.collapsed .text,
.note-dragster.collapsed .text {
max-height: calc( var(--lh) * 1px );
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
overflow: hidden;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding-bottom: 0;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.collapsed .ops {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
opacity: 1;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.collapsed .ops .teaser {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
padding: 1px 3px 0 1px;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.collapsed .ops .teaser:before {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
content: '_';
top: 1px;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.collapsed:hover .ops .teaser:before {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
content: '\2261';
}
/***/
+ board reordering in the index
2021-04-02 01:59:34 +02:00
.note-dragster {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
z-index: 2;
position: absolute;
opacity: 0;
background: #fff;
white-space: pre-wrap;
cursor: move;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding: 5px 25px 6px 10px;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
box-shadow: 0 +1px 0 #ACB4BC inset,
0 -1px 0 #ACB4BC inset,
+1px 0 0 #ACB4BC inset,
-1px 0 0 #ACB4BC inset,
0px 1px 3px #00000030;
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
.note-dragster a {
+ support for clickable links
2020-02-20 01:13:00 +01:00
color: #000;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
.logo {
position: absolute;
top: 9px;
left: 9px;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
line-height: calc(19 / 11);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
padding: 6px 12px;
z-index: 3;
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
opacity: 0.6;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
background: #f8f9fb;
}
body.crowded .logo:hover {
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.logo:hover {
opacity: 1.0;
}
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
.logo .alert {
display: none;
font-style: normal;
margin-left: 5px;
color: #d20;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
.logo .bulk {
overflow: hidden;
height: 0;
opacity: 0;
transition: opacity 400ms;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding-top: 1px;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
.logo:hover .bulk {
height: auto;
opacity: 1;
}
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
.logo a.site,
.logo .bulk a {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
color: #000;
}
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
.logo .bulk a:hover {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
color: #1489db;
}
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
.logo .bulk a {
display: block;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
.logo .bulk a:before {
display: inline-block;
content: '-';
width: 11px;
}
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
/***/
.logo.updated {
opacity: 1;
}
.logo.updated .alert {
display: inline-block;
}
.logo.updated .bulk .view-changes {
color: #d20;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
.config {
position: absolute;
top: 10px;
right: 21px;
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
line-height: calc(19 / 11);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
z-index: 3;
background: #f8f9fb;
}
cosmetic tweaks
2021-04-08 13:24:35 +02:00
.crowded .config:hover,
.crowded.adjusting .config {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.config a {
display: block;
color: #000;
transition: color 200ms;
}
.config a:hover {
color: #1489db;
}
.config .teaser {
padding: 5px;
color: #999;
further work on backups
2021-04-14 13:54:03 +02:00
position: relative;
}
further work on backups
2021-04-14 17:00:49 +02:00
.config .teaser i {
/* backups off */
font-style: normal;
}
further work on backups
2021-04-14 13:54:03 +02:00
.config .teaser u {
further work on backups
2021-04-14 17:00:49 +02:00
/* backups on */
further work on backups
2021-04-14 13:54:03 +02:00
display: none;
text-decoration: none;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
.config .bulk {
margin-right: 20px;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
padding: 5px 0 0 22px;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
transition: opacity 400ms;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .boards {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
padding: 6px 2px;
margin: 6px -2px;
border-top: 1px solid #00000028;
border-bottom: 1px solid #00000028;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .boards a.load-board {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: block;
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
padding-left: 5px;
margin-left: -5px;
transition: none;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .boards a.load-board.active {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
color: #1489db;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .boards a.load-board.active:before {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
content: '\2022 ';
display: inline-block;
width: 13px;
margin-left: -13px;
}
being picky about quotes and tabs add quotes where missing, use hard tabs, fix other indentations things
2020-01-30 11:19:37 -05:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .boards a.load-board.active:hover {
+ board reordering in the index
2021-04-02 01:59:34 +02:00
color: #000;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .boards a.load-board.dragging {
+ board reordering in the index
2021-04-02 01:59:34 +02:00
background: #DDE1E5;
border-radius: 2px;
color: transparent;
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
transition: none;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
box-shadow: 0 0 1px #0002 inset;
+ board reordering in the index
2021-04-02 01:59:34 +02:00
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
.config .bulk .boards a.load-board.dragging.active:before {
content: '';
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
.load-dragster {
z-index: 10;
position: absolute;
opacity: 0;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
line-height: calc(19 / 11);
+ board reordering in the index
2021-04-02 01:59:34 +02:00
padding-left: 5px;
background: #fff;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
color: #000;
+ board reordering in the index
2021-04-02 01:59:34 +02:00
border-radius: 2px;
cursor: move;
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
outline: 1px solid #ACB4BC;
box-shadow: 0px 1px 3px #00000030;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
.config .bulk a i,
.config .bulk a b {
font-style: normal;
font-weight: inherit;
}
.config .bulk a i {
display: none;
}
further work on backups
2021-04-14 13:54:03 +02:00
.config .bulk .break {
padding: 6px 2px 0;
margin: 6px -2px 0;
border-top: 1px solid #00000028;
}
/***/
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
.config .bulk input.imp-board-select {
position: absolute;
width: 1px;
height: 1px;
visibility: hidden;
}
further work on backups
2021-04-14 13:54:03 +02:00
/***/
further work on backups
2021-04-14 17:00:49 +02:00
.config.backups-on .teaser i {
display: none;
}
further work on backups
2021-04-14 13:54:03 +02:00
.config.backups-on .teaser u {
display: inline-block;
font-size: calc(8rem / 11);
color: #555;
}
further work on backups
2021-04-14 17:00:49 +02:00
.config.backups-on.backing-up .teaser u {
further work on backups
2021-04-14 13:54:03 +02:00
opacity: 0.4;
}
.config.backups-on .bulk .auto-backup:before {
content: '\2713 ';
display: inline-block;
width: 15px;
margin-left: -15px;
}
/***/
further work on backups
2021-04-14 17:00:49 +02:00
.config.backups-on.backup-err .teaser i {
display: inline-block;
further work on backups
2021-04-14 13:54:03 +02:00
}
.config.backups-on.backup-err .teaser u {
display: inline-block;
position: absolute;
width: 4px;
height: 4px;
border-radius: 10px;
top: 13px;
right: -4px;
background: #d20;
further work on backups
2021-04-14 17:00:49 +02:00
color: transparent;
further work on backups
2021-04-14 13:54:03 +02:00
}
.config.backups-on.backup-err .bulk .auto-backup {
color: #d20;
}
.config.backups-on.backup-err .bulk .auto-backup:before {
content: '! ';
color: #d20;
width: 13px;
margin-left: -13px;
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
/***/
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .section .title {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
text-align: center;
width: 0;
display: inline-block;
white-space: pre;
ui preferences now open on click
2021-04-06 16:51:20 +02:00
transition: width 250ms, padding 250ms;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
make 'UI preferences' a link
2021-04-06 20:21:08 +02:00
.config .bulk .section .title u {
text-decoration: none;
ui preferences now open on click
2021-04-06 16:51:20 +02:00
transition: opacity 100ms;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .section .details {
height: 0;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
opacity: 0;
transition: opacity 250ms;
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
padding-right: 8px;
margin-right: -8px;
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
/***/
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .section.open {
padding-bottom: 8px;
border-bottom: 1px solid #00000028;
}
adjustLayout on listWidth changes
2021-04-06 19:54:47 +02:00
.crowded .config .bulk .section.open {
border-bottom: none;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .section.open .title {
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
width: 100%;
font-weight: 500;
ui preferences now open on click
2021-04-06 16:51:20 +02:00
padding-left: 5px;
transition: width 250ms, padding 250ms;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
make 'UI preferences' a link
2021-04-06 20:21:08 +02:00
.config .bulk .section.open .title u {
ui preferences now open on click
2021-04-06 16:51:20 +02:00
opacity: 0;
transition: opacity 100ms;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .section.open .details {
height: 100%;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
opacity: 1;
transition: opacity 250ms;
}
/***/
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs table {
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
width: 10px; /* mobile safari */
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
padding: 0;
margin: 0;
border-collapse: collapse;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs td {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
margin: 0;
padding: 0 0 0 5px;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs td.name {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
width: 100%;
white-space: pre;
padding-left: 0;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs tr td.val {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
text-align: center;
}
rework fs/lh overrides
2021-04-06 18:37:26 +02:00
.fs-set .config .bulk .ui-prefs .f-prefs tr.ui-fs td.val,
+ list-width option
2021-04-06 19:32:46 +02:00
.lh-set .config .bulk .ui-prefs .f-prefs tr.ui-lh td.val,
.lw-set .config .bulk .ui-prefs .f-prefs tr.ui-lw td.val {
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
color: #1489db;
cursor: pointer;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs a {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
display: inline-block;
padding: 0 2px;
transition: padding 250ms;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs a.less:hover {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
padding: 0 4px 0 0;
transition: padding 250ms;
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .f-prefs a.more:hover {
padding: 0 0 0 4px;
transition: padding 250ms;
}
.config .bulk .ui-prefs .f-prefs a.more:hover {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
padding: 0 0 0 4px;
transition: padding 250ms;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
/***/
ui preferences now open on click
2021-04-06 16:51:20 +02:00
.config .bulk .ui-prefs .switch-font.active:before {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
content: '\2022 ';
display: inline-block;
width: 13px;
margin-left: -13px;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
.config .bulk {
display: none;
opacity: 0;
}
cosmetic tweaks
2021-04-08 13:24:35 +02:00
.config:hover .teaser,
.adjusting .config .teaser {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: none;
}
cosmetic tweaks
2021-04-08 13:24:35 +02:00
.config:hover .bulk,
.adjusting .config .bulk {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: block;
opacity: 1;
}
add varAdjust
2021-04-07 18:51:52 +02:00
/***/
.adjusting * {
cursor: row-resize !important;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
/***/
.overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
fix about/license text color in dark mode
2020-02-19 12:46:15 +01:00
color: #000;
further work on backup ui
2021-04-18 13:55:59 +02:00
display: none; /* flex */
justify-content: center;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(12rem / 11);
line-height: calc(16 / 12);
further work on backup ui
2021-04-18 13:55:59 +02:00
background: #fff;
align-self: start;
margin-top: 100px;
border-radius: 1px;
box-shadow: 0 2px 6px #000;
}
/***/
.overlay > div.license {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
white-space: pre-wrap;
padding: 20px 25px 22px;
overflow-y: auto;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
width: calc( (var(--fs) * 36 + 6) * 1px ); /* 402px, 476px */
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.license a {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
color: #1489db;
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.license span {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: inline-block;
padding-right: 8px;
}
/***/
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.about {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
text-align: center;
further work on backup ui
2021-04-18 13:55:59 +02:00
padding: 50px 50px;
fix version # display in About
2021-08-04 12:44:59 +02:00
position: relative;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.about h1 {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(15rem / 11);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
font-weight: 500;
margin-bottom: 10px;
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.about a {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: block;
color: #1489db;
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.about div {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
position: absolute;
bottom: -30px;
fix version # display in About
2021-08-04 12:44:59 +02:00
left: 0;
width: 100%;
color: #fff9;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay > div.about div span {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
display: inline-block;
text-align: left;
padding-right: 10px;
}
/***/
further work on backup ui
2021-04-18 13:55:59 +02:00
.overlay .backup-conf {
padding: 20px 40px;
min-width: 300px;
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
position: relative;
}
.overlay .backup-conf .close {
position: absolute;
top: 0px;
right: 12px;
font-size: calc(22rem / 11);
color: #000;
opacity: 0.3;
transition: opacity 300ms;
}
.overlay .backup-conf .close:hover {
opacity: 1;
transition: opacity 300ms;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
.overlay .backup-conf h3 {
font-size: calc(15rem / 11);
font-weight: 500;
text-align: center;
margin: 20px 0 0 0;
}
.overlay .backup-conf .what {
display: block;
text-align: center;
border-bottom: 1px solid #888;
margin: 0 -10px 20px;
padding: 0 10px 30px;
}
.overlay .backup-conf .what a {
color: #1489db;
}
.overlay .backup-conf .opt {
margin-top: 5px;
}
.overlay .backup-conf .opt:before {
--col: #333;
content: ' ';
display: inline-block;
margin-top: -1px;
display: inline-block;
content: ' ';
width: calc(9rem / 11);
height: calc(9rem / 11);
margin-right: 8px;
position: relative;
top: 1px;
background: var(--col);
border: 1px solid var(--col);
border-radius: 1px;
box-shadow: 0 2px 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset, -2px 0 0 #fff inset;
}
.overlay .backup-conf .opt:hover:before {
--col: #1489db;
}
.overlay .backup-conf .off .opt:before {
background: #fff;
}
.overlay .backup-conf .opt:hover {
color: #1489db;
}
.overlay .backup-conf .opt {
cursor: pointer;
}
.overlay .backup-conf .etc {
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
margin-top: 3px;
further work on backup ui
2021-04-18 13:55:59 +02:00
margin-bottom: 10px;
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
margin-left: calc( 9rem / 22 );
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
padding: 2px 0 0 14px;
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
border-left: 1px solid #888;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
.overlay .backup-conf .off .etc {
display: none;
}
.overlay .backup-conf .etc span {
display: inline-block;
min-width: calc( 3px + var(--fs) * 7px );
margin-right: calc( var(--fs) * 1px );
}
.overlay .backup-conf .etc input {
display: inline-block;
width: 170px;
padding: 0 5px;
line-height: calc(20 / 11);
margin-bottom: 3px;
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
border: 1px solid #ccc;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
.overlay .backup-conf .etc input:focus {
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
border-bottom: 1px solid #888;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
.overlay .backup-conf .etc input::placeholder {
font-weight: 400;
font-size: calc(10rem / 11);
line-height: calc(20 / 10);
text-transform: uppercase;
color: #000;
opacity: 0.4;
}
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
.overlay .backup-conf .etc .status {
further work on backup ui
2021-04-18 13:55:59 +02:00
display: none;
margin: 0;
}
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
.overlay .backup-conf .etc .status input {
color: #222;
background: #0000000E;
border: 1px solid transparent;
}
.overlay .backup-conf .etc .status.error input {
color: #d20;
background: #dd220018;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
.overlay .backup-conf .save {
display: block;
text-align: center;
margin: 20px -10px 5px;
padding: 20px 10px 0;
border-top: 1px solid #888;
word-spacing: 30px;
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
position: relative;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
.overlay .backup-conf .save a {
color: #1489db;
}
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
.overlay .backup-conf.off .save .check {
color: #aaa;
pointer-events: none;
cursor: default;
}
further work on backup ui
2021-04-18 13:55:59 +02:00
/***/
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
@media print {
.logo, .config,
.board .head .teaser,
.list .head .teaser {
visibility: hidden;
display: none;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
box-shadow: none;
outline: 1px solid #ccc;
}
fix disappearing list/board titles, add support for links in the same
2020-02-20 23:37:13 +01:00
.board .note.raw {
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
outline: none;
}
}
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
/*
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
* Dark mode
*/
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
.theme-dark body {
background: #09090A;
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #d6d6d6;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .head {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: #17171a;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
/***/
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .menu {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: linear-gradient(to right, #17171a00, #17171a 10px);
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .menu a {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #aaa;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .menu a:hover {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #fc4;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .menu a.warn:hover,
.theme-dark .board .ops a.warn:hover {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #fc5555 !important;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
text-shadow: 0 0 1px #fc555544;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .head {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #eee;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .head .edit::placeholder {
+ dark mode style for .board .head .edit:placeholder
2020-02-19 12:42:00 +01:00
color: #bf9d21;
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
.theme-dark .board > .head {
box-shadow: 0 0 2px #fff1 inset;
}
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
/***/
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .list {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: #17171a;
box-shadow: 0 0 2px #fff1 inset;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: linear-gradient(#242426, #202022);
box-shadow: 0 1px 3px #000a;
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
text-shadow: 0 0 4px #0008;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
.theme-dark .reveal .board .head .text a,
.theme-dark .reveal .board .note .text a {
+ support for clickable links
2020-02-20 01:13:00 +01:00
color: #fc0;
}
@keyframes whoomp-dark {
0% { color: inherit; }
30% { color: #fff; }
100% { color: inherit; }
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .head .text a:hover,
.theme-dark .board .note .text a:hover {
+ support for clickable links
2020-02-20 01:13:00 +01:00
animation-name: whoomp-dark;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note.raw {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
background: transparent;
fix raw note background "raw" notes had the same background color as normal notes. adjusted them to the list background color to fit the light theme style
2020-02-14 08:19:49 -05:00
box-shadow: none;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note.raw .text {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #eee;
text-shadow: 0 0 4px #0008;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note .ops .teaser {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #ccc;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note .ops .bulk {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: #202022;
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
border-left: 1px solid #111;
border-bottom: 1px solid #111;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note.raw .ops .bulk {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
border: none;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note .ops .bulk a {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #ccc;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note .ops .bulk a:hover {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #fc2;
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
/***/
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note.dragging,
.theme-dark .board .note.dragging.raw {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: #09090A;
outline: 1px solid #fff2;
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
.theme-dark .note-dragster {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
box-shadow: 0px 1px 4px #000;
background: linear-gradient(#242426, #202022);
outline: 1px solid #fc28;
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
.theme-dark .note-dragster a {
+ support for clickable links
2020-02-20 01:13:00 +01:00
color: #d6d6d6;
}
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
/***/
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
.theme-dark .wrap textarea,
.theme-dark .wrap input {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
background: #111315;
color: #eee;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .head.editing .edit {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
outline: 1px solid #bc9908;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .board .note.editing {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
background: #111315;
outline: 1px solid #bc9908;
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
/***/
.theme-dark .logo a {
color: #ccc;
}
.theme-dark .logo,
.theme-dark.crowded .logo:hover {
background: #09090A;
}
.theme-dark .logo a:hover {
color: #fc2;
}
.theme-dark .logo > a:hover {
color: #fff;
}
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
/***/
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.theme-dark .config,
.theme-dark.crowded .config:hover {
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
background: #09090A !important;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .config a {
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
color: #ddd;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .config a:hover {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #fc2;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.theme-dark .config .bulk .boards {
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
border-top: 1px solid #fff2;
border-bottom: 1px solid #fff2;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.theme-dark .config .bulk .boards a.load-board.active {
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
color: #fc2;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.theme-dark .config .bulk .boards a.load-board.active:hover {
+ board reordering in the index
2021-04-02 01:59:34 +02:00
color: #ddd;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.theme-dark .config .bulk .break {
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
border-top: 1px solid #fff2;
}
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
.theme-dark.fs-set .config .bulk .ui-prefs .f-prefs tr.ui-fs td.val,
.theme-dark.lh-set .config .bulk .ui-prefs .f-prefs tr.ui-lh td.val,
.theme-dark.lw-set .config .bulk .ui-prefs .f-prefs tr.ui-lw td.val {
ui preferences now open on click
2021-04-06 16:51:20 +02:00
color: #fc2;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .config a.switch-theme i {
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
display: inline;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark .config a.switch-theme b {
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
display: none;
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
/***/
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
.theme-dark .config .bulk .boards .load-board.dragging,
.theme-dark .config .bulk .boards .load-board.active.dragging {
background: #fff2;
color: transparent;
+ board reordering in the index
2021-04-02 01:59:34 +02:00
}
.theme-dark .load-dragster {
add varAdjust
2021-04-07 18:51:52 +02:00
background: #09090A;
+ board reordering in the index
2021-04-02 01:59:34 +02:00
box-shadow: 0px 2px 4px #000;
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
outline: 1px solid #fc2a;
color: #ddd;
revamp theme switcher reimplement dark mode switcher into a CSS-based version (suggestion credit to @apankrat )
2020-02-12 09:08:28 -05:00
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
</style>
</head>
Initial import
2019-05-28 12:09:54 +02:00
<body>
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
<div class="logo">
<a class=site href=https://nullboard.io>Nullboard</a>
<i class=alert></i>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=bulk>
<a href=# class=view-about>About</a>
<a href=# class=view-license>License</a>
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
<a href=https://nullboard.io/changes target=_blank class=view-changes>Changes</a>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<a href=https://nullboard.io/github target=_blank>Github</a>
<a href=https://nullboard.io/twitter target=_blank>Twitter</a>
</div>
</div>
Initial import
2019-05-28 12:09:54 +02:00
ui preferences now open on click
2021-04-06 16:51:20 +02:00
<div class='config no-user-select'>
further work on backups
2021-04-14 17:00:49 +02:00
<a href=# class=teaser><i>&equiv;</i><u>&#x2714;</u></a>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=bulk>
<a href=# class=add-board>Add new board...</a>
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
<div class=boards draggable=false>
Initial import
2019-05-28 12:09:54 +02:00
<!-- here'll be boards -->
</div>
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
+ exportBoard()
2021-03-31 20:20:49 +02:00
<a href=# class=exp-board>Export current board...</a>
cosmetics
2021-03-31 20:49:29 +02:00
<a href=# class=imp-board>Import boards...</a>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<input class=imp-board-select type="file" accept=".nbx">
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
further work on backups
2021-04-14 13:54:03 +02:00
<a href=# class=auto-backup>Auto-backup...</a>
ui preferences now open on click
2021-04-06 16:51:20 +02:00
<div class="section ui-prefs break">
make 'UI preferences' a link
2021-04-06 20:21:08 +02:00
<a href=# class=title>UI preferences<u>...</u></a>
ui preferences now open on click
2021-04-06 16:51:20 +02:00
<div class=details>
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
<a href="#" class="switch-font active break" font="barlow">Use Barlow</a>
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
<a href="#" class="switch-font" font="ibm-plex">Use IBM Plex Sans</a>
<a href="#" class="switch-font" font="open-sans">Use Open Sans</a>
<a href="#" class="switch-font" font="segoe-ui">Use Segoe UI</a>
<a href="#" class="switch-font" font="maven-pro">Use Maven Pro</a>
ui preferences now open on click
2021-04-06 16:51:20 +02:00
<div class='f-prefs break'>
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
<table>
+ list-width option
2021-04-06 19:32:46 +02:00
<tr class='ui-fs'><td class=name>Font size:</td> <td><a href=# class=less>&lt;</a></td><td class=val></td><td><a href=# class=more>&gt;</a></td></tr>
<tr class='ui-lh'><td class=name>Line height:</td><td><a href=# class=less>&lt;</a></td><td class=val></td><td><a href=# class=more>&gt;</a></td></tr>
<tr class='ui-lw'><td class=name>List width:</td> <td><a href=# class=less>&lt;</a></td><td class=val></td><td><a href=# class=more>&gt;</a></td></tr>
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
</table>
</div>
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
<a href="#" class="switch-theme break">Use <i>light</i><b>dark</b> theme</a>
</div>
</div>
Initial import
2019-05-28 12:09:54 +02:00
</div>
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
</div>
Initial import
2019-05-28 12:09:54 +02:00
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=wrap>
Initial import
2019-05-28 12:09:54 +02:00
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=overlay>
Initial import
2019-05-28 12:09:54 +02:00
</div>
<tt>
<!-- templates -->
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=board>
<div class=head>
<div class=text></div>
<input class=edit spellcheck=false placeholder='Name of the board'>
<div class=menu>
<a href=# class=teaser>&equiv;</a>
<div class=bulk>
<a href=# class='del-board warn'><u></u> Board</a>
<a href=# class='undo-board'>Undo</a>
<a href=# class='redo-board'>Redo</a>
<a href=# class='add-list'>+ List</a>
Initial import
2019-05-28 12:09:54 +02:00
</div>
</div>
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=lists-scroller><div></div></div>
<div class=lists>
Initial import
2019-05-28 12:09:54 +02:00
</div>
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=list>
<div class=head>
<div class=text></div>
<input class=edit spellcheck=false placeholder='Name of the list'>
<div class=menu>
<a href=# class=teaser>&equiv;</a>
<div class=bulk>
<a href=# class='del-list warn'><u></u> List</a>
<a href=# class='mov-list-l full'>&lt; Move</a>
<a href=# class='mov-list-l half'>&lt; Mo</a><a href=# class='mov-list-r half'>ve &gt;</a>
<a href=# class='mov-list-r full'>Move &gt;</a>
<a href=# class='add-note'>+ Note</a>
Initial import
2019-05-28 12:09:54 +02:00
</div>
</div>
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=notes>
Initial import
2019-05-28 12:09:54 +02:00
</div>
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=note>
<div class=ops>
<a href=# class=teaser></a>
<div class=bulk>
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
<a href=# class='del-note warn'>X</a>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<a href=# class='raw-note'>R</a>
<a href=# class='collapse'>_</a>
Initial import
2019-05-28 12:09:54 +02:00
</div>
</div>
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
<div class=text> </div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<textarea class=edit spellcheck=false></textarea>
Initial import
2019-05-28 12:09:54 +02:00
</div>
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
<a href=# class=load-board></a>
Initial import
2019-05-28 12:09:54 +02:00
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<textarea class=encoder></textarea>
Initial import
2019-05-28 12:09:54 +02:00
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=about>
Initial import
2019-05-28 12:09:54 +02:00
<h1>Nullboard</h1>
Minimalist locally-stored kanban board
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<a href=https://nullboard.io target=_blank>https://nullboard.io</a>
Initial import
2019-05-28 12:09:54 +02:00
<div></div>
</div>
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
<div class=license>
Initial import
2019-05-28 12:09:54 +02:00
</div>
further work on backup ui
2021-04-18 13:55:59 +02:00
<div class=backup-conf>
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
<a href=# class=close>&times;</a>
further work on backup ui
2021-04-18 13:55:59 +02:00
<h3>Auto-backup</h3>
<div class=what>
<a href=https://nullboard.io/backups target=_blank>What is this?</a>
</div>
<div class=loc>
<div class=opt>Local backup</div>
<div class=etc>
<span>Access token</span> <input class=auth placeholder="required"><br>
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
<p class=status><span>Status</span> <input disabled></p>
further work on backup ui
2021-04-18 13:55:59 +02:00
</div>
</div>
<div class=rem>
<div class=opt>Remote backup</div>
<div class=etc>
<span>URL</span> <input class=base placeholder="API entry point"><br>
<span>Access token</span> <input class=auth placeholder="required"><br>
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
<p class=status><span>Status</span> <input disabled></p>
further work on backup ui
2021-04-18 13:55:59 +02:00
</div>
</div>
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
<div class=save><a href=# class=check>Check...</a> <a href=# class=ok>Save</a></div>
further work on backup ui
2021-04-18 13:55:59 +02:00
</div>
Initial import
2019-05-28 12:09:54 +02:00
</tt>
</body>
switch to jquery 3.3.1
2021-03-29 10:09:46 +02:00
<script src="extras/jquery-3.3.1.min.js"></script>
<script>window.jQuery || document.write('<script src="https://code.jquery.com/jquery-3.3.1.min.js">\x3C/script>')</script>
Make use of Storage api
2021-03-31 18:27:33 +02:00
add varAdjust
2021-04-07 18:51:52 +02:00
<script type="text/javascript">
Number.prototype.clamp = function(min, max)
{
return Math.min(Math.max(this, min), max);
};
</script>
Initial import
2019-05-28 12:09:54 +02:00
<script type="text/javascript">
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function AppConfig()
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
further work on backup ui
2021-04-18 13:55:59 +02:00
this.verLast = null; // last used codeVersion
this.verSeen = null; // latest codeVersion they saw the changelog for
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
further work on backup ui
2021-04-18 13:55:59 +02:00
this.maxUndo = 50; // board revisions to keep
this.fontName = null; // font-family
this.fontSize = null; // font-size
this.lineHeight = null; // line-height
this.listWidth = null; // list-width
this.theme = null; // default or 'dark'
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
add support for marking up local (file) links with
2021-08-04 12:40:53 +02:00
this.fileLinks = false; // mark up `foo` as <a href=file:///foo>...</a>
further work on backup ui
2021-04-18 13:55:59 +02:00
this.board = null; // active board
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.backups =
{
agents : [ ], // [ { type, id, enabled, conf } ];
nextId : 1
};
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
+ runPendingBackups
2021-04-25 20:33:33 +02:00
this.backupStatus = { }; // agentId => [ 'conf' ]
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function BoardMeta()
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.title = '';
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
this.current = 1; // revision
this.ui_spot = 0; // 0 = not set
this.history = [ ]; // revision IDs
+ runPendingBackups
2021-04-25 20:33:33 +02:00
this.backupStatus = { }; // agentId => [ what's backed up ]
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
class Storage
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
get rid of 'class fields'
2021-03-31 22:12:53 +02:00
constructor()
{
this.type = '?';
redo Drag class
2021-04-01 19:12:43 +02:00
this.conf = new AppConfig();
get rid of 'class fields'
2021-03-31 22:12:53 +02:00
this.boardIndex = new Map();
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.backups =
{
status : '', // '', 'ok', 'busy', 'failed'
agents : [ ], // BackupStorage instances
};
get rid of 'class fields'
2021-03-31 22:12:53 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
open()
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
return this.openInner();
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
wipe()
{
return this.wipeInner();
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
getConfig()
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
return this.conf;
Initial import
2019-05-28 12:09:54 +02:00
}
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
setVerLast()
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
if (this.conf.verLast == NB.codeVersion)
return true;
this.conf.verLast = NB.codeVersion;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
}
setVerSeen(ver)
{
this.conf.verSeen = ver || NB.codeVersion;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
setActiveBoard(board_id)
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
console.log('setActiveBoard [' + this.conf.board + '] -> [' + board_id + ']');
Make use of Storage api
2021-03-31 18:27:33 +02:00
var meta = board_id ? this.boardIndex.get(board_id) : true;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
throw `Invalid board_id in setActiveBoard(... ${board_id})`;
Initial import
2019-05-28 12:09:54 +02:00
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
if (this.conf.board == board_id)
return true;
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.conf.board = board_id;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setTheme(theme)
{
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
if (this.conf.theme == theme) return;
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.conf.theme = theme;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
+ support for clickable links
2020-02-20 01:13:00 +01:00
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
setFontName(fname)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
if (this.conf.fontName == fname) return;
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.fontName = fname;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
+ support for clickable links
2020-02-20 01:13:00 +01:00
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
setFontSize(fs)
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
{
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
if (this.conf.fontSize == fs) return;
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.fontSize = fs;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
setLineHeight(lh)
{
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
if (this.conf.lineHeight == lh) return;
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.lineHeight = lh;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
ui preferences now open on click
2021-04-06 16:51:20 +02:00
}
+ list-width option
2021-04-06 19:32:46 +02:00
setListWidth(lw)
{
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
if (this.conf.listWidth == lw) return;
+ list-width option
2021-04-06 19:32:46 +02:00
this.conf.listWidth = lw;
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
return this.saveConfig();
}
saveConfig()
{
further work on backups
2021-04-14 13:54:03 +02:00
this.backupConfig();
+ list-width option
2021-04-06 19:32:46 +02:00
return this.setJson('config', this.conf);
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
getBoardIndex()
{
return this.boardIndex;
}
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
saveBoard(board)
{
/*
* 1. assign new revision (next unused)
* 2. trim all in-between revisions bypassed by undos if any
* 3. cap history as per config
*/
var meta = this.boardIndex.get(board.id);
var ok_data, ok_meta;
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
delete board.history; // remove temporarily
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
{
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
board.revision = 1;
ok_data = this.setJson('board.' + board.id + '.' + board.revision, board);
Make use of Storage api
2021-03-31 18:27:33 +02:00
meta = new BoardMeta();
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
meta.title = board.title || '(Untitled board)';
meta.current = board.revision;
meta.history = [ board.revision ];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.boardIndex.set(board.id, meta);
}
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
else
{
var rev_old = board.revision;
var rev_new = meta.history[0] + 1;
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
board.revision = rev_new;
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
ok_data = this.setJson('board.' + board.id + '.' + board.revision, board);
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
meta.title = board.title || '(Untitled board)';
meta.current = board.revision;
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
// trim revisions skipped over with undo and cap the revision count
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
var rebuild = [ board.revision ];
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
for (var rev of meta.history)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
if ( (rev_old < rev && rev < rev_new) || (rebuild.length >= this.conf.maxUndo) )
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
{
this.delItem('board.' + board.id + '.' + rev);
console.log( `Deleted revision ${rev} of ${board.id} (${board.title})` );
}
else
{
rebuild.push(rev);
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
meta.history = rebuild;
}
Initial import
2019-05-28 12:09:54 +02:00
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
/*
* save meta
*/
save a bit extra info to support older versions
2021-04-02 12:37:26 +02:00
ok_meta = this.setJson('board.' + board.id + '.meta', meta) &&
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
this.setJson('board.' + board.id, meta.current); // for older versions
Initial import
2019-05-28 12:09:54 +02:00
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
/*
* run backups
*/
if (ok_meta && ok_data)
further work on backups
2021-04-14 13:54:03 +02:00
this.backupBoard(board.id, board, meta)
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
board.history = meta.history; // restore
console.log( `Saved revision ${board.revision} of ${board.id} (${board.title}), ok = ${ok_data} | ${ok_meta}` );
return ok_data && ok_meta;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
loadBoard(board_id, revision)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
var meta = this.boardIndex.get(board_id);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
throw `Invalid board_id in loadBoard(${board_id}, ${revision})`;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (revision == null)
revision = meta.current;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta.history.includes(revision))
throw `Invalid revision in loadBoard(${board_id}, ${revision})`;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var board = this.getJson('board.' + board_id + '.' + revision);
if (! board)
return false;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
if (board.format != NB.blobVersion)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
console.log('Board ' + board_id + '/' + revision + ' format is unsupported');
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
console.log('Have [' + board.format + '], need [' + NB.blobVersion);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (board.revision != revision)
{
console.log('Board ' + board_id + '/' + revision + ' revision is wrong');
console.log('Have [' + board.revision + ']');
return false;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
board.history = meta.history;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
console.log( `Loaded revision ${board.revision} of ${board.id} (${board.title})` );
return Object.assign(new Board(), board);
Initial import
2019-05-28 12:09:54 +02:00
}
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
nukeBoard(board_id)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
var meta = this.boardIndex.get(board_id);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
throw `Invalid board_id in nukeBoard(${board.id})`;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var title = meta.title + '';
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
for (var rev of meta.history)
this.delItem('board.' + board_id + '.' + rev);
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
this.delItem('board.' + board_id + '.meta');
this.boardIndex.delete(board_id);
reshuffle code a bit
2021-03-30 10:18:01 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.backups.agents.forEach(function(store){
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
store.nukeBoard(board_id);
});
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
console.log( `Deleted board ${board_id} (${title})` );
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
getBoardHistory(board_id)
{
var meta = this.boardIndex.get(board_id);
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
throw `Invalid board_id in getBoardHistory(${board_id})`;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return meta.history;
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setBoardRevision(board_id, revision)
{
var meta = this.boardIndex.get(board_id);
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
throw `Invalid board_id in setBoardRevision(${board_id}, ${revision})`;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta.history.includes(revision))
throw `Invalid revision in setBoardRevision(${board_id}, ${revision})`;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (meta.current == revision) // wth
return true;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
meta.current = revision;
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
this.backupBoard(board_id, null, meta);
further work on backups
2021-04-14 13:54:03 +02:00
save a bit extra info to support older versions
2021-04-02 12:37:26 +02:00
return this.setJson('board.' + board_id + '.meta', meta) &&
this.setJson('board.' + board_id, revision); // for older versions
Initial import
2019-05-28 12:09:54 +02:00
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
setBoardUiSpot(board_id, ui_spot)
{
var meta = this.boardIndex.get(board_id);
if (! meta)
throw `Invalid board_id in setBoardRevision(${board_id}, ${revision})`;
meta.ui_spot = ui_spot;
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
this.backupBoard(board_id, null, meta);
+ board reordering in the index
2021-04-02 01:59:34 +02:00
return this.setJson('board.' + board_id + '.meta', meta);
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
* private
*/
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
getItem(name) { throw 'implement-me'; }
setItem(name) { throw 'implement-me'; }
delItem(name) { throw 'implement-me'; }
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
openInner() { throw 'implement-me'; }
wipeInner() { throw 'implement-me'; }
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
getJson(name)
{
var foo = this.getItem(name);
if (! foo) return false;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
try { foo = JSON.parse(foo); } catch (x) { return false; }
return foo;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setJson(name, val)
{
if (! this.setItem(name, JSON.stringify(val)))
{
console.log("setJson(" + name + ") failed");
return false;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return true;
}
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
/*
* config
*/
fixupConfig(newInstall)
{
var conf = this.conf;
var simp = (new SimpleBackup).type;
if (conf.board && ! this.boardIndex.has(conf.board))
conf.board = null;
if (! conf && ! newInstall) // pre-20210410 upgrade
{
conf.verLast = 20210327;
conf.verSeen = 20200220; // 20200429;
}
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var agents = conf.backups.agents;
if (agents.length != 2 ||
agents[0].type != simp || agents[0].conf.base != 'http://127.0.0.1:10001' ||
agents[1].type != simp)
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
console.log('Unexpected backup config, will re-initialize.', agents);
conf.backups.agents = [];
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
conf.backups.agents.push({
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
type: simp,
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
id: simp + '-' + (conf.backups.nextId++),
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
enabled: false,
conf: { base: 'http://127.0.0.1:10001', auth: '' }
})
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
conf.backups.agents.push({
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
type: simp,
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
id: simp + '-' + (conf.backups.nextId++),
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
enabled: false,
conf: { base: '', auth: '' }
})
bugfixes
2021-04-25 16:30:17 +02:00
this.saveConfig();
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
}
}
further work on backups
2021-04-14 13:54:03 +02:00
/*
* backups
*/
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
initBackups(onBackupStatus)
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
{
var self = this;
further work on backups
2021-04-14 13:54:03 +02:00
var pending = 0;
var success = true;
+ BackupStorage.type
2021-04-14 14:37:25 +02:00
var store_id = 1;
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
self.backups.agents = [];
further work on backups
2021-04-14 17:00:49 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
onBackupStatus(null);
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.conf.backups.agents.forEach(function(b){
further work on backup ui
2021-04-18 13:55:59 +02:00
var T = NB.backupTypes.get(b.type);
further work on backups
2021-04-14 13:54:03 +02:00
if (! T)
{
further work on backup ui
2021-04-18 13:55:59 +02:00
console.log( `Unknown backup type "${b.type}" - skipped` );
further work on backups
2021-04-14 13:54:03 +02:00
return;
}
further work on backup ui
2021-04-18 13:55:59 +02:00
if (! b.enabled)
return;
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var agent = new T(b.id, b.conf, onBackupStatus);
self.backups.agents.push(agent);
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
console.log( `Added backup agent - type '${agent.type}', id '${agent.id}'` );
further work on backup ui
2021-04-18 13:55:59 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
agent.checkStatus(null); // will need just onBackupStatus() callbacks
further work on backups
2021-04-14 13:54:03 +02:00
});
}
backupBoard(board_id, board, meta)
{
var self = this;
+ runPendingBackups
2021-04-25 20:33:33 +02:00
var was = meta.backupStatus || {};
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
+ runPendingBackups
2021-04-25 20:33:33 +02:00
meta.backupStatus = {};
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
if (! this.backups.agents.length)
further work on backups
2021-04-14 13:54:03 +02:00
{
+ runPendingBackups
2021-04-25 20:33:33 +02:00
if (was['data'] || was['meta'])
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
self.setJson('board.' + board_id + '.meta', meta);
further work on backups
2021-04-14 13:54:03 +02:00
return;
}
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
console.log( `Backing up ${board_id}...` );
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.backups.agents.forEach(function(agent){
further work on backups
2021-04-14 13:54:03 +02:00
+ runPendingBackups
2021-04-25 20:33:33 +02:00
var fields = was[agent.id] || {};
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
if (board) delete fields.data;
if (meta) delete fields.meta;
+ runPendingBackups
2021-04-25 20:33:33 +02:00
meta.backupStatus[agent.id] = fields;
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
agent.saveBoard(board_id, board, meta, function(ok){
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var what = 'Backup of ' + board_id + (board ? '' : ' (meta)');
+ runPendingBackups
2021-04-25 20:33:33 +02:00
console.log( `${what} to '${agent.id}' -> ${ok ? 'ok' : 'failed'}` );
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
if (ok)
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
{
if (board) fields.data = + new Date();
if (meta) fields.meta = + new Date();
+ runPendingBackups
2021-04-25 20:33:33 +02:00
meta.backupStatus[agent.id] = fields;
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
}
further work on backups
2021-04-14 13:54:03 +02:00
self.setJson('board.' + board_id + '.meta', meta);
});
});
}
backupConfig()
{
var self = this;
+ runPendingBackups
2021-04-25 20:33:33 +02:00
var was = self.conf.backupStatus || {};
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
+ runPendingBackups
2021-04-25 20:33:33 +02:00
self.conf.backupStatus = {};
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
if (! this.backups.agents.length)
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
{
+ runPendingBackups
2021-04-25 20:33:33 +02:00
if (was['conf'])
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
this.setJson('config', this.conf);
further work on backups
2021-04-14 13:54:03 +02:00
return;
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
}
further work on backups
2021-04-14 13:54:03 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.backups.agents.forEach(function(agent){
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
var fields = { };
+ runPendingBackups
2021-04-25 20:33:33 +02:00
self.conf.backupStatus[agent.id] = fields;
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
agent.saveConfig(self.conf, function(ok){
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
if (ok)
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
{
fields.conf = + new Date()
+ runPendingBackups
2021-04-25 20:33:33 +02:00
self.conf.backupStatus[agent.id] = fields;
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
}
bugfixes
2021-04-25 16:30:17 +02:00
self.setJson('config', self.conf);
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
});
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
});
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
};
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
class Storage_Local extends Storage
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
get rid of 'class fields'
2021-03-31 22:12:53 +02:00
constructor()
{
super();
this.type = 'LocalStorage';
}
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
getItem(name)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
return localStorage.getItem('nullboard.' + name);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
setItem(name, val)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
localStorage.setItem('nullboard.' + name, val);
return true;
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
delItem(name)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
localStorage.removeItem('nullboard.' + name);
return true;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
openInner()
{
var conf = this.getJson('config');
suppress 'updated' for new installs
2021-04-10 14:32:14 +02:00
var newInstall = true;
Initial import
2019-05-28 12:09:54 +02:00
keep backupStatus of the app's config
2021-04-25 16:04:11 +02:00
// if (conf && (conf.format != NB.confVersion))
// {
// if (! confirm('Preferences are stored in an unsupported format. Reset them?'))
// return false;
//
// conf = null;
// }
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
if (conf)
{
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
this.conf = Object.assign(new AppConfig(), conf);
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
else
{
this.conf.theme = this.getItem('theme');
Initial import
2019-05-28 12:09:54 +02:00
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
if (this.getItem('fsize') == 'z1')
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.fontSize = 13;
this.conf.lineHeight = 17;
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! this.setJson('config', this.conf))
{
this.conf = null;
return false;
}
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
this.conf.board = this.getItem('last_board');
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
+ support for full-width display, horz scrolling, etc.
2019-06-10 22:57:14 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.boardIndex = new Map();
+ support for full-width display, horz scrolling, etc.
2019-06-10 22:57:14 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
// new format
Make use of Storage api
2021-03-31 18:27:33 +02:00
for (var i=0; i<localStorage.length; i++)
{
var k = localStorage.key(i);
var m = k.match(/^nullboard\.board\.(\d+).meta$/);
Initial import
2019-05-28 12:09:54 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
if (! m)
continue;
var board_id = parseInt(m[1]);
var meta = this.getJson('board.' + board_id + '.meta');
if (! meta.hasOwnProperty('history'))
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
console.log( `Invalid meta for board ${board_id}` );
continue;
}
Initial import
2019-05-28 12:09:54 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
for (var rev of meta.history)
if (! this.getJson('board.' + board_id + '.' + rev))
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
console.log( `Invalid revision ${rev} in history of ${board_id}` );
meta = this.rebuildMeta(board_id);
break;
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta)
continue;
Initial import
2019-05-28 12:09:54 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
delete meta.backingUp; // run-time var
delete meta.needsBackup; // ditto
Make use of Storage api
2021-03-31 18:27:33 +02:00
meta = Object.assign(new BoardMeta(), meta);
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
this.boardIndex.set(board_id, meta);
}
// old format
for (var i=0; i<localStorage.length; i++)
{
var k = localStorage.key(i);
var m = k.match(/^nullboard\.board\.(\d+)$/);
if (! m)
continue;
suppress 'updated' for new installs
2021-04-10 14:32:14 +02:00
newInstall = false;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
var board_id = parseInt(m[1]);
if (this.boardIndex.has(board_id))
continue;
var meta = this.rebuildMeta(board_id);
if (! meta)
continue;
meta = Object.assign(new BoardMeta(), meta);
this.boardIndex.set(board_id, meta);
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
+ support for full-width display, horz scrolling, etc.
2019-06-10 22:57:14 +02:00
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
this.fixupConfig(newInstall);
suppress 'updated' for new installs
2021-04-10 14:32:14 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.type = 'LocalStorage';
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return true;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
wipeInner()
{
for (var i=0; i<localStorage.length; )
{
var k = localStorage.key(i);
var m = k.match(/^nullboard\./);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (m) localStorage.removeItem(k);
else i++;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.conf = new AppConfig();
this.boardIndex = new Map();
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
* private
*/
rebuildMeta(board_id)
{
var meta = new BoardMeta();
Initial import
2019-05-28 12:09:54 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
console.log( `Rebuilding meta for ${board_id} ...` );
Make use of Storage api
2021-03-31 18:27:33 +02:00
// get current revision
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
meta.current = this.getItem('board.' + board_id); // may be null
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// load history
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var re = new RegExp('^nullboard\.board\.' + board_id + '\.(\\d+)$');
var revs = new Array();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
for (var i=0; i<localStorage.length; i++)
{
var m = localStorage.key(i).match(re);
if (m) revs.push( parseInt(m[1]) );
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! revs.length)
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
{
console.log('* No revisions found');
this.delItem('board.' + board_id);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
revs.sort(function(a,b){ return b-a; });
meta.history = revs;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// validate current revision
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! meta.history.includes(meta.current))
meta.current = meta.history[meta.history.length-1];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// get board title
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var board = this.getJson('board.' + board_id + '.' + meta.current)
meta.title = (board.title || '(untitled board)');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.setJson('board.' + board_id + '.meta', meta);
return meta;
Initial import
2019-05-28 12:09:54 +02:00
}
}
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
/*
*
*/
class BackupStorage
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
constructor(id, conf, onStatusChange)
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.type = '?';
this.id = id;
this.conf = conf;
this.status = '';
this.lastOp = '';
this.lastXhr = { op: '', text: '', code: 0 };
this.onStatusChange = onStatusChange;
this.queue = [];
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
}
checkStatus(cb) { return false; }
saveConfig(conf, cb) { throw 'implement-me'; }
saveBoard (id, data, meta, cb) { throw 'implement-me'; }
nukeBoard (id, cb) { throw 'implement-me'; }
}
class SimpleBackup extends BackupStorage
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
constructor(id, conf, onStatusChange)
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
super(id, null, onStatusChange);
further work on backup ui
2021-04-18 13:55:59 +02:00
+ BackupStorage.type
2021-04-14 14:37:25 +02:00
this.type = 'simp';
further work on backup ui
2021-04-18 13:55:59 +02:00
this.conf = { base: '', auth: '' }
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
this.conf = Object.assign(this.conf, conf);
}
checkStatus(cb)
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.queue.push({
what : 'checkStatus',
cb : cb,
args :
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
url: this.conf.base + '/config',
type: 'put',
headers: { 'X-Access-Token': this.conf.auth },
data:
{
self: document.location.href,
// conf: -- without the data --
},
dataType: 'json'
}
});
this.runQueue();
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
}
saveConfig(conf, cb)
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.queue.push({
what : 'saveConfig',
cb : cb,
args :
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
url: this.conf.base + '/config',
type: 'put',
headers: { 'X-Access-Token': this.conf.auth },
data:
{
self: document.location.href,
conf: JSON.stringify(conf)
},
dataType: 'json'
}
});
this.runQueue();
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
}
saveBoard(id, data, meta, cb)
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.queue.push({
what : 'saveBoard',
cb : cb,
args :
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
url: this.conf.base + '/board/' + id,
type: 'put',
headers: { 'X-Access-Token': this.conf.auth },
data:
{
self: document.location.href,
data: data ? JSON.stringify(data) : null,
meta: meta ? JSON.stringify(meta) : null
},
dataType: 'json'
}
});
this.runQueue();
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
}
nukeBoard(id, cb)
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.queue.push({
what : 'saveBoard',
cb : cb,
args :
{
url: this.conf.base + '/board/' + id,
type: 'delete',
headers: { 'X-Access-Token': this.conf.auth },
}
});
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.runQueue();
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
}
/*
* private
*/
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
runQueue()
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var self = this;
if (! this.queue.length)
return;
if (this.status == 'busy')
return;
var req = this.queue.shift();
this.setStatus('busy', req.what);
$.ajax(req.args)
.done(function(d, s, x) { self.onRequestDone(req, true, x); })
.fail(function(x, s, e) { self.onRequestDone(req, false, x); })
}
onRequestDone(req, ok, xhr)
{
console.log( `Backup agent '${this.id}', ${this.lastOp}() -> ${ok ? 'ok' : 'failed'}` );
var code = xhr.status;
var text = xhr.responseText || (code ? `Response code ${code}` : 'Offline or CORS-blocked');
this.lastXhr = { text: text, code: code };
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
if (req.cb) req.cb.call(this, ok);
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
if (! this.queue.length)
{
this.setStatus(ok ? 'ready' : 'error', this.lastOp);
return;
}
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
this.status = 'pre-busy';
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.runQueue();
}
setStatus(status, op)
{
if (status == 'busy' && this.status == 'busy')
throw `Backup agent ${this.id} is already busy!`;
+ runPendingBackups
2021-04-25 20:33:33 +02:00
console.log( `Backup agent '${this.id}' status: '${this.status}' -> '${status}'` );
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
this.status = status;
this.lastOp = op;
this.onStatusChange(this);
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
}
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
</script>
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
<script type="text/javascript">
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function Note(text)
{
this.text = text;
this.raw = false;
this.min = false;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
function List(title)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.title = title;
this.notes = [ ];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.addNote = function(text)
{
var x = new Note(text);
this.notes.push(x);
return x;
}
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
function Board(title)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
this.format = NB.blobVersion;
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.id = +new Date();
this.revision = 0;
this.title = title || '';
this.lists = [ ];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.addList = function(title)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
var x = new List(title);
this.lists.push(x);
return x;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
</script>
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
<script type="text/javascript">
Initial import
2019-05-28 12:09:54 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
function Drag2()
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
redo Drag class
2021-04-01 19:12:43 +02:00
// config
this.listSel = null;
this.itemSel = null;
+ board reordering in the index
2021-04-02 01:59:34 +02:00
this.dragster = null;
redo Drag class
2021-04-01 19:12:43 +02:00
this.onDragging = function(started) { }
this.swapAnimMs = 200;
// state
this.item = null;
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.priming = null;
redo Drag class
2021-04-01 19:12:43 +02:00
this.primeXY = { x: 0, y: 0 };
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.$drag = null;
redo Drag class
2021-04-01 19:12:43 +02:00
this.mouseEv = null;
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.delta = { x: 0, y: 0 };
redo Drag class
2021-04-01 19:12:43 +02:00
this.inSwap = 0;
Initial import
2019-05-28 12:09:54 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
// api
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.prime = function(item, ev)
{
var self = this;
redo Drag class
2021-04-01 19:12:43 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.item = item;
this.priming = setTimeout(function(){ self.onPrimed.call(self); }, ev.altKey ? 1 : 500);
redo Drag class
2021-04-01 19:12:43 +02:00
this.primeXY = { x: ev.clientX, y: ev.clientY };
this.mouseEv = ev;
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.cancelPriming = function()
{
redo Drag class
2021-04-01 19:12:43 +02:00
if (! this.item || ! this.priming)
return;
clearTimeout(this.priming);
this.priming = null;
this.item = null;
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.end = function()
reshuffle code a bit
2021-03-30 10:18:01 +02:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.cancelPriming();
this.stopDragging();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.isActive = function()
{
return this.item && (this.priming == null);
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.onPrimed = function()
{
clearTimeout(this.priming);
this.priming = null;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
removeTextSelection();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
var $item = $(this.item);
$item.addClass('dragging');
reshuffle code a bit
2021-03-30 10:18:01 +02:00
+ board reordering in the index
2021-04-02 01:59:34 +02:00
$('body').append('<div class=' + this.dragster + '></div>');
var $drag = $('body .' + this.dragster).last();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
$drag.outerWidth ( $item.outerWidth() );
$drag.outerHeight( $item.outerHeight() );
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.$drag = $drag;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (this.onDragging)
this.onDragging.call(this, true); // started
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $win = $(window);
var scroll_x = $win.scrollLeft();
var scroll_y = $win.scrollTop();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
var pos = $item.offset();
this.delta.x = pos.left - this.mouseEv.clientX - scroll_x;
this.delta.y = pos.top - this.mouseEv.clientY - scroll_y;
+ board reordering in the index
2021-04-02 01:59:34 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.adjustDrag();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$drag.css({ opacity: 1 });
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('body').addClass('dragging');
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.adjustDrag = function()
reshuffle code a bit
2021-03-30 10:18:01 +02:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! this.$drag)
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
var drag = this;
var $drag = this.$drag;
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $win = $(window);
var scroll_x = $win.scrollLeft();
var scroll_y = $win.scrollTop();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
var drag_x = drag.mouseEv.clientX + drag.delta.x + scroll_x;
var drag_y = drag.mouseEv.clientY + drag.delta.y + scroll_y;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
$drag.offset({ left: drag_x, top: drag_y });
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (drag.inSwap)
Make use of Storage api
2021-03-31 18:27:33 +02:00
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
* see if a swap is in order
*/
redo Drag class
2021-04-01 19:12:43 +02:00
var pos = $drag.offset();
var x = pos.left + $drag.width()/2 - $win.scrollLeft();
var y = pos.top + $drag.height()/2 - $win.scrollTop();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
var targetList = null;
var targetItem = null; // if over some item
var before = false; // if should go before targetItem
var $target;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
$(this.listSel).each(function(){
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var list = this;
redo Drag class
2021-04-01 19:12:43 +02:00
var rcList = list.getBoundingClientRect();
var yTop, itemTop = null;
var yBottom, itemBottom = null;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (x <= rcList.left || rcList.right <= x)
Make use of Storage api
2021-03-31 18:27:33 +02:00
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
$(list).find(drag.itemSel).each(function(){
var rcItem = this.getBoundingClientRect();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (! itemTop || rcItem.top < yTop)
{
itemTop = this;
yTop = rcItem.top;
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (! itemBottom || yBottom < rcItem.bottom)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
redo Drag class
2021-04-01 19:12:43 +02:00
itemBottom = this;
yBottom = rcItem.bottom;
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (y <= rcItem.top || rcItem.bottom <= y)
Make use of Storage api
2021-03-31 18:27:33 +02:00
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (this == drag.item)
Make use of Storage api
2021-03-31 18:27:33 +02:00
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
targetList = list;
targetItem = this;
redo Drag class
2021-04-01 19:12:43 +02:00
before = (y < (rcItem.top + rcItem.bottom)/2);
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (y < rcList.top)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
targetList = list;
targetItem = itemTop;
redo Drag class
2021-04-01 19:12:43 +02:00
before = true;
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
redo Drag class
2021-04-01 19:12:43 +02:00
else
if (y >= rcList.bottom)
{
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
targetList = list;
targetItem = itemBottom;
redo Drag class
2021-04-01 19:12:43 +02:00
before = false;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
if (! targetList)
Make use of Storage api
2021-03-31 18:27:33 +02:00
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
if (targetItem)
{
if (targetItem == drag.item)
return;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
$target = $(targetItem);
if (! before && $target.next()[0] == drag.item ||
before && $target.prev()[0] == drag.item)
return;
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
* swap 'em
*/
redo Drag class
2021-04-01 19:12:43 +02:00
var have = drag.item;
var $have = $(have);
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $want = $have.clone();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$want.css({ display: 'none' });
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
if (targetItem)
redo Drag class
2021-04-01 19:12:43 +02:00
{
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
if (before)
{
$want.insertBefore($target);
$want = $target.prev();
}
else
{
$want.insertAfter($target);
$want = $target.next();
}
redo Drag class
2021-04-01 19:12:43 +02:00
}
else
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
var $list = $(targetList);
$want = $list.append($want).find(drag.itemSel)
redo Drag class
2021-04-01 19:12:43 +02:00
}
drag.item = $want[0];
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (! drag.swapAnimMs)
{
$have.remove();
$want.show();
return;
}
/*
* see if it's a same-list move
*/
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
if (targetList == have.parentNode)
redo Drag class
2021-04-01 19:12:43 +02:00
{
var delta = $have.offset().top - $target.offset().top;
var d_bulk = 0;
var d_have = 0;
var $bulk = $();
if (delta < 0) // item is moving down
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
redo Drag class
2021-04-01 19:12:43 +02:00
for (var $i = $have.next(); $i.length && $i[0] != $want[0]; $i = $i.next())
$bulk = $bulk.add($i);
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
else
{
redo Drag class
2021-04-01 19:12:43 +02:00
for (var $i = $want.next(); $i.length && $i[0] != $have[0]; $i = $i.next())
$bulk = $bulk.add($i);
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
d_bulk = $have.outerHeight(true);
d_have = $bulk.last().offset().top + $bulk.last().outerHeight(true) - $bulk.first().offset().top;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (delta < 0) d_bulk = -d_bulk;
else d_have = -d_have;
Make use of Storage api
2021-03-31 18:27:33 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
$have.parent().css({ position: 'relative' });
$have.css({ position: 'relative', 'z-index': 0 });
$bulk.css({ position: 'relative', 'z-index': 1 });
Make use of Storage api
2021-03-31 18:27:33 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
drag.inSwap = 1 + $bulk.length;
Make use of Storage api
2021-03-31 18:27:33 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
$have.animate({ top: d_have }, drag.swapAnimMs, function(){ if (! --drag.inSwap) swapCleanUp(); });
$bulk.animate({ top: d_bulk }, drag.swapAnimMs, function(){ if (! --drag.inSwap) swapCleanUp(); });
Make use of Storage api
2021-03-31 18:27:33 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
function swapCleanUp()
{
$have.parent().css({ position: '' });
fix 1px full-list jerk when dragging notes around
2021-03-31 20:45:26 +02:00
$have.remove();
redo Drag class
2021-04-01 19:12:43 +02:00
$want.show();
$bulk.css({ position: '', 'z-index': '', top: '' });
fix 1px full-list jerk when dragging notes around
2021-03-31 20:45:26 +02:00
drag.adjustDrag();
}
redo Drag class
2021-04-01 19:12:43 +02:00
}
else
{
drag.inSwap = 1;
$want.slideDown(drag.swapAnimMs);
$have.slideUp(drag.swapAnimMs, function() {
$have.remove();
drag.inSwap = 0;
drag.adjustDrag();
});
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.onMouseMove = function(ev)
reshuffle code a bit
2021-03-30 10:18:01 +02:00
{
redo Drag class
2021-04-01 19:12:43 +02:00
this.mouseEv = ev;
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! this.item)
reshuffle code a bit
2021-03-30 10:18:01 +02:00
return;
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (this.priming)
{
redo Drag class
2021-04-01 19:12:43 +02:00
var x = ev.clientX - this.primeXY.x;
var y = ev.clientY - this.primeXY.y;
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (x*x + y*y > 5*5)
this.onPrimed();
}
else
{
this.adjustDrag();
reshuffle code a bit
2021-03-30 10:18:01 +02:00
}
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.stopDragging = function()
reshuffle code a bit
2021-03-30 10:18:01 +02:00
{
redo Drag class
2021-04-01 19:12:43 +02:00
var $item = $(this.item);
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
$item.removeClass('dragging');
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('body').removeClass('dragging');
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (this.$drag)
{
this.$drag.remove();
this.$drag = null;
reshuffle code a bit
2021-03-30 10:18:01 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
removeTextSelection();
Make use of Storage api
2021-03-31 18:27:33 +02:00
redo Drag class
2021-04-01 19:12:43 +02:00
if (this.onDragging)
this.onDragging.call(this, false); // stopped
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
this.item = null;
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
</script>
add varAdjust
2021-04-07 18:51:52 +02:00
<script type="text/javascript">
function VarAdjust()
{
// state
this.onChange = null;
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
this.onFinish = null;
add varAdjust
2021-04-07 18:51:52 +02:00
this.startY = 0;
this.used = false;
// api
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
this.start = function(ev, onChange, onFinish)
add varAdjust
2021-04-07 18:51:52 +02:00
{
if (! onChange)
return;
this.onChange = onChange;
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
this.onFinish = onFinish;
add varAdjust
2021-04-07 18:51:52 +02:00
this.startY = ev.clientY;
this.used = false;
var self = this;
setTimeout(function(){
cosmetic tweaks
2021-04-08 13:24:35 +02:00
if (! self.onChange)
return;
$('body').addClass('adjusting');
self.used = true;
}, 250);
add varAdjust
2021-04-07 18:51:52 +02:00
}
this.onMouseMove = function(ev)
{
if (! this.onChange)
return;
$('body').addClass('adjusting');
self.used = true;
this.onChange(ev.clientY - this.startY);
}
this.end = function()
{
if (! this.onChange)
return;
$('body').removeClass('adjusting');
this.onChange = null;
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
if (this.onFinish) this.onFinish();
add varAdjust
2021-04-07 18:51:52 +02:00
}
}
</script>
Make use of Storage api
2021-03-31 18:27:33 +02:00
<script type="text/javascript">
/*
* poor man's error handling -- $fixme
*/
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
var easyMartina = false;
Make use of Storage api
2021-03-31 18:27:33 +02:00
window.onerror = function(message, file, line, col, e){
var cb1;
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
if (! easyMartina) alert("Error occurred: " + e.message);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
};
window.addEventListener("error", function(e) {
var cb2;
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
if (! easyMartina) alert("Error occurred: " + e.error.message);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
});
/*
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
* notes / lists / boards
Initial import
2019-05-28 12:09:54 +02:00
*/
Make use of Storage api
2021-03-31 18:27:33 +02:00
function addNote($list, $after, $before)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $note = $('tt .note').clone();
var $notes = $list.find('.notes');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$note.find('.text').html('');
$note.addClass('brand-new');
Initial import
2019-05-28 12:09:54 +02:00
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
if ($before && $before.length)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
$before.before($note);
$note = $before.prev();
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
else
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
if ($after && $after.length)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
$after.after($note);
$note = $after.next();
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
else
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
$notes.append($note);
$note = $notes.find('.note').last();
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
$note.find('.text').click();
}
don't saveBoard on trivial note drags
2021-03-30 10:31:28 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function deleteNote($note)
{
$note
.animate({ opacity: 0 }, 'fast')
.slideUp('fast')
.queue(function(){
$note.remove();
saveBoard();
});
}
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
function noteLocation($item)
{
var loc = 0;
for (var $p = $item.closest('.note'); $p.length; $p = $p.prev(), loc += 1);
for (var $p = $item.closest('.list'); $p.length; $p = $p.prev(), loc += 10000);
return loc;
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
function addList()
{
var $board = $('.wrap .board');
var $lists = $board.find('.lists');
var $list = $('tt .list').clone();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$list.find('.text').html('');
$list.find('.head').addClass('brand-new');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$lists.append($list);
$board.find('.lists .list .head .text').last().click();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var lists = $lists[0];
lists.scrollLeft = Math.max(0, lists.scrollWidth - lists.clientWidth);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setupListScrolling();
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function deleteList($list)
{
var empty = true;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$list.find('.note .text').each(function(){
empty &= ($(this).html().length == 0);
});
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! empty && ! confirm("Delete this list and all its notes?"))
return;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$list
.animate({ opacity: 0 })
.queue(function(){
$list.remove();
saveBoard();
});
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setupListScrolling();
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function moveList($list, left)
{
var $a = $list;
var $b = left ? $a.prev() : $a.next();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $menu_a = $a.find('> .head .menu .bulk');
var $menu_b = $b.find('> .head .menu .bulk');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var pos_a = $a.offset().left;
var pos_b = $b.offset().left;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$a.css({ position: 'relative' });
$b.css({ position: 'relative' });
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$menu_a.hide();
$menu_b.hide();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$a.animate({ left: (pos_b - pos_a) + 'px' }, 'fast');
$b.animate({ left: (pos_a - pos_b) + 'px' }, 'fast', function(){
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (left) $list.prev().before($list);
else $list.before($list.next());
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$a.css({ position: '', left: '' });
$b.css({ position: '', left: '' });
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$menu_a.css({ display: '' });
$menu_b.css({ display: '' });
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
saveBoard();
});
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
function openBoard(board_id)
{
closeBoard(true);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
NB.board = NB.storage.loadBoard(board_id, null);
NB.storage.setActiveBoard(board_id);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
showBoard(true);
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function reopenBoard(revision)
{
var board_id = NB.board.id;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var via_menu = $('.wrap .board > .head .menu .bulk').is(':visible');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
NB.storage.setBoardRevision(board_id, revision);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
openBoard(board_id);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (via_menu)
{
var $menu = $('.wrap .board > .head .menu');
var $teaser = $menu.find('.teaser');
var $bulk = $menu.find('.bulk');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$teaser.hide().delay(100).queue(function(){ $(this).css('display', '').dequeue(); });
$bulk.show().delay(100).queue(function(){ $(this).css('display', '').dequeue(); });
}
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function closeBoard(quick)
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
if (! NB.board)
return;
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $board = $('.wrap .board');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (quick)
$board.remove();
else
$board
.animate({ opacity: 0 }, 'fast')
.queue(function(){ $board.remove(); });
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
NB.board = null;
NB.storage.setActiveBoard(null);
Initial import
2019-05-28 12:09:54 +02:00
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
// updateUndoRedo();
Make use of Storage api
2021-03-31 18:27:33 +02:00
updateBoardIndex();
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
updatePageTitle();
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
function addBoard()
{
closeBoard(true);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
NB.board = new Board();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
showBoard(true);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap .board .head').addClass('brand-new');
$('.wrap .board .head .text').click();
}
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
function saveBoard()
{
var $board = $('.wrap .board');
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
var board = Object.assign(new Board(), NB.board); // id, revision & title
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
board.lists = [];
$board.find('.list').each(function(){
var $list = $(this);
var l = board.addList( getText($list.find('.head .text')) );
$list.find('.note').each(function(){
var $note = $(this)
var n = l.addNote( getText($note.find('.text')) );
n.raw = $note.hasClass('raw');
n.min = $note.hasClass('collapsed');
});
});
NB.storage.saveBoard(board);
NB.board = board;
updateUndoRedo();
updateBoardIndex();
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
function deleteBoard()
{
var $list = $('.wrap .board .list');
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
var board_id = NB.board.id;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if ($list.length && ! confirm("PERMANENTLY delete this board, all its lists and their notes?"))
return;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
closeBoard();
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
NB.storage.nukeBoard(board_id);
updateBoardIndex();
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
function undoBoard()
{
if (! NB.board)
return false;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var hist = NB.storage.getBoardHistory(NB.board.id);
var have = NB.board.revision;
var want = 0;
for (var i=0; i<hist.length-1 && ! want; i++)
if (have == hist[i])
want = hist[i+1];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! want)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
console.log('Undo - failed');
return false;
}
don't saveBoard on trivial note drags
2021-03-30 10:31:28 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
console.log('Undo -> ' + want);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
reopenBoard(want);
return true;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function redoBoard()
{
if (! NB.board)
return false;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var hist = NB.storage.getBoardHistory(NB.board.id);
var have = NB.board.revision;
var want = 0;
don't saveBoard on trivial note drags
2021-03-30 10:31:28 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
for (var i=1; i<hist.length && ! want; i++)
if (have == hist[i])
want = hist[i-1];
if (! want)
{
console.log('Redo - failed');
return false;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
console.log('Redo -> ' + want);
reopenBoard(want);
return true;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
function showBoard(quick)
{
var board = NB.board;
reword demo board re-instantiation
2021-03-30 10:37:15 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $wrap = $('.wrap');
var $bdiv = $('tt .board');
var $ldiv = $('tt .list');
var $ndiv = $('tt .note');
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $b = $bdiv.clone();
var $b_lists = $b.find('.lists');
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$b[0].board_id = board.id;
setText( $b.find('.head .text'), board.title );
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
board.lists.forEach(function(list){
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $l = $ldiv.clone();
var $l_notes = $l.find('.notes');
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setText( $l.find('.head .text'), list.title );
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
list.notes.forEach(function(n){
var $n = $ndiv.clone();
setText( $n.find('.text'), n.text );
if (n.raw) $n.addClass('raw');
if (n.min) $n.addClass('collapsed');
$l_notes.append($n);
});
$b_lists.append($l);
});
if (quick)
$wrap.html('').append($b);
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
else
Make use of Storage api
2021-03-31 18:27:33 +02:00
$wrap.html('')
.css({ opacity: 0 })
.append($b)
.animate({ opacity: 1 });
updatePageTitle();
updateUndoRedo();
updateBoardIndex();
setupListScrolling();
}
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
/*
* demo board
*/
function createDemoBoard()
{
var blob =
'{"format":20190412,"id":1555071015420,"revision":581,"title":"Welcome to Nullboard","lists":[{"title":"The Use' +
'r Manual","notes":[{"text":"This is a note.\\nA column of notes is a list.\\nA set of lists is a board.","raw"' +
':false,"min":false},{"text":"All data is saved locally.\\nThe whole thing works completely offline.","raw":fal' +
'se,"min":false},{"text":"Last 50 board revisions are retained.","raw":false,"min":false},{"text":"Ctrl-Z is Un' +
'do - goes one revision back.\\nCtrl-Y is Redo - goes one revision forward.","raw":false,"min":false},{"tex' +
't":"Caveats","raw":true,"min":false},{"text":"Desktop-oriented.\\nMobile support is basically untested.","raw"' +
':false,"min":false},{"text":"Works in Firefox, Chrome is supported.\\nShould work in Safari, may work in Edge.' +
'","raw":false,"min":false},{"text":"Still very much in beta. Caveat emptor.","raw":false,"min":false},{"text":' +
'"Issues and suggestions","raw":true,"min":false},{"text":"Post them on Github.\\nSee \\"Nullboard\\" at the to' +
'p left for the link.","raw":false,"min":false}]},{"title":"Things to try","notes":[{"text":"\u2022 Click on ' +
'a note to edit.","raw":false,"min":false},{"text":"\u2022 Click outside of it when done editing.\\n\u2022 ' +
'Alternatively, use Shift-Enter.","raw":false,"min":false},{"text":"\u2022 To discard changes press Escape.",' +
'"raw":false,"min":false},{"text":"\u2022 Try Ctrl-Enter, see what it does.\\n\u2022 Try Ctrl-Shift-Enter t' +
'oo.","raw":false,"min":false},{"text":"\u2022 Hover over a note to show its \u2261 menu.\\n\u2022 Hover ' +
'over \u2261 to reveal the options.","raw":false,"min":false},{"text":"\u2022 X deletes the note.\\n\u2022' +
' R changes how a note looks.\\n\u2022 _ collapses the note.","raw":false,"min":false},{"text":"This is a ' +
'raw note.","raw":true,"min":false},{"text":"This is a collapsed note. Only its first line is visible. Useful f' +
'or keeping lists compact.","raw":false,"min":true}, {"text":"Links","raw":true,"min":false}, {"text":"Links pu' +
'lse on hover and can be opened via the right-click menu - https://nullboard.io","raw":false,"min":false}, {"tex' +
't":"Pressing CapsLock highlights all links and makes them left-clickable.","raw":false,"min":false}]},{"title"' +
':"More things to try","notes":[{"text":"\u2022 Drag notes around to rearrange.\\n\u2022 Works between the ' +
'lists too.","raw":false,"min":false},{"text":"\u2022 Click on a list name to edit.\\n\u2022 Enter to save,' +
' Esc to cancel.","raw":false,"min":false},{"text":"\u2022 Try adding a new list.\\n\u2022 Try deleting one' +
'. This _can_ be undone.","raw":false,"min":false},{"text":"\u2022 Same for the board name.","raw":false,"m' +
'in":false},{"text":"Boards","raw":true,"min":false},{"text":"\u2022 Check out \u2261 at the top right.",' +
'"raw":false,"min":false},{"text":"\u2022 Try adding a new board.\\n\u2022 Try switching between the boards' +
'.","raw":false,"min":false},{"text":"\u2022 Try deleting a board. Unlike deleting a\\n list this _canno' +
't_ be undone.","raw":false,"min":false},{"text":"\u2022 Export the board (save to a file, as json)\\n' +
'\u2022 Import the board (load from a save)","raw":false,"min":false}]}]}';
var demo = JSON.parse(blob);
if (! demo)
return false;
demo.id = +new Date();
demo.revision = 0;
NB.storage.saveBoard(demo);
NB.storage.setActiveBoard(demo.id);
return Object.assign(new Board(), demo);
}
/*
* board export / import
*/
function exportBoard()
{
var blob, file;
if (! NB.board)
{
var index = NB.storage.getBoardIndex();
var all = [];
boards.forEach(function(meta, board_id){
all.push( NB.storage.loadBoard(board_id, null) );
})
blob = JSON.stringify(all);
file = `Nullboard.nbx`;
}
else
{
var board = NB.board;
blob = JSON.stringify(board);
file = `Nullboard-${board.id}-${board.title}.nbx`;
}
blob = encodeURIComponent(blob);
blob = "data:application/octet-stream," + blob;
return { blob: blob, file: file };
}
function checkImport(foo)
{
var props = [ 'format', 'id', 'revision', 'title', 'lists' ];
for (var i=0; i<props.length; i++)
if (! foo.hasOwnProperty(props[i]))
return "Required board properties are missing.";
if (! foo.id || ! foo.revision || ! Array.isArray(foo.lists))
return "Required board properties are empty.";
if (foo.format != NB.blobVersion)
return `Unsupported blob format "${board.format}", expecting "${NB.blobVersion}".`;
return null;
}
function importBoard(blob)
{
var data;
try
{
data = JSON.parse(blob);
}
catch (x)
{
alert('File is not in a valid JSON format.');
return false;
}
if (! Array.isArray(data))
data = [ data ];
var index = NB.storage.getBoardIndex();
var msg, one, all = '';
for (var i=0; i<data.length; i++)
{
var board = data[i];
var whoops = checkImport(board);
if (whoops)
{
alert(whoops);
return false;
}
var title = board.title || '(untitled board)';
one = `"${title}", ID ${board.id}, revision ${board.revision}`;
all += ` ID ${board.id}, revision ${board.revision} - "${title}" \n`;
}
if (data.length == 1) msg = `Import a board called ${one} ?`;
else msg = `About to import the following boards:\n\n${all}\nProceed?`;
if (! confirm(msg))
return false;
for (var i=0; i<data.length; i++)
{
var board = data[i];
if (index.has(board.id))
{
console.log(`Import: board ${board.id} (${board.title}) will be assigned new ID`);
board.id = +new Date();
}
board.revision--; // save will ++ it back
if (! NB.storage.saveBoard(board)) // this updates 'index'
{
alert(`Failed to save board ${board.id}. Import failed.`);
return false;
}
}
openBoard(data[0].id);
}
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
/*
*
*/
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
function findBackupAgent(which)
further work on backup ui
2021-04-18 13:55:59 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var a = null;
further work on backup ui
2021-04-18 13:55:59 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
NB.storage.backups.agents.forEach(function(agent){
if (agent.type == which.type &&
agent.conf.auth == which.conf.auth &&
agent.conf.base == which.conf.base)
further work on backup ui
2021-04-18 13:55:59 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
a = agent;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
});
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
return a;
further work on backup ui
2021-04-18 13:55:59 +02:00
}
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
function setBackupConfigUi($div, backupConf)
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
{
if (! backupConf.enabled)
{
$div.addClass('off');
return;
}
var $status = $div.find('.status');
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var b = findBackupAgent(backupConf);
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
var text = 'OK';
bugfixes
2021-04-25 16:30:17 +02:00
if (b && b.status == 'error')
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
{
bugfixes
2021-04-25 16:30:17 +02:00
text = b.lastXhr.text;
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
$status.addClass('error');
}
$status.find('input').val(text);
$status.css({ display: 'block' });
}
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
function getBackupConfigUi()
{
var conf = NB.storage.getConfig();
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var loc = conf.backups.agents[0];
var rem = conf.backups.agents[1];
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
var $div = $('.overlay .backup-conf');
var $loc = $div.find('.loc');
var $rem = $div.find('.rem');
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var ret =
{
loc: jsonClone(loc),
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
rem: jsonClone(rem)
};
ret.loc.enabled = ! $loc.hasClass('off');
ret.loc.conf.auth = $loc.find('.auth').val();
ret.rem.enabled = ! $rem.hasClass('off');
ret.rem.conf.base = $rem.find('.base').val();
ret.rem.conf.auth = $rem.find('.auth').val();
//
if (ret.loc.enabled && ! ret.loc.conf.auth)
{
shakeControl($loc.find('.auth'));
return null;
}
if (ret.rem.enabled && ! ret.rem.conf.base)
{
shakeControl($rem.find('.base'));
return null;
}
if (ret.rem.enabled && ! ret.rem.conf.auth)
{
shakeControl($rem.find('.auth'));
return null;
}
return ret;
}
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
function checkBackupConfig(backupConf, $div, onDone)
{
var $status = $div.find('.status');
var $text = $status.find('input');
$text.val('Checking...');
$status.removeClass('error').slideDown();
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
$div.delay(850).queue(function(){
var T = NB.backupTypes.get(backupConf.type);
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var foo = new T(backupConf.id, backupConf.conf, function(){});
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
foo.checkStatus(function(ok){
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
ready for runPendingBackups
2021-04-25 16:37:15 +02:00
if (ok)
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
{
$text.val('OK');
}
else
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
$text.val(foo.lastXhr.text);
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
$status.addClass('error');
}
onDone();
});
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
$(this).dequeue();
});
}
further work on backup ui
2021-04-18 13:55:59 +02:00
function configBackups()
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
{
var conf = NB.storage.getConfig();
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
if (conf.backups.agents.length != 2)
throw 'Invalid conf.backups.agents[]'; // as per fixupConfig()
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
//
further work on backup ui
2021-04-18 13:55:59 +02:00
var $div = $('tt .backup-conf').clone();
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
var div = $div[0];
further work on backup ui
2021-04-18 13:55:59 +02:00
var $loc = $div.find('.loc');
var $rem = $div.find('.rem');
var typ = (new SimpleBackup).type;
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var loc = conf.backups.agents[0];
var rem = conf.backups.agents[1];
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
div.checking = 0;
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
//
further work on backup ui
2021-04-18 13:55:59 +02:00
$loc.find('.auth').val( loc.conf.auth );
$rem.find('.auth').val( rem.conf.auth );
$rem.find('.base').val( rem.conf.base );
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
setBackupConfigUi($loc, loc);
setBackupConfigUi($rem, rem);
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if (! loc.enabled && ! rem.enabled)
$div.addClass('off');
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
//
$div.find('.opt').click(function(){
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
var $opt = $(this).parent();
backup config verification, pt 2
2021-04-19 13:09:04 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if ($opt.hasClass('off'))
{
$opt.find('.etc')
.css({ opacity: 0 })
.slideDown('fast')
.animate({ opacity: 1 }, 'fast')
.queue(function(){
$opt.removeClass('off');
$div.removeClass('off');
$(this).css('opacity', '').dequeue();
})
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
$opt.find('input').first()
.delay(800)
.queue(function(){ $(this).focus().dequeue(); });
}
else
{
$opt.find('.etc')
.animate({ opacity: 0 }, 'fast')
.slideUp('fast')
.queue(function(){
$opt.addClass('off');
if ($loc.hasClass('off') && $rem.hasClass('off'))
$div.addClass('off');
$(this).css({ opacity: '' }).dequeue();
})
}
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
return false;
});
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
$div.find('.check').click(function(){
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if (div.checking)
return false;
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
var foo = getBackupConfigUi();
if (! foo)
return false;
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if (foo.loc.enabled)
further work on backup ui
2021-04-18 13:55:59 +02:00
{
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
div.checking++;
checkBackupConfig(foo.loc, $loc, function(){ div.checking--; });
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
}
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if (foo.rem.enabled)
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
{
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
div.checking++;
checkBackupConfig(foo.rem, $rem, function(){ div.checking--; });
further work on backup ui
2021-04-18 13:55:59 +02:00
}
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
return false;
});
$div.find('.ok').click(function(){
var foo = getBackupConfigUi();
if (! foo)
return false;
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if (foo.loc.enabled && ! loc.enabled)
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
foo.loc.id = typ + '-' + (conf.backups.nextId++);
further work on backup ui
2021-04-18 13:55:59 +02:00
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
if (foo.rem.enabled && ! rem.enabled)
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
foo.rem.id = typ + '-' + (conf.backups.nextId++);
further work on backup ui
2021-04-18 13:55:59 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
conf.backups.agents[0] = foo.loc;
conf.backups.agents[1] = foo.rem;
further work on backup ui
2021-04-18 13:55:59 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
NB.storage.initBackups(onBackupStatusChange);
further work on backup ui
2021-04-18 13:55:59 +02:00
NB.storage.saveConfig();
hideOverlay();
});
backup config verification, pt 3
2021-04-19 17:52:26 +02:00
$div.find('a.close').click(function(){
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
hideOverlay();
});
further work on backup ui
2021-04-18 13:55:59 +02:00
showOverlay($div);
further work on backups
2021-04-14 13:54:03 +02:00
}
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
function onBackupStatusChange(agent)
further work on backups
2021-04-14 13:54:03 +02:00
{
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var agents = NB.storage.backups.agents;
further work on backups
2021-04-14 13:54:03 +02:00
var $config = $('.config');
var $status = $('.config .teaser u')
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
// if (agent) console.log( `onBackupStatusChange: ${agent.id}, status ${agent.status}, op ${agent.lastOp}, xhr '${agent.lastXhr.text}' / ${agent.lastXhr.code}` );
// else console.log( `onBackupStatusChange: <generic>` );
if (! agents.length)
further work on backups
2021-04-14 13:54:03 +02:00
{
further work on backups
2021-04-14 17:00:49 +02:00
$config.removeClass('backups-on backup-err backing-up');
further work on backups
2021-04-14 13:54:03 +02:00
return;
}
$config.addClass('backups-on');
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
var busy = 0;
var error = 0;
var ready = 0;
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
agents.forEach(function(agent){
if (agent.status == 'busy') busy++; else
if (agent.status == 'error') error++; else
if (agent.status == 'ready') ready++; else
throw `Unknown status [${agent.status}] on backup agent ${agent.id}`;
});
if (error > 0) $config.addClass('backup-err').removeClass('backing-up'); else
if (busy > 0) $config.addClass('backing-up').removeClass('backup-err'); else
$config.removeClass('backing-up backup-err');
// process all pending backups if needed
change BackupStorage.checkStatus to re-use put/config
2021-04-22 16:32:02 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
if (! error && ! busy)
runPendingBackups();
}
+ runPendingBackups
2021-04-25 20:33:33 +02:00
function needsBackingUp(backupStatus, fields, agentIds)
{
var stale = false;
agentIds.forEach(function(id){
var obj = backupStatus[id];
if (obj) fields.forEach(function(f){ stale = !obj[f]; });
else stale = true;
});
return stale;
}
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
function runPendingBackups()
{
+ runPendingBackups
2021-04-25 20:33:33 +02:00
console.log('Checking for pending backups...');
var conf = NB.storage.getConfig();
var agentIds = [];
NB.storage.backups.agents.forEach(function(agent){
agentIds.push(agent.id);
});
if (needsBackingUp(conf.backupStatus, [ 'conf' ], agentIds))
{
console.log(" Backing up app config...");
NB.storage.backupConfig();
}
var boards = NB.storage.getBoardIndex();
boards.forEach(function(meta, id){
if (! needsBackingUp(meta.backupStatus, [ 'data', 'meta' ], agentIds))
return;
console.log(` Backing up board ${id}...`);
var board = NB.storage.loadBoard(id);
if (! board)
return;
NB.storage.backupBoard(id, board, meta)
});
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
}
+ board reordering in the index
2021-04-02 01:59:34 +02:00
/*
*
*/
function saveBoardOrder()
{
var $index = $('.config .load-board');
var spot = 1;
$index.each(function(){
var id = parseInt( $(this).attr('board_id') );
NB.storage.setBoardUiSpot(id, spot++);
});
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
*
*/
function updatePageTitle()
{
var title = 'Nullboard';
if (NB.board)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
title = NB.board.title;
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
title = 'NB - ' + (title || '(untitled board)');
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
document.title = title;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function updateUndoRedo()
{
var $undo = $('.board .menu .undo-board');
var $redo = $('.board .menu .redo-board');
var undo = false;
var redo = false;
if (NB.board && NB.board.revision)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
var history = NB.storage.getBoardHistory(NB.board.id);
var rev = NB.board.revision;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
undo = (rev != history[history.length-1]);
redo = (rev != history[0]);
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (undo) $undo.show(); else $undo.hide();
if (redo) $redo.show(); else $redo.hide();
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function updateBoardIndex()
{
var $index = $('.config .boards');
var $export = $('.config .exp-board');
further work on backups
2021-04-14 13:54:03 +02:00
var $backup = $('.config .auto-backup');
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $entry = $('tt .load-board');
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $board = $('.wrap .board');
var id_now = NB.board && NB.board.id;
var empty = true;
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$index.html('');
$index.hide();
+ support for clickable links
2020-02-20 01:13:00 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var boards = NB.storage.getBoardIndex();
+ board reordering in the index
2021-04-02 01:59:34 +02:00
var index = [];
Initial import
2019-05-28 12:09:54 +02:00
+ board reordering in the index
2021-04-02 01:59:34 +02:00
boards.forEach(function(meta, id){ index.push({ id: id, meta: meta }); });
index.sort(function(a, b){ return b.meta.ui_spot && a.meta.ui_spot > b.meta.ui_spot; });
index.forEach(function(entry){
Limit Alt-Up/DownArrow and Alt-R to notes only
2021-03-26 10:40:42 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $e = $entry.clone();
+ board reordering in the index
2021-04-02 01:59:34 +02:00
$e.attr('board_id', entry.id);
$e.html(entry.meta.title);
Initial import
2019-05-28 12:09:54 +02:00
+ board reordering in the index
2021-04-02 01:59:34 +02:00
if (entry.id == id_now)
Make use of Storage api
2021-03-31 18:27:33 +02:00
$e.addClass('active');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$index.append($e);
empty = false;
});
Limit Alt-Up/DownArrow and Alt-R to notes only
2021-03-26 10:40:42 +01:00
+ exportBoard()
2021-03-31 20:20:49 +02:00
if (! empty)
{
if (id_now) $export.html('Export this board...').show();
else $export.html('Export all boards...').show();
further work on backups
2021-04-14 13:54:03 +02:00
$backup.show();
+ exportBoard()
2021-03-31 20:20:49 +02:00
}
else
{
$export.hide();
further work on backups
2021-04-14 13:54:03 +02:00
$backup.hide();
+ exportBoard()
2021-03-31 20:20:49 +02:00
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! empty) $index.show();
}
Initial import
2019-05-28 12:09:54 +02:00
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
function setWhatsNew()
{
var conf = NB.storage.getConfig();
suppress 'updated' for new installs
2021-04-10 14:32:14 +02:00
if (conf.verSeen && conf.verSeen < NB.codeVersion)
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
{
$('.logo').addClass('updated');
$('.logo .alert').html("(updated)");
}
var $link = $('.logo .view-changes');
var link = $link.attr('href') + '/?have=' + NB.codeVersion;
if (conf.verSeen) link += '&seen=' + conf.verSeen;
if (conf.verLast) link += '&last=' + conf.verLast;
$link.attr('href', link);
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
* generic utils
*/
backup config verification, pt 1
2021-04-19 11:49:23 +02:00
function jsonMatch(a, b)
{
return JSON.stringify(a) == JSON.stringify(b);
}
function jsonClone(x)
{
return JSON.parse(JSON.stringify(x));
}
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
function htmlEncode(raw)
{
return $('tt .encoder').text(raw).html();
}
function setText($note, text)
{
$note.attr('_text', text);
text = htmlEncode(text);
add support for marking up local (file) links with
2021-08-04 12:40:53 +02:00
var hmmm = /\b(https?:\/\/[^\s]+)/mg;
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
text = text.replace(hmmm, function(url){
return '<a href="' + url + '" target=_blank>' + url + '</a>';
});
add support for marking up local (file) links with
2021-08-04 12:40:53 +02:00
if ( NB.peek('fileLinks') )
{
var xmmm = /`(.*?)`/mg;
text = text.replace(xmmm, function(full, text){
link = 'file:///' + text.replace('\\', '/');
return '`<a href="' + link + '" target=_blank>' + text + '</a>`';
});
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
$note.html(text); // ? text : ' ');
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
}
function getText($note)
{
return $note.attr('_text');
}
redo Drag class
2021-04-01 19:12:43 +02:00
function removeTextSelection()
{
if (window.getSelection) { window.getSelection().removeAllRanges(); }
else if (document.selection) { document.selection.empty(); }
}
further work on backup ui
2021-04-18 13:55:59 +02:00
function shakeControl($x)
{
$x
.css({ position: 'relative' })
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
.focus()
further work on backup ui
2021-04-18 13:55:59 +02:00
.animate({ left: '+4px' }, 60)
.animate({ left: '-3px' }, 60)
.animate({ left: '+2px' }, 60)
.animate({ left: '0px' }, 60)
.queue(function(){
redo config-backup popup a bit
2021-04-18 22:36:39 +02:00
$x.css({ position: '', left: '' }).dequeue();
further work on backup ui
2021-04-18 13:55:59 +02:00
});
}
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
/*
* inline editing
Make use of Storage api
2021-03-31 18:27:33 +02:00
*/
function startEditing($text, ev)
{
var $note = $text.parent();
var $edit = $note.find('.edit');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$note[0]._collapsed = $note.hasClass('collapsed');
$note.removeClass('collapsed');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$edit.val( getText($text) );
$edit.width( $text.width() );
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$edit.height( $text.height() );
$note.addClass('editing');
Add Alt-arrow-up, Alt-arrow-down and Alt-R keyboard shortcuts
2021-03-26 10:29:33 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$edit.focus();
}
Add Alt-arrow-up, Alt-arrow-down and Alt-R keyboard shortcuts
2021-03-26 10:29:33 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function stopEditing($edit, via_escape, via_xclick)
{
var $item = $edit.parent();
if (! $item.hasClass('editing'))
return;
Add Alt-arrow-up, Alt-arrow-down and Alt-R keyboard shortcuts
2021-03-26 10:29:33 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$item.removeClass('editing');
if ($item[0]._collapsed)
$item.addClass('collapsed')
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
var $text = $item.find('.text');
var text_now = $edit.val().trimRight();
var text_was = getText( $text );
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
var brand_new = $item.hasClass('brand-new');
$item.removeClass('brand-new');
Initial import
2019-05-28 12:09:54 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
if (via_escape)
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
{
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
if (brand_new)
$item.closest('.note, .list, .board').remove();
Make use of Storage api
2021-03-31 18:27:33 +02:00
return;
Initial import
2019-05-28 12:09:54 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (via_xclick && brand_new && !text_now.length)
{
$item.closest('.note, .list, .board').remove();
return;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (text_now != text_was || brand_new)
{
setText( $text, text_now );
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if ($item.parent().hasClass('board'))
NB.board.title = text_now;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
updatePageTitle();
saveBoard();
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
if (brand_new && $item.hasClass('list'))
addNote($item);
}
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
function handleTab(ev)
{
var $this = $(this);
var $note = $this.closest('.note');
var $sibl = ev.shiftKey ? $note.prev() : $note.next();
if ($sibl.length)
{
stopEditing($this, false, false);
$sibl.find('.text').click();
}
}
//
function setRevealState(ev)
{
var raw = ev.originalEvent;
var caps = raw.getModifierState && raw.getModifierState( 'CapsLock' );
if (caps) $('body').addClass('reveal');
else $('body').removeClass('reveal');
}
Initial import
2019-05-28 12:09:54 +02:00
//
Make use of Storage api
2021-03-31 18:27:33 +02:00
function showDing()
{
$('body')
.addClass('ding')
.delay(250)
.queue(function(){ $(this).removeClass('ding').dequeue(); });
}
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
/*
* overlay
*/
Make use of Storage api
2021-03-31 18:27:33 +02:00
function showOverlay($div)
{
$('.overlay')
.html('')
.append($div)
further work on backup ui
2021-04-18 13:55:59 +02:00
.css({ opacity: 0, display: 'flex' })
Make use of Storage api
2021-03-31 18:27:33 +02:00
.animate({ opacity: 1 });
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function hideOverlay()
{
$('.overlay').animate({ opacity: 0 }, function(){
$(this).hide();
});
}
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function haveOverlay()
{
return $('.overlay').css('display') != 'none';
}
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
/*
* license popup
*/
Make use of Storage api
2021-03-31 18:27:33 +02:00
function formatLicense()
{
var text = document.head.childNodes[1].nodeValue;
var pos = text.search('LICENSE');
var qos = text.search('Software:');
var bulk;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
bulk = text.substr(pos, qos-pos);
bulk = bulk.replace(/([^\n])\n\t/g, '$1 ');
bulk = bulk.replace(/\n\n\t/g, '\n\n');
bulk = bulk.replace(/([A-Z ]{7,})/g, '<u>$1</u>');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
var c1 = [];
var c2 = [];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
text.substr(qos).trim().split('\n').forEach(function(line){
line = line.split(':');
c1.push( line[0].trim() + ':' );
c2.push( line[1].trim() );
});
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
bulk += '<span>' + c1.join('<br>') + '</span>';
bulk += '<span>' + c2.join('<br>') + '</span>';
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
var links =
[
{ text: '2-clause BSD license', href: 'https://opensource.org/licenses/BSD-2-Clause/' },
{ text: 'Commons Clause', href: 'https://commonsclause.com/' }
];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
links.forEach(function(l){
bulk = bulk.replace(l.text, '<a href="' + l.href + '" target=_blank>' + l.text + '</a>');
});
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return bulk.trim();
}
Initial import
2019-05-28 12:09:54 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
/*
* adjust this and that
*/
Make use of Storage api
2021-03-31 18:27:33 +02:00
function adjustLayout()
{
var $body = $('body');
var $board = $('.board');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! $board.length)
return;
Initial import
2019-05-28 12:09:54 +02:00
adjustLayout on listWidth changes
2021-04-06 19:54:47 +02:00
var list_w = getListWidth();
Make use of Storage api
2021-03-31 18:27:33 +02:00
var lists = $board.find('.list').length;
adjustLayout on listWidth changes
2021-04-06 19:54:47 +02:00
var lists_w = (lists < 2) ? list_w : (list_w + 10) * lists - 10;
Make use of Storage api
2021-03-31 18:27:33 +02:00
var body_w = $body.width();
if (lists_w + 190 <= body_w)
{
$board.css('max-width', '');
$body.removeClass('crowded');
}
else
{
adjustLayout on listWidth changes
2021-04-06 19:54:47 +02:00
var max = Math.floor( (body_w - 40) / (list_w + 10) );
max = (max < 2) ? list_w : (list_w + 10) * max - 10;
Make use of Storage api
2021-03-31 18:27:33 +02:00
$board.css('max-width', max + 'px');
$body.addClass('crowded');
}
}
Initial import
2019-05-28 12:09:54 +02:00
//
Make use of Storage api
2021-03-31 18:27:33 +02:00
function adjustListScroller()
{
var $board = $('.board');
if (! $board.length)
return;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $lists = $('.board .lists');
var $scroller = $('.board .lists-scroller');
var $inner = $scroller.find('div');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var max = $board.width();
var want = $lists[0].scrollWidth;
add varAdjust
2021-04-07 18:51:52 +02:00
var have = $inner.outerWidth();
Initial import
2019-05-28 12:09:54 +02:00
cosmetic tweaks
2021-04-08 13:24:35 +02:00
if (want <= max+5)
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
$scroller.hide();
return;
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$scroller.show();
if (want == have)
return;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$inner.width(want);
cloneScrollPos($lists, $scroller);
}
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function cloneScrollPos($src, $dst)
{
var src = $src[0];
var dst = $dst[0];
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (src._busyScrolling)
{
src._busyScrolling--;
return;
}
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
dst._busyScrolling++;
dst.scrollLeft = src.scrollLeft;
}
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
function setupListScrolling()
{
var $lists = $('.board .lists');
var $scroller = $('.board .lists-scroller');
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
adjustListScroller();
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$lists[0]._busyScrolling = 0;
$scroller[0]._busyScrolling = 0;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$scroller.on('scroll', function(){ cloneScrollPos($scroller, $lists); });
$lists .on('scroll', function(){ cloneScrollPos($lists, $scroller); });
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
adjustLayout();
}
Initial import
2019-05-28 12:09:54 +02:00
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
/*
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
* dragsters
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
*/
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
function initDragAndDrop()
{
NB.noteDrag = new Drag2();
Fix not being able to drop notes on an empty list
2021-04-14 16:17:21 +02:00
NB.noteDrag.listSel = '.board .list .notes';
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
NB.noteDrag.itemSel = '.note';
NB.noteDrag.dragster = 'note-dragster';
NB.noteDrag.onDragging = function(started)
{
var drag = this;
var $note = $(drag.item);
if (started)
{
var $drag = drag.$drag;
if ($note.hasClass('collapsed'))
$drag.addClass('collapsed');
$drag.html('<div class=text></div>');
$drag.find('.text').html( $note.find('.text').html() );
drag.org_loc = noteLocation($note);
if ($note.hasClass('collapsed'))
drag.$drag.addClass('collapsed');
}
else
{
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
if (this.org_loc != noteLocation($note))
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
saveBoard();
}
}
NB.loadDrag = new Drag2();
NB.loadDrag.listSel = '.config .boards';
NB.loadDrag.itemSel = 'a.load-board';
NB.loadDrag.dragster = 'load-dragster';
NB.loadDrag.onDragging = function(started)
{
var drag = this;
if (started)
{
var $drag = drag.$drag;
$('.config .teaser').css({ display: 'none' });
$('.config .bulk').css({ display: 'block', opacity: 1 });
$drag.html( $(this.item).html() );
}
else
{
$('.config .teaser').css({ display: '' });
$('.config .bulk')
.show()
.delay(250)
.queue(function(){ $(this).css({ display: '', opacity: '' }).dequeue(); });
saveBoardOrder();
}
}
}
/*
* fonts
*/
function initFonts()
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
var toGo = 0;
var loaded = [];
var failed = [];
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
NB.font = null; // current font
//
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
function isUsable(f)
{
return ! failed.includes(f) && loaded.includes(f);
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
function onFontsLoaded()
{
var conf = NB.storage.getConfig();
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
$('.config .switch-font').each(function(){
if (! isUsable($(this).attr('font')))
$(this).remove();
});
if (conf.fontName && ! isUsable(conf.fontName))
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
{
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setFontName(null);
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
selectFont(null);
}
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
selectFont(conf.fontName || 'barlow');
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
if (conf.fontSize)
setFontSize(conf.fontSize);
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
if (conf.lineHeight)
setLineHeight(conf.lineHeight);
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
add varAdjust
2021-04-07 18:51:52 +02:00
updateVarsAndLayout();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
function onFontLoaded(f, ok)
{
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
var m = f.family.match(/["']?f-([^"']*)/);
var f_name = m ? m[1] : ''; /* ios safari will set 'family' to 'weight' on failure ! */
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
if (! ok)
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
console.log( `! Failed to load ${f.family} ${f.weight}` );
failed.push(f_name);
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
else
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
loaded.push(f_name);
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
if (! --toGo)
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
onFontsLoaded();
}
document.fonts.forEach(function(f){
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
if (f.status == 'loaded')
return;
console.log( `Loading ${f.family} ${f.weight} ...` );
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
toGo++;
f.load()
.then(function(){ onFontLoaded(f, true); })
.catch(function(){ onFontLoaded(f, false); });
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
});
}
function selectFont(font)
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
{
rework fs/lh overrides
2021-04-06 18:37:26 +02:00
var $html = $('html');
$html.removeClass('f-' + NB.font).addClass('f-' + font);
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
NB.font = font;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
var $list = $('.config .switch-font');
$list.removeClass('active');
$list.filter('[font="' + font + '"]').addClass('active');
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
add varAdjust
2021-04-07 18:51:52 +02:00
updateVarsAndLayout();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
//
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
function getVar(name)
{
var v = $('html').css(name);
var m = v.match(/^\s*calc\((.*)\)$/);
if (m) v = eval(m[1]);
return parseFloat( v );
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
function getFontSize()
{
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
return getVar('--fs');
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
function getLineHeight()
{
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
return getVar('--lh');;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
}
+ list-width option
2021-04-06 19:32:46 +02:00
function getListWidth()
{
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
return parseInt( getVar('--lw') );
+ list-width option
2021-04-06 19:32:46 +02:00
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
//
function updateFontSize()
{
var val = getFontSize();
rework fs/lh overrides
2021-04-06 18:37:26 +02:00
$('.config .f-prefs .ui-fs .val').html( val.toFixed(1) );
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
return val;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
redo Drag class
2021-04-01 19:12:43 +02:00
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
function updateLineHeight()
redo Drag class
2021-04-01 19:12:43 +02:00
{
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
var val = getLineHeight();
rework fs/lh overrides
2021-04-06 18:37:26 +02:00
$('.config .f-prefs .ui-lh .val').html( val.toFixed(1) );
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
return val;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
redo Drag class
2021-04-01 19:12:43 +02:00
+ list-width option
2021-04-06 19:32:46 +02:00
function updateListWidth()
{
var val = getListWidth();
$('.config .f-prefs .ui-lw .val').html( val.toFixed(0) );
return val;
}
add varAdjust
2021-04-07 18:51:52 +02:00
function updateVarsAndLayout()
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
{
updateFontSize();
updateLineHeight();
updateListWidth();
add varAdjust
2021-04-07 18:51:52 +02:00
adjustLayout();
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
//
function setFontSize(fs)
{
add varAdjust
2021-04-07 18:51:52 +02:00
fs = fs.clamp(9, 24);
$('html').css('--fs', fs + '').addClass('fs-set');
updateVarsAndLayout();
if (getLineHeight() < fs)
setLineHeight(fs);
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
return getFontSize();
redo Drag class
2021-04-01 19:12:43 +02:00
}
revised dark mode styling, made theme choice sticky
2020-02-19 03:50:03 +01:00
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
function setLineHeight(lh)
+ board reordering in the index
2021-04-02 01:59:34 +02:00
{
add varAdjust
2021-04-07 18:51:52 +02:00
var fs = getFontSize();
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
lh = parseInt(10*lh) / 10.; // trim to a single decimal digit
add varAdjust
2021-04-07 18:51:52 +02:00
lh = lh.clamp(fs, 3*fs);
$('html').css('--lh', lh + '').addClass('lh-set');
updateVarsAndLayout();
switch to calc() for --lh
2021-04-07 13:56:10 +02:00
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
return getLineHeight();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
+ list-width option
2021-04-06 19:32:46 +02:00
function setListWidth(lw)
{
add varAdjust
2021-04-07 18:51:52 +02:00
lw = lw.clamp(200, 400);
$('html').css('--lw', lw + '').addClass('lw-set');
updateVarsAndLayout();
+ list-width option
2021-04-06 19:32:46 +02:00
return getListWidth();
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
//
function resetFontSize()
{
rework fs/lh overrides
2021-04-06 18:37:26 +02:00
$('html').css('--fs', '').removeClass('fs-set');
add varAdjust
2021-04-07 18:51:52 +02:00
updateVarsAndLayout();
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
return updateFontSize();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
}
function resetLineHeight()
{
rework fs/lh overrides
2021-04-06 18:37:26 +02:00
$('html').css('--lh', '').removeClass('lh-set');
add varAdjust
2021-04-07 18:51:52 +02:00
updateVarsAndLayout();
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
return updateLineHeight();
+ board reordering in the index
2021-04-02 01:59:34 +02:00
}
+ list-width option
2021-04-06 19:32:46 +02:00
function resetListWidth()
{
$('html').css('--lw', '').removeClass('lw-set');
add varAdjust
2021-04-07 18:51:52 +02:00
updateVarsAndLayout();
+ list-width option
2021-04-06 19:32:46 +02:00
return updateListWidth();
}
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
//
function saveUiPrefs()
{
var $html = $('html');
NB.storage.setFontSize ( $html.hasClass('fs-set') ? getFontSize() : null );
NB.storage.setLineHeight ( $html.hasClass('lh-set') ? getLineHeight() : null );
NB.storage.setListWidth ( $html.hasClass('lw-set') ? getListWidth() : null );
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
* event handlers
Make use of Storage api
2021-03-31 18:27:33 +02:00
*/
$(window).on('blur', function(){
$('body').removeClass('reveal');
});
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(document).on('keydown', function(ev){
setRevealState(ev);
});
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(document).on('keyup', function(ev){
reshuffle code a bit
2021-03-30 10:18:01 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var raw = ev.originalEvent;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
setRevealState(ev);
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (ev.target.nodeName == 'TEXTAREA' ||
ev.target.nodeName == 'INPUT')
return;
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (ev.ctrlKey && (raw.code == 'KeyZ'))
{
var ok = ev.shiftKey ? redoBoard() : undoBoard();
if (! ok)
showDing();
}
else
if (ev.ctrlKey && (raw.code == 'KeyY'))
{
if (! redoBoard())
showDing();
}
});
reword demo board re-instantiation
2021-03-30 10:37:15 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .text', function(ev){
Initial import
2019-05-28 12:09:54 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (this.was_dragged)
{
this.was_dragged = false;
return false;
}
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
+ board reordering in the index
2021-04-02 01:59:34 +02:00
NB.noteDrag.cancelPriming();
revert to inline styles, adjust theme switcher - reverted to inline CSS for easier merging with other branches - adjusted a few styles in the theme switcher - use string variable to check theme mode instead of background color, in case other people want to change the color values
2020-02-08 12:02:45 -05:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
startEditing($(this), ev);
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .note .text a', function(ev){
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! $('body').hasClass('reveal'))
return true;
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
ev.stopPropagation();
return true;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.wrap').on('keydown', '.board .edit', function(ev){
+ first revision of Storage
2021-03-31 12:35:41 +02:00
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
var $this = $(this);
var $note = $this.closest('.note');
var $list = $this.closest('.list');
var isNote = $note.length > 0;
var isList = $list.length > 0;
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// esc
if (ev.keyCode == 27)
+ first revision of Storage
2021-03-31 12:35:41 +02:00
{
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
stopEditing($this, true, false);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
+ first revision of Storage
2021-03-31 12:35:41 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
// tab
if (ev.keyCode == 9)
+ first revision of Storage
2021-03-31 12:35:41 +02:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
handleTab.call(this, ev);
return false;
+ first revision of Storage
2021-03-31 12:35:41 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
// done
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
if (ev.keyCode == 13 && ev.altKey ||
Make use of Storage api
2021-03-31 18:27:33 +02:00
ev.keyCode == 13 && ev.shiftKey && ! ev.ctrlKey)
+ first revision of Storage
2021-03-31 12:35:41 +02:00
{
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
stopEditing($this, false, false);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
+ first revision of Storage
2021-03-31 12:35:41 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
// done + (add after / add before)
if (ev.keyCode == 13 && ev.ctrlKey)
+ first revision of Storage
2021-03-31 12:35:41 +02:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
stopEditing($this, false, false);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
if (isNote)
{
if (ev.shiftKey) // ctrl-shift-enter
addNote($list, null, $note);
else
addNote($list, $note);
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
else
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
if (isList)
{
$note = $list.find('.note').last();
Make use of Storage api
2021-03-31 18:27:33 +02:00
addNote($list, $note);
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
}
else
{
addList();
}
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
}
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// done + collapse
if (isNote && ev.altKey && ev.key == 'ArrowUp')
{
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
var $item = $this.parent();
Make use of Storage api
2021-03-31 18:27:33 +02:00
$item[0]._collapsed = true;
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
stopEditing($this, false, false);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
}
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// done + expand
if (isNote && ev.altKey && ev.key == 'ArrowDown')
{
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
var $item = $this.parent();
Make use of Storage api
2021-03-31 18:27:33 +02:00
$item[0]._collapsed = false;
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
stopEditing($this, false, false);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
+ first revision of Storage
2021-03-31 12:35:41 +02:00
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
// done + toggle 'raw'
if (isNote && ev.altKey && ev.keyCode == 82)
+ first revision of Storage
2021-03-31 12:35:41 +02:00
{
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
$this.parent().toggleClass('raw');
stopEditing($this, false, false);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
}
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// ctrl-shift-8
if (isNote && ev.key == '*' && ev.ctrlKey)
{
var have = this.value;
var pos = this.selectionStart;
var want = have.substr(0, pos) + '\u2022 ' + have.substr(this.selectionEnd);
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
$this.val(want);
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.selectionStart = this.selectionEnd = pos + 2;
return false;
}
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return true;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('keypress', '.board .edit', function(ev){
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
// tab
if (ev.keyCode == 9)
+ first revision of Storage
2021-03-31 12:35:41 +02:00
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
handleTab.call(this, ev);
return false;
}
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.wrap').on('blur', '.board .edit', function(ev){
if (document.activeElement != this)
stopEditing($(this), false, true);
else
; // switch away from the browser window
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.wrap').on('input propertychange', '.board .note .edit', function(){
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var delta = $(this).outerHeight() - $(this).height();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(this).height(10);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (this.scrollHeight > this.clientHeight)
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
$(this).height(this.scrollHeight - delta);
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.config').on('click', '.add-board', function(){
addBoard();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.config').on('click', '.load-board', function(){
+ first revision of Storage
2021-03-31 12:35:41 +02:00
+ board reordering in the index
2021-04-02 01:59:34 +02:00
var board_id = parseInt( $(this).attr('board_id') );
NB.loadDrag.cancelPriming();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (NB.board && (NB.board.id == board_id))
closeBoard();
else
+ board reordering in the index
2021-04-02 01:59:34 +02:00
openBoard(board_id);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .del-board', function(){
deleteBoard();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .undo-board', function(){
undoBoard();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .redo-board', function(){
redoBoard();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.wrap').on('click', '.board .add-list', function(){
addList();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .del-list', function(){
deleteList( $(this).closest('.list') );
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .mov-list-l', function(){
moveList( $(this).closest('.list'), true );
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .mov-list-r', function(){
moveList( $(this).closest('.list'), false );
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.wrap').on('click', '.board .add-note', function(){
addNote( $(this).closest('.list') );
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .del-note', function(){
deleteNote( $(this).closest('.note') );
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .raw-note', function(){
$(this).closest('.note').toggleClass('raw');
saveBoard();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.wrap').on('click', '.board .collapse', function(){
$(this).closest('.note').toggleClass('collapsed');
saveBoard();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.wrap').on('mousedown', '.board .note .text', function(ev){
+ board reordering in the index
2021-04-02 01:59:34 +02:00
NB.noteDrag.prime(this.parentNode, ev);
});
$('.config').on('mousedown', 'a.load-board', function(ev){
if ($('.config a.load-board').length > 1)
NB.loadDrag.prime(this, ev);
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
add varAdjust
2021-04-07 18:51:52 +02:00
//
$('.config').on('mousedown', '.ui-fs .val', function(ev){
var org = getFontSize();
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
NB.varAdjust.start(ev, function(delta){ setFontSize( org + delta/50. ); }, saveUiPrefs);
add varAdjust
2021-04-07 18:51:52 +02:00
});
$('.config').on('mousedown', '.ui-lh .val', function(ev){
var org = getLineHeight();
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
NB.varAdjust.start(ev, function(delta){ setLineHeight( org + delta/50. ); }, saveUiPrefs);
add varAdjust
2021-04-07 18:51:52 +02:00
});
$('.config').on('mousedown', '.ui-lw .val', function(ev){
var org = getListWidth();
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
NB.varAdjust.start(ev, function(delta){ setListWidth( org + delta/5. ); }, saveUiPrefs);
add varAdjust
2021-04-07 18:51:52 +02:00
});
//
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(document).on('mouseup', function(ev){
+ board reordering in the index
2021-04-02 01:59:34 +02:00
NB.noteDrag.end();
NB.loadDrag.end();
add varAdjust
2021-04-07 18:51:52 +02:00
NB.varAdjust.end();
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(document).on('mousemove', function(ev){
setRevealState(ev);
+ board reordering in the index
2021-04-02 01:59:34 +02:00
NB.noteDrag.onMouseMove(ev);
NB.loadDrag.onMouseMove(ev);
add varAdjust
2021-04-07 18:51:52 +02:00
NB.varAdjust.onMouseMove(ev);
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
further work on backups
2021-04-14 13:54:03 +02:00
$('.config .imp-board').on('click', function(ev){
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.config .imp-board-select').click();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
further work on backups
2021-04-14 13:54:03 +02:00
$('.config .imp-board-select').on('change' , function(){
Make use of Storage api
2021-03-31 18:27:33 +02:00
var files = this.files;
var reader = new FileReader();
reader.onload = function(ev){ importBoard(ev.target.result); };
reader.readAsText(files[0]);
return true;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
further work on backups
2021-04-14 13:54:03 +02:00
$('.config .exp-board').on('click', function(){
+ exportBoard()
2021-03-31 20:20:49 +02:00
var pack = exportBoard();
$(this).attr('href', pack.blob);
$(this).attr('download', pack.file);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return true;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
further work on backups
2021-04-14 13:54:03 +02:00
$('.config .auto-backup').on('click', function(){
further work on backup ui
2021-04-18 13:55:59 +02:00
configBackups();
further work on backups
2021-04-14 13:54:03 +02:00
});
ui preferences now open on click
2021-04-06 16:51:20 +02:00
//
$('.config .section .title').on('click', function(){
$(this).closest('.section').toggleClass('open');
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
$('.config').on('click', '.switch-font', function(){
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
var font = $(this).attr('font');
selectFont(font);
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setFontName(font);
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
//
$('.config .f-prefs .ui-fs .less').on('click', function(){
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
setFontSize( parseInt(10*getFontSize()) / 10. - 0.5 );
saveUiPrefs();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
return false;
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
});
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
$('.config .f-prefs .ui-fs .val').on('click', function(){
add varAdjust
2021-04-07 18:51:52 +02:00
if (NB.varAdjust.used) return false;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
var fs = resetFontSize();
add varAdjust
2021-04-07 18:51:52 +02:00
if (getLineHeight() < fs) setLineHeight(fs);
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
saveUiPrefs();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
return false;
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
});
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
$('.config .f-prefs .ui-fs .more').on('click', function(){
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
setFontSize( parseInt(10*getFontSize()) / 10. + 0.5 );
saveUiPrefs();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
return false;
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
});
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
//
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
$('.config .f-prefs .ui-lh .less').on('click', function(){
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
setLineHeight( parseInt(10*getLineHeight()) / 10. - 0.1 );
saveUiPrefs();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
return false;
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
});
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
$('.config .f-prefs .ui-lh .val').on('click', function(){
add varAdjust
2021-04-07 18:51:52 +02:00
if (NB.varAdjust.used) return false;
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
var lh = resetLineHeight();
add varAdjust
2021-04-07 18:51:52 +02:00
if (lh < getFontSize()) setFontSize(lh);
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
saveUiPrefs();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
return false;
});
$('.config .f-prefs .ui-lh .more').on('click', function(){
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
setLineHeight( parseInt(10*getLineHeight()) / 10. + 0.1 );
saveUiPrefs();
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
return false;
});
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
+ list-width option
2021-04-06 19:32:46 +02:00
//
$('.config .f-prefs .ui-lw .less').on('click', function(){
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
setListWidth( getListWidth() - 5 );
saveUiPrefs();
+ list-width option
2021-04-06 19:32:46 +02:00
return false;
});
$('.config .f-prefs .ui-lw .val').on('click', function(){
add varAdjust
2021-04-07 18:51:52 +02:00
if (NB.varAdjust.used) return false;
+ list-width option
2021-04-06 19:32:46 +02:00
resetListWidth();
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
saveUiPrefs();
+ list-width option
2021-04-06 19:32:46 +02:00
return false;
});
$('.config .f-prefs .ui-lw .more').on('click', function(){
Save font-size/line-height/list-width changes made by up/down drags
2021-04-14 17:15:13 +02:00
setListWidth( getListWidth() + 5 );
saveUiPrefs();
+ list-width option
2021-04-06 19:32:46 +02:00
return false;
});
ui preferences now open on click
2021-04-06 16:51:20 +02:00
//
further work on backups
2021-04-14 17:00:49 +02:00
$('.config .switch-theme').on('click', function() {
ui preferences now open on click
2021-04-06 16:51:20 +02:00
var $html = $('html');
$html.toggleClass('theme-dark');
NB.storage.setTheme($html.hasClass('theme-dark') ? 'dark' : '');
return false;
});
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
$('.overlay').click(function(ev){
if (ev.originalEvent.target != this)
return true;
hideOverlay();
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(window).keydown(function(ev){
if (haveOverlay() && ev.keyCode == 27)
hideOverlay();
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.view-about').click(function(){
var $div = $('tt .about').clone();
cosmetics
2021-03-31 20:49:29 +02:00
$div.find('div').html(`Version ${NB.codeVersion}`);
Make use of Storage api
2021-03-31 18:27:33 +02:00
showOverlay($div);
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.view-license').click(function(){
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var $div = $('tt .license').clone();
$div.html(formatLicense());
showOverlay($div);
return false;
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
$('.view-changes').click(function(){
if (! $('.logo').hasClass('updated'))
return;
NB.storage.setVerSeen();
$('.logo').removeClass('updated');
});
further work on backup ui
2021-04-18 13:55:59 +02:00
/***/
Make use of Storage api
2021-03-31 18:27:33 +02:00
$(window).resize(adjustLayout);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
redo dark theme, disable native drag-n-drop, cosmetic fixes
2021-04-06 23:54:46 +02:00
$('body').on('dragstart', function(){ return false; });
Make use of Storage api
2021-03-31 18:27:33 +02:00
/*
* the init()
*/
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
var NB =
{
+ support for Ctrl-Enter in list and board titles
2021-10-23 15:13:51 +02:00
codeVersion: 20211023,
add varAdjust
2021-04-07 18:51:52 +02:00
blobVersion: 20190412, // board blob format in Storage
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
board: null,
add support for marking up local (file) links with
2021-08-04 12:40:53 +02:00
storage: null,
peek: function(name)
{
return this.storage.getConfig()[name];
},
poke: function(name, val)
{
var conf = this.storage.getConfig();
conf[name] = val;
return this.storage.saveConfig();
}
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
};
NB.storage = new Storage_Local();
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! NB.storage.open())
{
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
easyMartina = true;
throw new Error();
Make use of Storage api
2021-03-31 18:27:33 +02:00
}
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
var boards = NB.storage.getBoardIndex();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
boards.forEach( function(meta, board_id) {
Make use of Storage api
2021-03-31 18:27:33 +02:00
var hist = meta.history.join(', ');
+ runPendingBackups
2021-04-25 20:33:33 +02:00
console.log( `Found board ${board_id} - "${meta.title}", revision ${meta.current}, history [${hist}], backup ${JSON.stringify(meta.backupStatus)}` );
Make use of Storage api
2021-03-31 18:27:33 +02:00
});
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
var conf = NB.storage.getConfig();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
add support for marking up local (file) links with
2021-08-04 12:40:53 +02:00
console.log( `Active: [${conf.board}]` );
console.log( `Theme: [${conf.theme}]` );
console.log( `Font: [${conf.fontName}], size [${conf.fontSize || '-'}], line-height [${conf.lineHeight || '-'}]` );
console.log( `FileLinks: [${conf.fileLinks}]` );
console.log( 'Backups: ', conf.backups);
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
further work on backups
2021-04-14 13:54:03 +02:00
/*
* backups
*/
NB.backupTypes = new Map();
+ BackupStorage.type
2021-04-14 14:37:25 +02:00
NB.backupTypes.set( (new SimpleBackup).type, SimpleBackup );
first draft of BackupStorage support
2021-04-13 19:05:14 +02:00
serialize requests in BackupStorage
2021-04-25 14:37:57 +02:00
NB.storage.initBackups(onBackupStatusChange);
further work on backups
2021-04-14 13:54:03 +02:00
/*
* the ui
*/
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
initFonts();
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
initDragAndDrop();
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
add varAdjust
2021-04-07 18:51:52 +02:00
NB.varAdjust = new VarAdjust()
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
//
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (conf.theme)
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
$('html').addClass('theme-' + conf.theme);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (conf.board)
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
openBoard(conf.board);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
adjustLayout();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
updateBoardIndex();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
+ update notification, assorted minor tweaks
2021-04-10 14:12:32 +02:00
setWhatsNew();
NB.storage.setVerLast();
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
//
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (! NB.board && ! $('.config .load-board').length)
NB.board = createDemoBoard();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (NB.board)
showBoard(true);
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Make use of Storage api
2021-03-31 18:27:33 +02:00
//
setInterval(adjustListScroller, 100);
setupListScrolling();
+ first revision of Storage
2021-03-31 12:35:41 +02:00
Initial import
2019-05-28 12:09:54 +02:00
</script>
</html>
Reference in New Issue Copy Permalink