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

3950 lines
78 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;
}
/***/
.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
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;
opacity: 0.6;
z-index: 3;
background: #f8f9fb;
}
body.crowded .logo:hover {
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.logo:hover {
opacity: 1.0;
}
.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;
}
.logo a {
color: #000;
display: block;
}
.logo a:hover {
color: #1489db;
}
.logo .bulk a:before {
display: inline-block;
content: '-';
width: 11px;
}
/***/
.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;
}
.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;
}
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;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.config .bulk .break {
first revision of font-size/line-height customization
2021-04-05 18:20:23 +02:00
padding: 6px 2px 0;
margin: 6px -2px 0;
+ zoomed-in mode
2020-02-19 14:25:11 +01:00
border-top: 1px solid #00000028;
}
+ 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 .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 {
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);
display: none;
fix about/license text color in dark mode
2020-02-19 12:46:15 +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
}
/***/
.overlay .license {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(12rem / 11);
line-height: calc(16 / 12);
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;
width: 384px;
height: auto;
max-height: 600px;
padding: 20px 25px 22px;
overflow-y: auto;
background: #fff;
position: absolute;
top: 100px;
left: 50%;
margin-left: -192px;
+ 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
}
.overlay .license a {
color: #1489db;
}
.overlay .license span {
display: inline-block;
padding-right: 8px;
}
/***/
.overlay .about {
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
font-size: calc(12rem / 11);
line-height: calc(16 / 12);
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;
height: auto;
padding: 50px 25px;
background: #fff;
position: absolute;
top: 100px;
left: 50%;
margin-left: -145px;
}
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
.overlay .about,
.overlay .about div {
width: calc( (var(--fs) * 18 + 39) * 1px ); /* 240px, 277px */
}
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 .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;
}
.overlay .about a {
display: block;
color: #1489db;
}
.overlay .about div {
position: absolute;
bottom: -30px;
cosmetics
2021-03-31 20:49:29 +02:00
color: #eee;
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 .about div span {
display: inline-block;
text-align: left;
padding-right: 10px;
}
/***/
@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
/***/
Make use of Storage api
2021-03-31 18:27:33 +02:00
.theme-dark textarea,
.theme-dark 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>
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=logo>
<a href=https://nullboard.io>Nullboard</a>
<div class=bulk>
<a href=# class=view-about>About</a>
<a href=# class=view-license>License</a>
<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'>
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=teaser>&equiv;</a>
<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
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>
</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
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.format = NB.confVersion;
this.maxUndo = 50; // board revisions to keep
this.fontName = null; // font-family
this.fontSize = null; // font-size
this.lineHeight = null; // line-height
+ list-width option
2021-04-06 19:32:46 +02:00
this.listWidth = null; // list-width
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.theme = null; // default or 'dark'
this.board = null; // active board
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 = '';
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
this.current = 1; // revision
+ board reordering in the index
2021-04-02 01:59:34 +02:00
this.ui_spot = 0; // 0 = not set
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
this.history = [ ]; // revision IDs
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();
}
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
}
Make use of Storage api
2021-03-31 18:27:33 +02:00
setActiveBoard(board_id)
{
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
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.conf.board = board_id;
return this.setJson('config', this.conf);
}
+ 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)
{
this.conf.theme = theme;
return this.setJson('config', this.conf);
}
+ 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
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.fontName = fname;
Make use of Storage api
2021-03-31 18:27:33 +02:00
return this.setJson('config', this.conf);
}
+ 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
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.fontSize = fs;
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
return this.setJson('config', this.conf);
}
ui preferences now open on click
2021-04-06 16:51:20 +02:00
setLineHeight(lh)
{
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
this.conf.lineHeight = lh;
ui preferences now open on click
2021-04-06 16:51:20 +02:00
return this.setJson('config', this.conf);
}
+ list-width option
2021-04-06 19:32:46 +02:00
setListWidth(lw)
{
this.conf.listWidth = lw;
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
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
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
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;
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;
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;
}
};
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');
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
if (conf && (conf.format != NB.confVersion))
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
+ support for importing multiple boards in one go
2021-03-31 19:32:01 +02:00
if (! confirm('Preferences are stored in an unsupported format. Reset them?'))
Make use of Storage api
2021-03-31 18:27:33 +02:00
return false;
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
conf = null;
}
if (conf)
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
this.conf = conf;
}
else
{
this.conf.theme = this.getItem('theme');
this.conf.board = this.getItem('last_board');
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;
}
}
+ 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
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;
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
Make use of Storage api
2021-03-31 18:27:33 +02:00
if (this.conf.board && ! this.boardIndex.has(this.conf.board))
this.conf.board = null;
Initial import
2019-05-28 12:09:54 +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
}
}
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()
{
redo Drag class
2021-04-01 19:12:43 +02:00
console.log('onPrimed');
Make use of Storage api
2021-03-31 18:27:33 +02:00
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
Make use of Storage api
2021-03-31 18:27:33 +02:00
var target = null; // if over some item
var before = false; // if should go before that item
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
redo Drag class
2021-04-01 19:12:43 +02:00
target = this;
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
{
redo Drag class
2021-04-01 19:12:43 +02:00
target = itemTop;
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)
{
target = itemBottom;
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
redo Drag class
2021-04-01 19:12:43 +02:00
if (! target)
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 (target == drag.item)
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 (! 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 $target = $(target);
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
redo Drag class
2021-04-01 19:12:43 +02:00
if (before)
{
$want.insertBefore($target);
$want = $target.prev();
}
else
Make use of Storage api
2021-03-31 18:27:33 +02:00
{
redo Drag class
2021-04-01 19:12:43 +02:00
$want.insertAfter($target);
$want = $target.next();
}
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
*/
if (target.parentNode == have.parentNode)
{
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;
this.startY = 0;
this.used = false;
// api
this.start = function(ev, onChange)
{
if (! onChange)
return;
this.onChange = onChange;
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;
}
}
</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
Make use of Storage api
2021-03-31 18:27:33 +02:00
if ($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
$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
if ($after)
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)
{
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
Make use of Storage api
2021-03-31 18:27:33 +02:00
updateUndoRedo();
updateBoardIndex();
}
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');
var board = Object.assign({}, NB.board); // id, revision & title
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');
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
reshuffle the code a bit
2021-03-31 20:35:46 +02:00
NB.storage.nukeBoard(NB.board.id);
Make use of Storage api
2021-03-31 18:27:33 +02:00
closeBoard();
}
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);
}
+ 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');
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();
}
else
{
$export.hide();
}
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
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
*/
function htmlEncode(raw)
{
return $('tt .encoder').text(raw).html();
}
function setText($note, text)
{
$note.attr('_text', text);
text = htmlEncode(text);
+ font options, rework .collapsed class
2021-04-05 11:50:02 +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>';
});
+ 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(); }
}
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)
.css({ opacity: 0, display: 'block' })
.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();
NB.noteDrag.listSel = '.board .list';
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
{
if (drag.org_log != noteLocation($note))
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)
{
var f_name = f.family.substr(3,f.family.length-4);
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();
}
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
Make use of Storage api
2021-03-31 18:27:33 +02:00
var isNote = (this.tagName == 'TEXTAREA');
+ 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
{
Make use of Storage api
2021-03-31 18:27:33 +02:00
stopEditing($(this), true, 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
// 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
if (ev.keyCode == 13 && ! isNote ||
ev.keyCode == 13 && ev.altKey ||
ev.keyCode == 13 && ev.shiftKey && ! 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);
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
var $this = $(this);
var $note = $this.closest('.note');
var $list = $note.closest('.list');
+ 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
Make use of Storage api
2021-03-31 18:27:33 +02:00
if ($note && ev.shiftKey) // ctrl-shift-enter
addNote($list, null, $note);
else
if ($note && !ev.shiftKey) // ctrl-enter
addNote($list, $note);
+ 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')
{
var $item = $(this).parent();
$item[0]._collapsed = true;
stopEditing($(this), false, 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
// done + expand
if (isNote && ev.altKey && ev.key == 'ArrowDown')
{
var $item = $(this).parent();
$item[0]._collapsed = false;
stopEditing($(this), false, 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
// done + toggle 'raw'
if (isNote && ev.altKey && ev.keyCode == 82)
+ 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).parent().toggleClass('raw');
stopEditing($(this), false, 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
// 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);
$(this).val(want);
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();
NB.varAdjust.start(ev, function(delta){ setFontSize( org + delta/50. ); });
});
$('.config').on('mousedown', '.ui-lh .val', function(ev){
var org = getLineHeight();
NB.varAdjust.start(ev, function(delta){ setLineHeight( org + delta/50. ); });
});
$('.config').on('mousedown', '.ui-lw .val', function(ev){
var org = getListWidth();
NB.varAdjust.start(ev, function(delta){ setListWidth( org + delta/5. ); });
});
//
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
//
$('.config').on('click', '.imp-board', function(ev){
$('.config .imp-board-select').click();
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('change', '.imp-board-select' , function(){
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
Make use of Storage api
2021-03-31 18:27:33 +02:00
$('.config').on('click', '.exp-board', 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
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(){
add varAdjust
2021-04-07 18:51:52 +02:00
var fs = setFontSize( parseInt(10*getFontSize()) / 10. - 0.5 );
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setFontSize(fs);
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);
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setFontSize(null);
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(){
add varAdjust
2021-04-07 18:51:52 +02:00
var fs = setFontSize( parseInt(10*getFontSize()) / 10. + 0.5 );
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setFontSize(fs);
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(){
add varAdjust
2021-04-07 18:51:52 +02:00
var lh = setLineHeight( parseInt(10*getLineHeight()) / 10. - 0.1 );
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setLineHeight(lh);
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);
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setLineHeight(null);
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(){
add varAdjust
2021-04-07 18:51:52 +02:00
var lh = setLineHeight( parseInt(10*getLineHeight()) / 10. + 0.1 );
rm conf.size, add conf.fs/lh, make them persistent
2021-04-06 15:29:12 +02:00
NB.storage.setLineHeight(lh);
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(){
var lw = setListWidth( getListWidth() - 5 );
NB.storage.setListWidth(lw);
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();
NB.storage.setListWidth(null);
return false;
});
$('.config .f-prefs .ui-lw .more').on('click', function(){
var lw = setListWidth( getListWidth() + 5 );
NB.storage.setListWidth(lw);
return false;
});
ui preferences now open on click
2021-04-06 16:51:20 +02:00
//
$('.config').on('click', '.switch-theme', function() {
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
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 =
{
add varAdjust
2021-04-07 18:51:52 +02:00
codeVersion: 20210407,
blobVersion: 20190412, // board blob format in Storage
fs/lh overrides are now per font
2021-04-06 13:21:48 +02:00
board: null,
};
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(', ');
console.log( `Found board ${board_id} - "${meta.title}", revision ${meta.current}, history [${hist}]` );
});
+ 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
Make use of Storage api
2021-03-31 18:27:33 +02:00
console.log( `Active: [${conf.board}]` );
console.log( `Theme: [${conf.theme}]` );
rework fontfaceset loading a bit
2021-04-06 19:09:14 +02:00
console.log( `Font: [${conf.fontName}], size [${conf.fontSize || '-'}], line-height [${conf.lineHeight || '-'}]` );
+ font options, rework .collapsed class
2021-04-05 11:50:02 +02:00
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
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)
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
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