This is an automated email from the ASF dual-hosted git repository. piotrz pushed a commit to branch develop in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
commit 8e0f6e86cf1a6eb30c48eedfa0676cda60e73204 Author: Piotr Zarzycki <[email protected]> AuthorDate: Thu Mar 15 23:15:51 2018 +0100 MDL Badges: - No need to set typeNames anymore - Change dataBadge to Object in ordert to have ability set not only numbers --- .../royale/org/apache/royale/mdl/beads/Badge.as | 335 +++++++++++---------- 1 file changed, 172 insertions(+), 163 deletions(-) diff --git a/frameworks/projects/MaterialDesignLite/src/main/royale/org/apache/royale/mdl/beads/Badge.as b/frameworks/projects/MaterialDesignLite/src/main/royale/org/apache/royale/mdl/beads/Badge.as index 411c969..a491cfe 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/royale/org/apache/royale/mdl/beads/Badge.as +++ b/frameworks/projects/MaterialDesignLite/src/main/royale/org/apache/royale/mdl/beads/Badge.as @@ -1,163 +1,172 @@ -//////////////////////////////////////////////////////////////////////////////// -// -// Licensed to the Apache Software Foundation (ASF) under one or more -// contributor license agreements. See the NOTICE file distributed with -// this work for additional information regarding copyright ownership. -// The ASF licenses this file to You under the Apache License, Version 2.0 -// (the "License"); you may not use this file except in compliance with -// the License. You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. -// -//////////////////////////////////////////////////////////////////////////////// -package org.apache.royale.mdl.beads -{ - import org.apache.royale.core.IStrand; - import org.apache.royale.core.IBead; - import org.apache.royale.core.UIBase; - - - /** - * The Badge class provides a small status descriptors for UI elements. - * - * A Badge is an onscreen notification element consists of a small circle, - * typically containing a number or other characters, that appears in - * proximity to another object - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion Royale 0.8 - */ - public class Badge implements IBead - { - /** - * constructor. - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion Royale 0.8 - */ - public function Badge() - { - } - - private var _dataBadge:Number = 0; - - /** - * The current value of the Badge that appers inside the circle. - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion Royale 0.8 - */ - public function get dataBadge():Number - { - return _dataBadge; - } - public function set dataBadge(value:Number):void - { - _dataBadge = value; - } - - private var _noBackground:Boolean = false; - /** - * A boolean flag to activate "mdl-badge--no-background" effect selector. - * Applies open-circle effect to badge - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion Royale 0.8 - */ - public function get noBackground():Boolean - { - return _noBackground; - } - public function set noBackground(value:Boolean):void - { - _noBackground = value; - - COMPILE::JS - { - if(host) - { - host.element.classList.toggle("mdl-badge--no-background", _noBackground); - host.typeNames = host.element.className; - } - } - } - - private var _overlap:Boolean = false; - /** - * A boolean flag to activate "mdl-badge--overlap" effect selector. - * Make the badge overlap with its container - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion Royale 0.8 - */ - public function get overlap():Boolean - { - return _overlap; - } - public function set overlap(value:Boolean):void - { - _overlap = value; - - COMPILE::JS - { - if(host) - { - host.element.classList.toggle("mdl-badge--overlap", _overlap); - host.typeNames = host.element.className; - } - } - } - - private var host:UIBase; - - private var _strand:IStrand; - /** - * @copy org.apache.royale.core.IBead#strand - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion Royale 0.8 - * @royaleignorecoercion HTMLDivElement; - * @royaleignorecoercion HTMLSpanElement; - * @royaleignorecoercion HTMLElement; - */ - public function set strand(value:IStrand):void - { - _strand = value; - - COMPILE::JS - { - host = value as UIBase; - - if (host.element is HTMLSpanElement || host.element is HTMLDivElement || host.element is HTMLElement) - { - host.element.classList.add("mdl-badge"); - host.element.classList.toggle("mdl-badge--no-background", _noBackground); - host.element.classList.toggle("mdl-badge--overlap", _overlap); - host.element.setAttribute('data-badge', _dataBadge.toString()); - } - else - { - throw new Error("Host component must be an MDL Host for Badges."); - } - } - } - } -} +//////////////////////////////////////////////////////////////////////////////// +// +// Licensed to the Apache Software Foundation (ASF) under one or more +// contributor license agreements. See the NOTICE file distributed with +// this work for additional information regarding copyright ownership. +// The ASF licenses this file to You under the Apache License, Version 2.0 +// (the "License"); you may not use this file except in compliance with +// the License. You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +//////////////////////////////////////////////////////////////////////////////// +package org.apache.royale.mdl.beads +{ + import org.apache.royale.core.IStrand; + import org.apache.royale.core.IBead; + import org.apache.royale.core.UIBase; + + + /** + * The Badge class provides a small status descriptors for UI elements. + * + * A Badge is an onscreen notification element consists of a small circle, + * typically containing a number or other characters, that appears in + * proximity to another object + * + * @langversion 3.0 + * @playerversion Flash 10.2 + * @playerversion AIR 2.6 + * @productversion Royale 0.8 + */ + public class Badge implements IBead + { + /** + * constructor. + * + * @langversion 3.0 + * @playerversion Flash 10.2 + * @playerversion AIR 2.6 + * @productversion Royale 0.8 + */ + public function Badge() + { + } + + private var _dataBadge:Object; + + /** + * The current value of the Badge that appers inside the circle. + * + * @langversion 3.0 + * @playerversion Flash 10.2 + * @playerversion AIR 2.6 + * @productversion Royale 0.8 + */ + public function get dataBadge():Object + { + return _dataBadge; + } + + public function set dataBadge(value:Object):void + { + _dataBadge = value; + } + + private var _noBackground:Boolean = false; + + /** + * A boolean flag to activate "mdl-badge--no-background" effect selector. + * Applies open-circle effect to badge + * + * @langversion 3.0 + * @playerversion Flash 10.2 + * @playerversion AIR 2.6 + * @productversion Royale 0.8 + */ + public function get noBackground():Boolean + { + return _noBackground; + } + + public function set noBackground(value:Boolean):void + { + if (_noBackground != value) + { + _noBackground = value; + + COMPILE::JS + { + if (host) + { + host.element.classList.toggle("mdl-badge--no-background", _noBackground); + } + } + } + } + + private var _overlap:Boolean = false; + + /** + * A boolean flag to activate "mdl-badge--overlap" effect selector. + * Make the badge overlap with its container + * + * @langversion 3.0 + * @playerversion Flash 10.2 + * @playerversion AIR 2.6 + * @productversion Royale 0.8 + */ + public function get overlap():Boolean + { + return _overlap; + } + + public function set overlap(value:Boolean):void + { + if (_overlap != value) + { + _overlap = value; + + COMPILE::JS + { + if (host) + { + host.element.classList.toggle("mdl-badge--overlap", _overlap); + } + } + } + } + + private var host:UIBase; + + private var _strand:IStrand; + /** + * @copy org.apache.royale.core.IBead#strand + * + * @langversion 3.0 + * @playerversion Flash 10.2 + * @playerversion AIR 2.6 + * @productversion Royale 0.8 + * @royaleignorecoercion HTMLDivElement; + * @royaleignorecoercion HTMLSpanElement; + * @royaleignorecoercion HTMLElement; + */ + public function set strand(value:IStrand):void + { + _strand = value; + + COMPILE::JS + { + host = value as UIBase; + + if (host.element is HTMLSpanElement || host.element is HTMLDivElement || host.element is HTMLElement) + { + host.element.classList.add("mdl-badge"); + host.element.classList.toggle("mdl-badge--no-background", noBackground); + host.element.classList.toggle("mdl-badge--overlap", overlap); + host.element.setAttribute('data-badge', dataBadge); + } + else + { + throw new Error("Host component must be an MDL Host for Badges."); + } + } + } + } +} -- To stop receiving notification emails like this one, please contact [email protected].
