extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-02-17 02:30:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

[feature] adding link letter and icon size and position

Browse Source
This commit is contained in:
Kuldeep M 2019-06-04 16:14:04 +01:00
parent f619ea714e
commit 07483c7ce5
8 changed files with 360 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/base.css
View File

@ -80,6 +80,8 @@
--header-border-width-multiplier-top: 1;
--header-border-width-multiplier-bottom: 1;
--link-area-width: 100%;
--link-display-letter-size: 2em;
--link-display-icon-size: 2.5em;
--background-image: none;
--background-opacity: 1;
--background-accent-opacity: 0;

207
css/link.css
View File

@ -44,15 +44,15 @@
flex-wrap: wrap;
}
.is-link-items-alignment-horizontal-left .link-area {
.is-bookmarks-fit-custom.is-link-items-alignment-horizontal-left .link-area {
justify-content: flex-start;
}
.is-link-items-alignment-horizontal-center .link-area {
.is-bookmarks-fit-custom.is-link-items-alignment-horizontal-center .link-area {
justify-content: center;
}
.is-link-items-alignment-horizontal-right .link-area {
.is-bookmarks-fit-custom.is-link-items-alignment-horizontal-right .link-area {
justify-content: flex-end;
}
@ -61,18 +61,6 @@
padding-top: calc(var(--gutter) * 4);
}
.is-link-alignment-horizontal-left .link-area {
justify-content: flex-start;
}
.is-link-alignment-horizontal-center .link-area {
justify-content: center;
}
.is-link-alignment-horizontal-right .link-area {
justify-content: flex-end;
}
.is-bookmarks-fit-best.is-bookmarks-style-block .link-area {
grid-template-columns: repeat(auto-fill, minmax(11em, 1fr));
}
@ -90,16 +78,6 @@
direction: ltr;
}
.is-bookmarks-fit-best .link-item {
height: var(--link-items-height);
}
.is-bookmarks-fit-custom .link-item {
height: var(--link-items-height);
width: var(--link-items-width);
margin: var(--gutter);
}
.link-item:focus-within,
.link-item:focus,
.link-item:hover {
@ -111,31 +89,29 @@
transition: none;
}
.is-bookmarks-fit-best .link-item {
height: var(--link-items-height);
}
.is-bookmarks-fit-custom .link-item {
height: var(--link-items-height);
width: var(--link-items-width);
margin: var(--gutter);
}
.link-panel-front {
background-color: rgb(var(--gray-02));
border-radius: var(--radius);
padding: 0 1em;
width: 100%;
height: calc(100% - var(--line-width));
display: flex;
z-index: 3;
overflow: hidden;
position: relative;
user-select: none;
transition: all var(--animation-speed-fast) ease-in-out;
}
.is-bookmarks-style-block .link-panel-front {
flex-direction: column;
align-items: center;
justify-content: center;
}
.is-bookmarks-style-list .link-panel-front {
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.link-panel-front:hover,
.link-panel-front:focus {
background-color: rgb(var(--gray-03));
@ -152,6 +128,64 @@
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.is-bookmarks-style-block .link-panel-front {
padding: 1em;
flex-direction: column;
}
.is-bookmarks-style-block.is-link-display-alignment-horizontal-left .link-panel-front {
align-items: flex-start;
}
.is-bookmarks-style-block.is-link-display-alignment-horizontal-center .link-panel-front {
align-items: center;
}
.is-bookmarks-style-block.is-link-display-alignment-horizontal-right .link-panel-front {
align-items: flex-end;
}
.is-bookmarks-style-block.is-link-display-alignment-vertical-top .link-panel-front {
justify-content: flex-start;
}
.is-bookmarks-style-block.is-link-display-alignment-vertical-center .link-panel-front {
justify-content: center;
}
.is-bookmarks-style-block.is-link-display-alignment-vertical-bottom .link-panel-front {
justify-content: flex-end;
}
.is-bookmarks-style-list .link-panel-front {
padding: 0.5em 1em;
flex-direction: row;
}
.is-bookmarks-style-list.is-link-display-alignment-horizontal-left .link-panel-front {
justify-content: flex-start;
}
.is-bookmarks-style-list.is-link-display-alignment-horizontal-center .link-panel-front {
justify-content: center;
}
.is-bookmarks-style-list.is-link-display-alignment-horizontal-right .link-panel-front {
justify-content: flex-end;
}
.is-bookmarks-style-list.is-link-display-alignment-vertical-top .link-panel-front {
align-items: flex-start;
}
.is-bookmarks-style-list.is-link-display-alignment-vertical-center .link-panel-front {
align-items: center;
}
.is-bookmarks-style-list.is-link-display-alignment-vertical-bottom .link-panel-front {
align-items: flex-end;
}
.is-bookmarks-show-url .link-item:focus .link-panel-front,
.is-bookmarks-show-url .link-item:focus-within .link-panel-front,
.is-bookmarks-show-url .link-item:hover .link-panel-front {
@ -240,12 +274,16 @@
display: flex;
}
.is-bookmarks-style-block .link-url {
.is-link-display-alignment-horizontal-left .link-url {
justify-content: flex-start;
}
.is-link-display-alignment-horizontal-center .link-url {
justify-content: center;
}
.is-bookmarks-style-list .link-url {
justify-content: flex-start;
.is-link-display-alignment-horizontal-right .link-url {
justify-content: flex-end;
}
.link-item:focus-within .link-url,
@ -271,51 +309,49 @@
color: rgb(var(--white));
}
.link-display-letter {
font-family: var(--font-fjalla);
color: rgb(var(--accent));
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color var(--animation-speed-fast) ease-in-out;
.link-display {
font-size: 1rem;
display: none;
}
.link-display-icon {
color: rgb(var(--accent));
transition: color var(--animation-speed-fast) ease-in-out;
.is-bookmarks-show-display .link-display {
display: block;
}
.link-display-letter,
.link-display-icon {
margin: 0;
}
.is-bookmarks-style-block .link-display-letter {
font-size: 2em;
text-align: center;
max-width: 100%;
}
.is-bookmarks-style-block .link-display-icon {
font-size: 2.5em;
text-align: center;
max-width: 100%;
.link-display-letter {
font-family: var(--font-fjalla);
color: rgb(var(--accent));
line-height: 1;
white-space: nowrap;
transition: color var(--animation-speed-fast) ease-in-out;
}
.is-bookmarks-style-list .link-display-letter,
.link-display-icon {
color: rgb(var(--accent));
transition: color var(--animation-speed-fast) ease-in-out;
}
.is-bookmarks-style-block .link-display-letter,
.is-bookmarks-style-list .link-display-letter {
font-size: var(--link-display-letter-size);
}
.is-bookmarks-style-block .link-display-icon,
.is-bookmarks-style-list .link-display-icon {
font-size: 1.5em;
flex-shrink: 0;
max-width: 50%;
font-size: var(--link-display-icon-size);
}
.is-bookmarks-show-name.is-bookmarks-style-block .link-display-letter,
.is-bookmarks-show-name.is-bookmarks-style-block .link-display-icon {
margin-bottom: 0.25em;
.is-bookmarks-style-block.is-bookmarks-show-name.is-bookmarks-show-display .link-panel-front>*:not(:only-child):not(:last-child) {
margin-bottom: 0.5em;
}
.is-bookmarks-show-name.is-bookmarks-style-list .link-display-letter,
.is-bookmarks-show-name.is-bookmarks-style-list .link-display-icon {
.is-bookmarks-style-list.is-bookmarks-show-name.is-bookmarks-show-display .link-panel-front>*:not(:only-child):not(:last-child) {
margin-right: 0.5em
}
@ -336,14 +372,23 @@
font-size: 0.9em;
font-family: var(--font-regular);
color: rgb(var(--gray-12));
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
display: none;
text-align: center;
transition: all var(--animation-speed-fast) ease-in-out;
}
.is-link-display-alignment-horizontal-left .link-name {
text-align: left;
}
.is-link-display-alignment-horizontal-center .link-name {
text-align: center;
}
.is-link-display-alignment-horizontal-right .link-name {
text-align: right;
}
.is-bookmarks-show-name .link-name {
display: block;
}
@ -374,8 +419,8 @@
margin: 1em;
}
.is-bookmarks-style-block .link-name {
text-align: center;
.is-bookmarks-style-list .link-name {
white-space: nowrap;
}
.is-bookmarks-edit .link-panel-front,
@ -404,18 +449,6 @@
pointer-events: all;
}
.is-bookmarks-style-block .link-panel-front {
flex-direction: column;
align-items: center;
justify-content: center;
}
.is-bookmarks-style-list .link-panel-front {
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.link-form-text-icon {
position: relative;
}

57
index.html
View File

@ -185,14 +185,13 @@
<h1 class="menu-item-header-text">Area</h1>
</div>
<div class="menu-item-form">
<div class="input-wrap">
<div class="input-wrap mb-3">
<label for="control-header-area-width">Width</label>
<input id="control-header-area-width" class="control-header-area-width" type="range" min="10" max="100" value="0" tabindex="1">
<p class="input-helper small muted">Max width is defined by Layout Area Width.</p>
</div>
<hr>
<div class="button-wrap">
<button class="control-header-area-width-match mb-0" type="button">Match Bookmarks Area Width</button>
<button class="button control-header-area-width-match mb-0" type="button">Match Bookmarks Area Width</button>
</div>
<hr>
<label class="control-header-area-alignment-horizontal-label">Area Horizontal Alignment</label>
@ -634,14 +633,13 @@
<h1 class="menu-item-header-text">Area</h1>
</div>
<div class="menu-item-form">
<div class="input-wrap">
<div class="input-wrap mb-3">
<label for="control-link-area-width">Width</label>
<input id="control-link-area-width" class="control-link-area-width" type="range" min="10" max="100" value="0" tabindex="1">
<p class="input-helper small muted">Max width is defined by Layout Area Width.</p>
</div>
<hr>
<div class="button-wrap">
<button class="control-link-area-width-match mb-0" type="button">Match Header Area Width</button>
<button class="button control-link-area-width-match mb-0" type="button">Match Header Area Width</button>
</div>
<hr>
<label class="control-link-area-alignment-horizontal-label">Horizontal Alignment</label>
@ -670,6 +668,20 @@
<label for="control-link-link-show">Show</label>
</div>
<div class="form-indent">
<div class="input-wrap">
<input id="control-link-display-show" class="control-link-display-show" type="checkbox" tabindex="1">
<label for="control-link-display-show">Letter/Icon</label>
</div>
<div class="form-indent">
<div class="input-wrap">
<label for="control-link-display-letter-size">Letter size</label>
<input id="control-link-display-letter-size" class="control-link-display-letter-size" type="range" min="1" max="3000" value="0" tabindex="1">
</div>
<div class="input-wrap">
<label for="control-link-display-icon-size">Icon size</label>
<input id="control-link-display-icon-size" class="control-link-display-icon-size" type="range" min="1" max="3000" value="0" tabindex="1">
</div>
</div>
<div class="input-wrap">
<input id="control-link-name-show" class="control-link-name-show" type="checkbox" tabindex="1">
<label for="control-link-name-show">Names</label>
@ -720,6 +732,34 @@
<label for="control-link-items-alignment-horizontal-right">Right</label>
</div>
</div>
<hr>
<label class="control-link-display-alignment-horizontal-label">Content Horizontal Alignment</label>
<div class="input-wrap">
<input id="control-link-display-alignment-horizontal-left" class="control-link-display-alignment-horizontal-left" type="radio" name="control-link-display-alignment-horizontal" value="left" tabindex="1">
<label for="control-link-display-alignment-horizontal-left">Left</label>
</div>
<div class="input-wrap">
<input id="control-link-display-alignment-horizontal-center" class="control-link-display-alignment-horizontal-center" type="radio" name="control-link-display-alignment-horizontal" value="center" tabindex="1">
<label for="control-link-display-alignment-horizontal-center">Centre</label>
</div>
<div class="input-wrap">
<input id="control-link-display-alignment-horizontal-right" class="control-link-display-alignment-horizontal-right" type="radio" name="control-link-display-alignment-horizontal" value="right" tabindex="1">
<label for="control-link-display-alignment-horizontal-right">Right</label>
</div>
<hr>
<label class="control-link-display-alignment-vertical-label">Content Vertical Alignment</label>
<div class="input-wrap">
<input id="control-link-display-alignment-vertical-top" class="control-link-display-alignment-vertical-top" type="radio" name="control-link-display-alignment-vertical" value="top" tabindex="1">
<label for="control-link-display-alignment-vertical-top">Top</label>
</div>
<div class="input-wrap">
<input id="control-link-display-alignment-vertical-center" class="control-link-display-alignment-vertical-center" type="radio" name="control-link-display-alignment-vertical" value="center" tabindex="1">
<label for="control-link-display-alignment-vertical-center">Centre</label>
</div>
<div class="input-wrap">
<input id="control-link-display-alignment-vertical-bottom" class="control-link-display-alignment-vertical-bottom" type="radio" name="control-link-display-alignment-vertical" value="bottom" tabindex="1">
<label for="control-link-display-alignment-vertical-bottom">Bottom</label>
</div>
</div>
</div>
</div>
@ -817,13 +857,12 @@
<input id="control-theme-accent-random-style-pastel" class="control-theme-accent-random-style-pastel" type="radio" name="control-theme-accent-random-style" value="pastel" tabindex="1">
<label for="control-theme-accent-random-style-pastel">Pastel colours</label>
</div>
<div class="input-wrap">
<div class="input-wrap mb-3">
<input id="control-theme-accent-random-style-saturated" class="control-theme-accent-random-style-saturated" type="radio" name="control-theme-accent-random-style" value="saturated" tabindex="1">
<label for="control-theme-accent-random-style-saturated">Saturated colours</label>
</div>
<hr>
<div class="button-wrap">
<button class="control-theme-accent-randomise" type="button">Randomise now</button>
<button class="button control-theme-accent-randomise mb-0" type="button">Randomise now</button>
</div>
</div>
</div>

128
js/control.js
View File

@ -1198,21 +1198,86 @@ var control = (function() {
render();
}
}, {
element: helper.e(".control-link-link-show"),
path: "link.show",
element: helper.e(".control-link-display-show"),
path: "link.display.show",
type: "checkbox",
func: function() {
render();
dependents();
search.render();
}
}, {
element: helper.e(".control-link-name-show"),
path: "link.name.show",
type: "checkbox",
func: function() {
render();
}
}, {
element: helper.e(".control-link-display-letter-size"),
path: "link.display.letter.size",
type: "range",
valueMod: ["float"],
func: function() {
link.render.displayLetterIcon.size();
}
}, {
element: helper.e(".control-link-display-icon-size"),
path: "link.display.icon.size",
type: "range",
valueMod: ["float"],
func: function() {
link.render.displayLetterIcon.size();
}
}, {
element: helper.e(".control-link-display-alignment-horizontal-left"),
path: "link.display.alignment.horizontal",
type: "radio",
func: function() {
render();
}
}, {
element: helper.e(".control-link-display-alignment-horizontal-center"),
path: "link.display.alignment.horizontal",
type: "radio",
func: function() {
render();
}
}, {
element: helper.e(".control-link-display-alignment-horizontal-right"),
path: "link.display.alignment.horizontal",
type: "radio",
func: function() {
render();
}
}, {
element: helper.e(".control-link-display-alignment-vertical-top"),
path: "link.display.alignment.vertical",
type: "radio",
func: function() {
render();
}
}, {
element: helper.e(".control-link-display-alignment-vertical-center"),
path: "link.display.alignment.vertical",
type: "radio",
func: function() {
render();
}
}, {
element: helper.e(".control-link-display-alignment-vertical-bottom"),
path: "link.display.alignment.vertical",
type: "radio",
func: function() {
render();
}
}, {
element: helper.e(".control-link-link-show"),
path: "link.show",
type: "checkbox",
func: function() {
render();
dependents();
search.render();
}
}, {
element: helper.e(".control-link-fit-best"),
@ -1815,6 +1880,14 @@ var control = (function() {
helper.removeClass(html, "is-link-items-alignment-horizontal-center");
helper.removeClass(html, "is-link-items-alignment-horizontal-right");
helper.addClass(html, "is-link-items-alignment-horizontal-" + state.get().link.items.alignment.horizontal);
helper.removeClass(html, "is-link-display-alignment-horizontal-left");
helper.removeClass(html, "is-link-display-alignment-horizontal-center");
helper.removeClass(html, "is-link-display-alignment-horizontal-right");
helper.addClass(html, "is-link-display-alignment-horizontal-" + state.get().link.display.alignment.horizontal);
helper.removeClass(html, "is-link-display-alignment-vertical-top");
helper.removeClass(html, "is-link-display-alignment-vertical-center");
helper.removeClass(html, "is-link-display-alignment-vertical-bottom");
helper.addClass(html, "is-link-display-alignment-vertical-" + state.get().link.display.alignment.vertical);
var view = {
block: function() {
helper.addClass(html, "is-bookmarks-style-block");
@ -1847,6 +1920,11 @@ var control = (function() {
} else {
helper.removeClass(html, "is-bookmarks-show-name");
};
if (state.get().link.display.show) {
helper.addClass(html, "is-bookmarks-show-display");
} else {
helper.removeClass(html, "is-bookmarks-show-display");
};
if (state.get().link.url.show) {
helper.addClass(html, "is-bookmarks-show-url");
} else {
@ -2218,6 +2296,7 @@ var control = (function() {
helper.e(".control-link-fit-label").removeAttribute("disabled");
helper.e(".control-link-fit-best").disabled = false;
helper.e(".control-link-fit-custom").disabled = false;
helper.e(".control-link-display-show").disabled = false;
helper.e(".control-link-name-show").disabled = false;
helper.e(".control-link-url-show").disabled = false;
helper.e(".control-link-style-block").disabled = false;
@ -2227,6 +2306,18 @@ var control = (function() {
helper.e(".control-link-sort-name").disabled = false;
helper.e(".control-link-sort-letter").disabled = false;
helper.e(".control-link-sort-icon").disabled = false;
helper.e("[for=control-link-display-letter-size]").removeAttribute("disabled");
helper.e(".control-link-display-letter-size").disabled = false;
helper.e("[for=control-link-display-icon-size]").removeAttribute("disabled");
helper.e(".control-link-display-icon-size").disabled = false;
helper.e(".control-link-display-alignment-horizontal-label").removeAttribute("disabled");
helper.e(".control-link-display-alignment-horizontal-left").disabled = false;
helper.e(".control-link-display-alignment-horizontal-center").disabled = false;
helper.e(".control-link-display-alignment-horizontal-right").disabled = false;
helper.e(".control-link-display-alignment-vertical-label").removeAttribute("disabled");
helper.e(".control-link-display-alignment-vertical-top").disabled = false;
helper.e(".control-link-display-alignment-vertical-center").disabled = false;
helper.e(".control-link-display-alignment-vertical-bottom").disabled = false;
} else {
helper.e("[for=control-link-area-width]").setAttribute("disabled", "");
helper.e(".control-link-area-width").disabled = true;
@ -2238,6 +2329,7 @@ var control = (function() {
helper.e(".control-link-fit-label").setAttribute("disabled", "");
helper.e(".control-link-fit-best").disabled = true;
helper.e(".control-link-fit-custom").disabled = true;
helper.e(".control-link-display-show").disabled = true;
helper.e(".control-link-name-show").disabled = true;
helper.e(".control-link-url-show").disabled = true;
helper.e(".control-link-style-block").disabled = true;
@ -2247,6 +2339,29 @@ var control = (function() {
helper.e(".control-link-sort-name").disabled = true;
helper.e(".control-link-sort-letter").disabled = true;
helper.e(".control-link-sort-icon").disabled = true;
helper.e("[for=control-link-display-letter-size]").setAttribute("disabled", "");
helper.e(".control-link-display-letter-size").disabled = true;
helper.e("[for=control-link-display-icon-size]").setAttribute("disabled", "");
helper.e(".control-link-display-icon-size").disabled = true;
helper.e(".control-link-display-alignment-horizontal-label").setAttribute("disabled", "");
helper.e(".control-link-display-alignment-horizontal-left").disabled = true;
helper.e(".control-link-display-alignment-horizontal-center").disabled = true;
helper.e(".control-link-display-alignment-horizontal-right").disabled = true;
helper.e(".control-link-display-alignment-vertical-label").setAttribute("disabled", "");
helper.e(".control-link-display-alignment-vertical-top").disabled = true;
helper.e(".control-link-display-alignment-vertical-center").disabled = true;
helper.e(".control-link-display-alignment-vertical-bottom").disabled = true;
};
if (state.get().link.show && state.get().link.display.show) {
helper.e("[for=control-link-display-letter-size]").removeAttribute("disabled");
helper.e(".control-link-display-letter-size").disabled = false;
helper.e("[for=control-link-display-icon-size]").removeAttribute("disabled");
helper.e(".control-link-display-icon-size").disabled = false;
} else {
helper.e("[for=control-link-display-letter-size]").setAttribute("disabled", "");
helper.e(".control-link-display-letter-size").disabled = true;
helper.e("[for=control-link-display-icon-size]").setAttribute("disabled", "");
helper.e(".control-link-display-icon-size").disabled = true;
};
if (state.get().link.show && state.get().link.url.show) {
helper.e(".control-link-url-style-dark").disabled = false;
@ -2269,6 +2384,13 @@ var control = (function() {
helper.e(".control-link-items-alignment-horizontal-left").disabled = false;
helper.e(".control-link-items-alignment-horizontal-center").disabled = false;
helper.e(".control-link-items-alignment-horizontal-right").disabled = false;
} else {
helper.e("[for=control-link-items-width]").setAttribute("disabled", "");
helper.e(".control-link-items-width").disabled = true;
helper.e(".control-link-items-alignment-horizontal-label").setAttribute("disabled", "");
helper.e(".control-link-items-alignment-horizontal-left").disabled = true;
helper.e(".control-link-items-alignment-horizontal-center").disabled = true;
helper.e(".control-link-items-alignment-horizontal-right").disabled = true;
};
};
var _background = function() {

39
js/link.js
View File

@ -310,9 +310,17 @@ var link = (function() {
value: "link-panel-back"
}]
});
var linkDisplay;
var linkDisplay = helper.makeNode({
tag: "div",
attr: [{
key: "class",
value: "link-display"
}]
});
var linkDisplayLetter = null;
var linkDisplayIcon = null;
if (data.display == "letter") {
linkDisplay = helper.makeNode({
linkDisplayLetter = helper.makeNode({
tag: "p",
text: data.letter,
attr: [{
@ -321,21 +329,13 @@ var link = (function() {
}]
});
} else if (data.display == "icon" && data.icon.prefix != null && data.icon.name != null) {
linkDisplay = helper.makeNode({
linkDisplayIcon = helper.makeNode({
tag: "div",
attr: [{
key: "class",
value: "link-display-icon " + data.icon.prefix + " fa-" + data.icon.name
}]
});
} else {
linkDisplay = helper.makeNode({
tag: "div",
attr: [{
key: "class",
value: "link-display"
}]
});
};
var linkName = helper.makeNode({
tag: "p",
@ -408,6 +408,11 @@ var link = (function() {
value: "button-icon icon-close"
}]
});
if (data.display == "letter") {
linkDisplay.appendChild(linkDisplayLetter);
} else if (data.display == "icon" && data.icon.prefix != null && data.icon.name != null) {
linkDisplay.appendChild(linkDisplayIcon);
};
linkPanelFront.appendChild(linkDisplay);
linkPanelFront.appendChild(linkName);
linkEdit.appendChild(linkEditIcon);
@ -501,6 +506,11 @@ var link = (function() {
_match();
}
},
displayLetterIcon: {
size: function() {
_size();
},
},
link: function() {
_link();
},
@ -562,6 +572,12 @@ var link = (function() {
html.style.setProperty("--link-area-width", state.get().link.area.width + "%");
};
var _size = function() {
var html = helper.e("html");
html.style.setProperty("--link-display-letter-size", state.get().link.display.letter.size + "em");
html.style.setProperty("--link-display-icon-size", state.get().link.display.icon.size + "em");
};
var _match = function() {
helper.setObject({
object: state.get(),
@ -598,6 +614,7 @@ var link = (function() {
var init = function() {
render.link();
render.displayLetterIcon.size();
render.width.set();
render.items();
};

14
js/state.js
View File

@ -145,6 +145,20 @@ var state = (function() {
horizontal: "left"
}
},
display: {
show: true,
size: 2,
alignment: {
horizontal: "center",
vertical: "center"
},
letter: {
size: 2
},
icon: {
size: 2.50
}
},
name: {
show: true
},

22
js/update.js
View File

@ -373,6 +373,24 @@ var update = (function() {
return data;
};
var _update_320 = function(data) {
data.version = "3.2.0";
data.state.link.display = {
show: true,
alignment: {
horizontal: "center",
vertical: "center"
},
letter: {
size: 2
},
icon: {
size: 2.50
}
};
return data;
};
// var _update_300 = function(data) {
// data.version = 3.00;
// return data;
@ -471,6 +489,10 @@ var update = (function() {
console.log("\t= running update 3.1.0");
data = _update_310(data);
};
if (version.compare(data.version, "3.2.0") == -1) {
console.log("\t= running update 3.2.0");
data = _update_320(data);
};
};
// if no update is needed
// version bump

2
js/version.js
View File

@ -1,7 +1,7 @@
var version = (function() {
// version is normally bumped when the state needs changing or any new functionality is added
var current = "3.1.8";
var current = "3.2.0";
var compare = function(a, b) {
var pa = a.split(".");