Icon

Icons sind HTML-Elemente die als Sinnbild für eine Aktion oder Information stehen. Icons können an verschiedenen Stellen zum Einsatz kommen. Icons sind einfach -Tags die über eine Klasse mit Icons versehen werden. Font Awesome Icons können durch die Klasse fa definiert werden.

icon = new Alvine.Package.UI.Dialog.Icon();

child = new Alvine.Package.UI.Dialog.Icon('fa fa-child');
comment = new Alvine.Package.UI.Dialog.Icon('fa fa-comment');
cube = new Alvine.Package.UI.Dialog.Icon('fa fa-cube');
car = new Alvine.Package.UI.Dialog.Icon('fa fa-car');

value definiert den Inhalt des Tags und type das Aussehen. Die verschiedene Types können auf der Bootstrap-Webseite nachgeschlagen werden. Über den Parameter options kann folgender Werte definiert werden:

Schlüssel	Beschreibung	Default	Beispiel
class	Klasse / Typ des Tags	fa fa-font-awesome	fa fa-car

Über die Methode getInstanceFromDataset wird eine Instance von einem Alvine.DOM.Dataset zurück geliefert.

json = {
   "className": "fa fa-child",
   "options": {}
}
icon = new Alvine.Package.UI.Dialog.Icon.prototype.getInstanceFromDataset(new Alvine.DOM.Dataset(json));

SpinnerIcon

Über die Methode getInstanceFromDataset wird eine Instance von einem Alvine.DOM.Dataset zurück geliefert.

json = {
   "options": {}
}
spinnerIcon = new Alvine.Package.UI.Dialog.SpinnerIcon.prototype.getInstanceFromDataset(new Alvine.DOM.Dataset(json));