1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update prompt dialog

This commit is contained in:
Luke Pulverenti 2016-09-08 02:15:44 -04:00
parent 1bc42f10d6
commit 719ed8d8bd
60 changed files with 285 additions and 206 deletions

View file

@ -31,43 +31,27 @@
if (!this.id) {
this.id = 'embyinput' + inputId;
inputId++;
}
};
EmbyInputPrototype.attachedCallback = function () {
if (this.classList.contains('emby-input')) {
} if (this.classList.contains('emby-input')) {
return;
}
this.classList.add('emby-input');
var parentNode = this.parentNode;
var label = this.ownerDocument.createElement('label');
var document = this.ownerDocument;
var label = document.createElement('label');
label.innerHTML = this.getAttribute('label') || '';
label.classList.add('inputLabel');
label.classList.add('inputLabelUnfocused');
var instanceSupportsFloat = supportsFloatingLabel && this.type != 'date' && this.type != 'time';
label.htmlFor = this.id;
parentNode.insertBefore(label, this);
this.labelElement = label;
var div = document.createElement('div');
div.classList.add('emby-input-selectionbar');
parentNode.insertBefore(div, this.nextSibling);
function onChange() {
if (this.value) {
label.classList.remove('inputLabel-float');
} else {
if (instanceSupportsFloat) {
label.classList.add('inputLabel-float');
}
}
}
dom.addEventListener(this, 'focus', function () {
onChange.call(this);
label.classList.add('inputLabelFocused');
@ -93,12 +77,32 @@
dom.addEventListener(this, 'valueset', onChange, {
passive: true
});
};
function onChange() {
var label = this.labelElement;
if (this.value) {
label.classList.remove('inputLabel-float');
} else {
var instanceSupportsFloat = supportsFloatingLabel && this.type != 'date' && this.type != 'time';
if (instanceSupportsFloat) {
label.classList.add('inputLabel-float');
}
}
}
EmbyInputPrototype.attachedCallback = function () {
this.labelElement.htmlFor = this.id;
onChange.call(this);
};
this.label = function (text) {
label.innerHTML = text;
};
EmbyInputPrototype.label = function (text) {
this.labelElement.innerHTML = text;
};
document.registerElement('emby-input', {