misc/babystats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better messaging about why controls are deactivated.

Browse Source
This commit is contained in:
Ian Gulliver
2015-12-27 10:13:45 -08:00
parent 9a8f5e16f4
commit 68c88e8092
1 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
static/babystats.js
View File

@@ -102,13 +102,20 @@ BabyStats.prototype.buildStylesheet_ = function() {
style.sheet.insertRule('babyStatsGridOverlay {}', 0); style.sheet.insertRule('babyStatsGridOverlay {}', 0);
var gridOverlay = style.sheet.cssRules[0]; var gridOverlay = style.sheet.cssRules[0];
gridOverlay.style.display = 'flex';
gridOverlay.style.position = 'absolute'; gridOverlay.style.position = 'absolute';
gridOverlay.style.top = '80px'; gridOverlay.style.top = '80px';
gridOverlay.style.left = 0; gridOverlay.style.left = 0;
gridOverlay.style.bottom = 0; gridOverlay.style.bottom = 0;
gridOverlay.style.right = 0; gridOverlay.style.right = 0;
gridOverlay.style.alignItems = 'center';
gridOverlay.style.justifyContent = 'center';
gridOverlay.style.backgroundColor = 'white'; gridOverlay.style.backgroundColor = 'white';
gridOverlay.style.opacity = 0.7; gridOverlay.style.color = 'rgb(189,21,80)';
gridOverlay.style.textShadow = '0 0 2px rgb(248,202,0)';
gridOverlay.style.fontSize = '6vmin';
gridOverlay.style.fontWeight = 'bold';
gridOverlay.style.transition = '0.4s';
style.sheet.insertRule('babyStatsGridContainer {}', 0); style.sheet.insertRule('babyStatsGridContainer {}', 0);
var gridContainer = style.sheet.cssRules[0]; var gridContainer = style.sheet.cssRules[0];
@@ -348,11 +355,21 @@ BabyStats.prototype.buildLayout_ = function() {
* @private * @private
*/ */
BabyStats.prototype.checkOverlay_ = function() { BabyStats.prototype.checkOverlay_ = function() {
var visibility = 'visible'; var message = '';
if (this.childName_.value && this.yourName_.value) { if (!this.childName_.value) {
visibility = 'hidden'; message = 'Please enter child name above';
} else if (!this.yourName_.value) {
message = 'Please enter your name above';
}
if (message) {
this.gridOverlay_.style.visibility = 'visible';
this.gridOverlay_.style.opacity = 0.7;
this.gridOverlay_.textContent = message;
} else {
this.gridOverlay_.style.visibility = 'hidden';
this.gridOverlay_.style.opacity = 0.0;
} }
this.gridOverlay_.style.visibility = visibility;
}; };