[refactor] improve transitional render

This commit is contained in:
zombieFox 2019-07-15 19:52:00 +01:00
parent 27b8a41c61
commit 5f7b83dd34
4 changed files with 91 additions and 104 deletions

View File

@ -518,24 +518,24 @@ var control = (function() {
func: function() {
render();
dependents();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-transitional-type-timeanddate"),
path: "header.transitional.type",
type: "radio",
func: function() {
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-transitional-type-its"),
path: "header.transitional.type",
type: "radio",
func: function() {
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-transitional-size"),
@ -612,8 +612,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-hours-display-number"),
@ -624,8 +624,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-hours-display-word"),
@ -636,8 +636,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-minutes-show"),
@ -650,8 +650,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-minutes-display-number"),
@ -662,8 +662,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-minutes-display-word"),
@ -674,8 +674,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-seconds-show"),
@ -688,8 +688,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-seconds-display-number"),
@ -700,8 +700,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-seconds-display-word"),
@ -712,8 +712,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-separator-show"),
@ -735,8 +735,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-meridiem-show"),
@ -748,8 +748,8 @@ var control = (function() {
clock.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-clock-size"),
@ -826,8 +826,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-day-display-number"),
@ -839,8 +839,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-day-week-start-monday"),
@ -851,8 +851,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-day-week-start-sunday"),
@ -863,8 +863,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-day-display-word"),
@ -876,8 +876,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-day-length-long"),
@ -888,8 +888,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-day-length-short"),
@ -900,8 +900,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-date-show"),
@ -914,8 +914,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-date-display-number"),
@ -926,8 +926,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-date-display-word"),
@ -938,8 +938,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-date-ordinal"),
@ -950,8 +950,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-month-show"),
@ -964,8 +964,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-month-display-number"),
@ -977,8 +977,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-month-ordinal"),
@ -989,8 +989,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-month-display-word"),
@ -1002,8 +1002,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-month-length-long"),
@ -1014,8 +1014,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-month-length-short"),
@ -1026,8 +1026,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-year-show"),
@ -1040,8 +1040,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-year-display-number"),
@ -1052,8 +1052,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-year-display-word"),
@ -1064,8 +1064,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-separator-show"),
@ -1076,8 +1076,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-format-datemonth"),
@ -1088,8 +1088,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-format-monthdate"),
@ -1100,8 +1100,8 @@ var control = (function() {
date.render.all();
greeting.render.clear();
greeting.render.all();
transitional.clear();
transitional.render();
transitional.render.clear();
transitional.render.all();
}
}, {
element: helper.e(".control-header-date-size"),

View File

@ -1,21 +1,25 @@
var transitional = (function() {
var bind = function() {
var bind = {};
bind.tick = function() {
window.setInterval(function() {
clear();
render();
render.clear();
render.all();
}, 1000);
};
var clear = function() {
var render = {};
render.clear = function() {
var transitional = helper.e(".transitional");
while (transitional.lastChild) {
transitional.removeChild(transitional.lastChild);
};
};
var render = function() {
var _transitional = function() {
render.all = function() {
if (state.get().header.transitional.show) {
var transitional = helper.e(".transitional");
var message = {
timeanddate: function() {
@ -46,39 +50,22 @@ var transitional = (function() {
}
};
var string = message[state.get().header.transitional.type]();
var transitionalItem = helper.makeNode({
tag: "span",
attr: [{
key: "class",
value: "transitional-item"
}]
});
var transitionalItemText = helper.makeNode({
tag: "span",
text: string,
attr: [{
key: "class",
value: "transitional-item-text"
}]
});
var transitionalItem = helper.node("span|class:transitional-item");
var transitionalItemText = helper.node("span:" + string + "|class:transitional-item-text");
transitionalItem.appendChild(transitionalItemText);
transitional.appendChild(transitionalItem);
};
if (state.get().header.transitional.show) {
_transitional();
};
};
var init = function() {
bind();
render();
bind.tick();
render.all();
};
// exposed methods
return {
init: init,
render: render,
clear: clear
render: render
};
})();

View File

@ -1,6 +1,6 @@
var version = (function() {
var current = "3.38.0";
var current = "3.39.0";
var compare = function(a, b) {
var pa = a.split(".");

View File

@ -2,7 +2,7 @@
"name": "nightTab",
"short_name": "nightTab",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"version": "3.38.0",
"version": "3.39.0",
"manifest_version": 2,
"chrome_url_overrides": {
"newtab": "index.html"