You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@flex.apache.org by Carlos Rovira <ca...@apache.org> on 2016/10/14 17:25:42 UTC
[FlexJS] Working on a MDL branch
Hi,
I'm trying to setup a MDL library to start making some components with that
look and feel.
I'm following the Flat library project indications, and right now I'm
building it ok with maven (didn't test Ant, but as a copy/paste from Flat,
I think it should work as well).
Then I tried in a sample project. Again, new dependencies set and mdl
declarations are working, but result is not looking as I expect, maybe due
to some low level constructions that I still doesn't dominate (mainly the
internals in the "createElement():WrappedHTMLElement" overload, that I want
to try to give some love today as I get a bit more time.
Ok, from here,...I'm still trying to understand more things... for example:
1.- MDL requires some CSS files to be linked. I'm using it with
-html-template tag in the example project, but, maybe this should be
provided by the MDL.swc ? if so, why could we do this?
2.- To start implementing components, maybe it'd be better that someone
review what I'm doing (to avoid work in things that not conform to
standards setup here). Maybe I should upload the branch for people (Maybe
Alex, Peter,...) to take a look?
3.- I started trying to make a simple Colored Fab MDL button... (as
described here https://getmdl.io/components/index.html#buttons-section)
and find that using a simple mxml declaration almost worked (it's not
right, only an approximation, since I can't write "low level" HTML in MXML
like an <I> with HTMLElement). So, this:
<js:Button className="mdl-button mdl-js-button mdl-button--fab
mdl-button--colored">
</js:Button>
Shows a pink circle button, without icon.
My MDL button has the following createElement code:
/**
* @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
* @flexjsignorecoercion HTMLButtonElement
*/
override protected function createElement():WrappedHTMLElement
{
element = button = document.createElement('button') as
HTMLButtonElement;
button.className = 'mdl-button mdl-js-button mdl-button--fab
mdl-button--colored';
positioner = element;
positioner.style.position = 'relative';
(button as WrappedHTMLElement).flexjs_wrapper = this;
element.flexjs_wrapper = this;
return element;
}
and I'm using at my example project : <mdl:Button/>
But instead to throw the pink empty circle button as the MXML example, it
shows a normal button as if my declaration was <js:Button/> (the same
indeed)
someone knows where I could be failing ?
Thanks
PD: I saw Justin posting about MDL license, I don't want to integrate MDL
in the project, instead, I want to declare external links to use them, if
this is not right I think there should be other methods to be license
compliant...
--
Carlos Rovira
http://about.me/carlosrovira
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Hi Om,
just did what you propose and still shows the same:
1.- copy the class org.apache.flexjs.mdl to my test project
2.- removed old code
3.- instantiate using:
xmlns:mdl="org.apache.flex.mdl.*"
and
<mdl:Button/>
but again the result is better using the js:Button with className than my
low level MDL button that shows as a standard button.
It's like the .className is doing nothing...
2016-10-14 19:39 GMT+02:00 OmPrakash Muppirala <bi...@gmail.com>:
> On Fri, Oct 14, 2016 at 10:25 AM, Carlos Rovira <ca...@apache.org>
> wrote:
>
> > Hi,
> >
> > I'm trying to setup a MDL library to start making some components with
> that
> > look and feel.
> > I'm following the Flat library project indications, and right now I'm
> > building it ok with maven (didn't test Ant, but as a copy/paste from
> Flat,
> > I think it should work as well).
> >
> > Then I tried in a sample project. Again, new dependencies set and mdl
> > declarations are working, but result is not looking as I expect, maybe
> due
> > to some low level constructions that I still doesn't dominate (mainly the
> > internals in the "createElement():WrappedHTMLElement" overload, that I
> > want
> > to try to give some love today as I get a bit more time.
> >
> > Ok, from here,...I'm still trying to understand more things... for
> example:
> >
> > 1.- MDL requires some CSS files to be linked. I'm using it with
> > -html-template tag in the example project, but, maybe this should be
> > provided by the MDL.swc ? if so, why could we do this?
> >
> > 2.- To start implementing components, maybe it'd be better that someone
> > review what I'm doing (to avoid work in things that not conform to
> > standards setup here). Maybe I should upload the branch for people (Maybe
> > Alex, Peter,...) to take a look?
> >
> > 3.- I started trying to make a simple Colored Fab MDL button... (as
> > described here https://getmdl.io/components/index.html#buttons-section)
> >
> > and find that using a simple mxml declaration almost worked (it's not
> > right, only an approximation, since I can't write "low level" HTML in
> MXML
> > like an <I> with HTMLElement). So, this:
> >
> > <js:Button className="mdl-button mdl-js-button mdl-button--fab
> > mdl-button--colored">
> > </js:Button>
> >
> > Shows a pink circle button, without icon.
> >
>
> Sounds like a fantastic first step :-))
>
>
> >
> > My MDL button has the following createElement code:
> >
> > /**
> > * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
> > * @flexjsignorecoercion HTMLButtonElement
> > */
> > override protected function createElement():WrappedHTMLElement
> > {
> > element = button = document.createElement('button') as
> > HTMLButtonElement;
> > button.className = 'mdl-button mdl-js-button mdl-button--fab
> > mdl-button--colored';
> >
> > positioner = element;
> > positioner.style.position = 'relative';
> > (button as WrappedHTMLElement).flexjs_wrapper = this;
> > element.flexjs_wrapper = this;
> >
> > return element;
> > }
> >
> > and I'm using at my example project : <mdl:Button/>
> >
> > But instead to throw the pink empty circle button as the MXML example, it
> > shows a normal button as if my declaration was <js:Button/> (the same
> > indeed)
> >
> > someone knows where I could be failing ?
> >
>
> Sounds like some manifest.xml file has not been updated.
>
> I don't know the exact errors, but if I may suggest another option - just
> create these new buttons, etc. as custom components in your FlexJS
> project. We can worry about making it a proper FlexJS library project
> later.
>
>
>
> >
> > Thanks
> >
> > PD: I saw Justin posting about MDL license, I don't want to integrate MDL
> > in the project, instead, I want to declare external links to use them, if
> > this is not right I think there should be other methods to be license
> > compliant...
> >
>
> I think you should be fine with this approach.
>
> Thanks for taking this initiative. Very exciting :-)
>
> Regards,
> Om
>
>
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by OmPrakash Muppirala <bi...@gmail.com>.
On Fri, Oct 14, 2016 at 10:25 AM, Carlos Rovira <ca...@apache.org>
wrote:
> Hi,
>
> I'm trying to setup a MDL library to start making some components with that
> look and feel.
> I'm following the Flat library project indications, and right now I'm
> building it ok with maven (didn't test Ant, but as a copy/paste from Flat,
> I think it should work as well).
>
> Then I tried in a sample project. Again, new dependencies set and mdl
> declarations are working, but result is not looking as I expect, maybe due
> to some low level constructions that I still doesn't dominate (mainly the
> internals in the "createElement():WrappedHTMLElement" overload, that I
> want
> to try to give some love today as I get a bit more time.
>
> Ok, from here,...I'm still trying to understand more things... for example:
>
> 1.- MDL requires some CSS files to be linked. I'm using it with
> -html-template tag in the example project, but, maybe this should be
> provided by the MDL.swc ? if so, why could we do this?
>
> 2.- To start implementing components, maybe it'd be better that someone
> review what I'm doing (to avoid work in things that not conform to
> standards setup here). Maybe I should upload the branch for people (Maybe
> Alex, Peter,...) to take a look?
>
> 3.- I started trying to make a simple Colored Fab MDL button... (as
> described here https://getmdl.io/components/index.html#buttons-section)
>
> and find that using a simple mxml declaration almost worked (it's not
> right, only an approximation, since I can't write "low level" HTML in MXML
> like an <I> with HTMLElement). So, this:
>
> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> mdl-button--colored">
> </js:Button>
>
> Shows a pink circle button, without icon.
>
Sounds like a fantastic first step :-))
>
> My MDL button has the following createElement code:
>
> /**
> * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
> * @flexjsignorecoercion HTMLButtonElement
> */
> override protected function createElement():WrappedHTMLElement
> {
> element = button = document.createElement('button') as
> HTMLButtonElement;
> button.className = 'mdl-button mdl-js-button mdl-button--fab
> mdl-button--colored';
>
> positioner = element;
> positioner.style.position = 'relative';
> (button as WrappedHTMLElement).flexjs_wrapper = this;
> element.flexjs_wrapper = this;
>
> return element;
> }
>
> and I'm using at my example project : <mdl:Button/>
>
> But instead to throw the pink empty circle button as the MXML example, it
> shows a normal button as if my declaration was <js:Button/> (the same
> indeed)
>
> someone knows where I could be failing ?
>
Sounds like some manifest.xml file has not been updated.
I don't know the exact errors, but if I may suggest another option - just
create these new buttons, etc. as custom components in your FlexJS
project. We can worry about making it a proper FlexJS library project
later.
>
> Thanks
>
> PD: I saw Justin posting about MDL license, I don't want to integrate MDL
> in the project, instead, I want to declare external links to use them, if
> this is not right I think there should be other methods to be license
> compliant...
>
I think you should be fine with this approach.
Thanks for taking this initiative. Very exciting :-)
Regards,
Om
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
On 10/17/16, 2:46 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
<carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com> wrote:
>btw, what means the attribute lookupOnly="true" in component tag in the
>manifest xml?
It means to add the class to the list of classes mapped to the manifest,
but not actually include the class in the SWC because it can be found in
another SWC.
In the regular Flex SDK, we used it to map mx.collections.ArrayList to the
Spark manifest so you could also just type s:ArrayList and not mix in mx
prefixes into your Spark-only app.
HTH,
-Alex
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
btw, what means the attribute lookupOnly="true" in component tag in the
manifest xml?
2016-10-17 8:40 GMT+02:00 Carlos Rovira <ca...@codeoscopic.com>:
> Thanks Alex,
>
> As I copied from Flat I remember that the use of html button (and other
> comps confused me, and I thought it should name my button. Now I connect
> points and understand that Button is not implemented in Flat and only is
> stylized via CSS.
>
> I'll check it and hopefully could progress from that
>
> Many Thanks for your help on this!
>
> Carlos
>
> 2016-10-17 7:01 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>> I forgot to explain how I debugged this:
>>
>> I ran the app in the browser (I use Safari).
>> I examine the DOM tree.
>> I clicked on the Button that wasn't behaving.
>> I viewed the Node properties.
>> One of the properties is flexjs_wrapper.
>> I expand it, then its __proto__ then its FLEXJS_CLASS_INFO property.
>> In there is a names array. The name was org.apache.flex.html.Button.
>>
>> So that meant that your org.apache.flex.mdl.Button was not being used and
>> I checked the mdl-manifest.xml
>>
>> HTH,
>> -Alex
>>
>> On 10/16/16, 9:28 PM, "Alex Harui" <ah...@adobe.com> wrote:
>>
>> >OK, looked into it. The mdl-manifest.xml was still pointing to the
>> >HTML.SWC's Button. I pushed changes and I get a pink circle as expected.
>> >
>> >HTH,
>> >-Alex
>> >
>> >On 10/16/16, 9:09 AM, "carlos.rovira@gmail.com on behalf of Carlos
>> Rovira"
>> ><carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>> >wrote:
>> >
>> >>Hi Alex,
>> >>
>> >>just mention I rebase my mdl branch to set on top of develop and make it
>> >>more organized.
>> >>
>> >>C.
>> >>
>> >>2016-10-16 16:00 GMT+02:00 Alex Harui <ah...@adobe.com>:
>> >>
>> >>>
>> >>>
>> >>> On 10/16/16, 2:35 AM, "carlos.rovira@gmail.com on behalf of Carlos
>> >>>Rovira"
>> >>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>> >>> wrote:
>> >>>
>> >>> >but my mdl button extends UIBase and not UIButtonBase (maybe it
>> should
>> >>>be
>> >>> >the last...)
>> >>>
>> >>> Oh yeah, forgot that the JS side has different inheritance. I will be
>> >>> looking into this during my evening.
>> >>>
>> >>> -Alex
>> >>>
>> >>>
>> >>
>> >>
>> >>--
>> >>
>> >>Carlos Rovira
>> >>Director General
>> >>M: +34 607 22 60 05
>> >>http://www.codeoscopic.com
>> >>http://www.avant2.es
>> >>
>> >>
>> >>Este mensaje se dirige exclusivamente a su destinatario y puede contener
>> >>información privilegiada o confidencial. Si ha recibido este mensaje por
>> >>error, le rogamos que nos lo comunique inmediatamente por esta misma vía
>> >>y
>> >>proceda a su destrucción.
>> >>
>> >>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>> >>comunicamos
>> >>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
>> >>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
>> >>servicio o información solicitados, teniendo usted derecho de acceso,
>> >>rectificación, cancelación y oposición de sus datos dirigiéndose a
>> >>nuestras
>> >>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
>> >>necesaria.
>> >
>>
>>
>
>
> --
>
> Carlos Rovira
> Director General
> M: +34 607 22 60 05
> http://www.codeoscopic.com
> http://www.avant2.es
>
>
> Este mensaje se dirige exclusivamente a su destinatario y puede contener
> información privilegiada o confidencial. Si ha recibido este mensaje por
> error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
> proceda a su destrucción.
>
> De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> comunicamos que sus datos forman parte de un fichero cuyo responsable es
> CODEOSCOPIC S.A. La finalidad de dicho tratamiento es facilitar la
> prestación del servicio o información solicitados, teniendo usted derecho
> de acceso, rectificación, cancelación y oposición de sus datos dirigiéndose
> a nuestras oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la
> documentación necesaria.
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Thanks Alex,
As I copied from Flat I remember that the use of html button (and other
comps confused me, and I thought it should name my button. Now I connect
points and understand that Button is not implemented in Flat and only is
stylized via CSS.
I'll check it and hopefully could progress from that
Many Thanks for your help on this!
Carlos
2016-10-17 7:01 GMT+02:00 Alex Harui <ah...@adobe.com>:
> I forgot to explain how I debugged this:
>
> I ran the app in the browser (I use Safari).
> I examine the DOM tree.
> I clicked on the Button that wasn't behaving.
> I viewed the Node properties.
> One of the properties is flexjs_wrapper.
> I expand it, then its __proto__ then its FLEXJS_CLASS_INFO property.
> In there is a names array. The name was org.apache.flex.html.Button.
>
> So that meant that your org.apache.flex.mdl.Button was not being used and
> I checked the mdl-manifest.xml
>
> HTH,
> -Alex
>
> On 10/16/16, 9:28 PM, "Alex Harui" <ah...@adobe.com> wrote:
>
> >OK, looked into it. The mdl-manifest.xml was still pointing to the
> >HTML.SWC's Button. I pushed changes and I get a pink circle as expected.
> >
> >HTH,
> >-Alex
> >
> >On 10/16/16, 9:09 AM, "carlos.rovira@gmail.com on behalf of Carlos
> Rovira"
> ><carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
> >wrote:
> >
> >>Hi Alex,
> >>
> >>just mention I rebase my mdl branch to set on top of develop and make it
> >>more organized.
> >>
> >>C.
> >>
> >>2016-10-16 16:00 GMT+02:00 Alex Harui <ah...@adobe.com>:
> >>
> >>>
> >>>
> >>> On 10/16/16, 2:35 AM, "carlos.rovira@gmail.com on behalf of Carlos
> >>>Rovira"
> >>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
> >>> wrote:
> >>>
> >>> >but my mdl button extends UIBase and not UIButtonBase (maybe it should
> >>>be
> >>> >the last...)
> >>>
> >>> Oh yeah, forgot that the JS side has different inheritance. I will be
> >>> looking into this during my evening.
> >>>
> >>> -Alex
> >>>
> >>>
> >>
> >>
> >>--
> >>
> >>Carlos Rovira
> >>Director General
> >>M: +34 607 22 60 05
> >>http://www.codeoscopic.com
> >>http://www.avant2.es
> >>
> >>
> >>Este mensaje se dirige exclusivamente a su destinatario y puede contener
> >>información privilegiada o confidencial. Si ha recibido este mensaje por
> >>error, le rogamos que nos lo comunique inmediatamente por esta misma vía
> >>y
> >>proceda a su destrucción.
> >>
> >>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> >>comunicamos
> >>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
> >>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
> >>servicio o información solicitados, teniendo usted derecho de acceso,
> >>rectificación, cancelación y oposición de sus datos dirigiéndose a
> >>nuestras
> >>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
> >>necesaria.
> >
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
I forgot to explain how I debugged this:
I ran the app in the browser (I use Safari).
I examine the DOM tree.
I clicked on the Button that wasn't behaving.
I viewed the Node properties.
One of the properties is flexjs_wrapper.
I expand it, then its __proto__ then its FLEXJS_CLASS_INFO property.
In there is a names array. The name was org.apache.flex.html.Button.
So that meant that your org.apache.flex.mdl.Button was not being used and
I checked the mdl-manifest.xml
HTH,
-Alex
On 10/16/16, 9:28 PM, "Alex Harui" <ah...@adobe.com> wrote:
>OK, looked into it. The mdl-manifest.xml was still pointing to the
>HTML.SWC's Button. I pushed changes and I get a pink circle as expected.
>
>HTH,
>-Alex
>
>On 10/16/16, 9:09 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
><carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>wrote:
>
>>Hi Alex,
>>
>>just mention I rebase my mdl branch to set on top of develop and make it
>>more organized.
>>
>>C.
>>
>>2016-10-16 16:00 GMT+02:00 Alex Harui <ah...@adobe.com>:
>>
>>>
>>>
>>> On 10/16/16, 2:35 AM, "carlos.rovira@gmail.com on behalf of Carlos
>>>Rovira"
>>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>>> wrote:
>>>
>>> >but my mdl button extends UIBase and not UIButtonBase (maybe it should
>>>be
>>> >the last...)
>>>
>>> Oh yeah, forgot that the JS side has different inheritance. I will be
>>> looking into this during my evening.
>>>
>>> -Alex
>>>
>>>
>>
>>
>>--
>>
>>Carlos Rovira
>>Director General
>>M: +34 607 22 60 05
>>http://www.codeoscopic.com
>>http://www.avant2.es
>>
>>
>>Este mensaje se dirige exclusivamente a su destinatario y puede contener
>>información privilegiada o confidencial. Si ha recibido este mensaje por
>>error, le rogamos que nos lo comunique inmediatamente por esta misma vía
>>y
>>proceda a su destrucción.
>>
>>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>>comunicamos
>>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
>>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
>>servicio o información solicitados, teniendo usted derecho de acceso,
>>rectificación, cancelación y oposición de sus datos dirigiéndose a
>>nuestras
>>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
>>necesaria.
>
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
OK, looked into it. The mdl-manifest.xml was still pointing to the
HTML.SWC's Button. I pushed changes and I get a pink circle as expected.
HTH,
-Alex
On 10/16/16, 9:09 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
<carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com> wrote:
>Hi Alex,
>
>just mention I rebase my mdl branch to set on top of develop and make it
>more organized.
>
>C.
>
>2016-10-16 16:00 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>>
>>
>> On 10/16/16, 2:35 AM, "carlos.rovira@gmail.com on behalf of Carlos
>>Rovira"
>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>> wrote:
>>
>> >but my mdl button extends UIBase and not UIButtonBase (maybe it should
>>be
>> >the last...)
>>
>> Oh yeah, forgot that the JS side has different inheritance. I will be
>> looking into this during my evening.
>>
>> -Alex
>>
>>
>
>
>--
>
>Carlos Rovira
>Director General
>M: +34 607 22 60 05
>http://www.codeoscopic.com
>http://www.avant2.es
>
>
>Este mensaje se dirige exclusivamente a su destinatario y puede contener
>información privilegiada o confidencial. Si ha recibido este mensaje por
>error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
>proceda a su destrucción.
>
>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>comunicamos
>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
>servicio o información solicitados, teniendo usted derecho de acceso,
>rectificación, cancelación y oposición de sus datos dirigiéndose a
>nuestras
>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
>necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Hi Alex,
just mention I rebase my mdl branch to set on top of develop and make it
more organized.
C.
2016-10-16 16:00 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>
> On 10/16/16, 2:35 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
> wrote:
>
> >but my mdl button extends UIBase and not UIButtonBase (maybe it should be
> >the last...)
>
> Oh yeah, forgot that the JS side has different inheritance. I will be
> looking into this during my evening.
>
> -Alex
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
On 10/16/16, 2:35 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
<carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com> wrote:
>but my mdl button extends UIBase and not UIButtonBase (maybe it should be
>the last...)
Oh yeah, forgot that the JS side has different inheritance. I will be
looking into this during my evening.
-Alex
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Hi Alex,
thanks! for the inline problem, I cherry pick your commit in mdl branch and
add the code you suggested to the mdl example project, test it and it's
working, and showing the plus icon inside :)
A side of the success, maybe this should work with plain js:Button, since
this is really a icon button...
For the second problem, then I check the differences in UIBase/UIButtonBase
className setters and see UIButtonBase lacks:
COMPILE::JS
{
element.className = typeNames ? value + ' ' + typeNames
: value;
}
but my mdl button extends UIBase and not UIButtonBase (maybe it should be
the last...)
So here my main problem is that at that level (chose base comp extension) I
don't know the reasons to use one over another. I close the first one as my
copy paste of the basic button. In Flat there's no extension.
Anyway my test here doesn't throws what we expected and the button (via
component code) still is unstylised.
Checking UIButtonBase it seems is mainly surrounded by COMPILE::SWF and
there's COMPILE::JS (only in the className method), so this confuses
me...what is generating the compiler here? since there's a COMPILE::JS
inside COMPILE::SWF, in my understanding, there should be only SWF
generation...
Thanks
Carlos
2016-10-16 8:55 GMT+02:00 Alex Harui <ah...@adobe.com>:
> Also, I'm out of time for tonight, but I took a quick look and found that
> UIButtonBase.as doesn't have the same className setter as UIBase.as. I'll
> bet if you copy the UIBase setter to UIButtonBase your other problem will
> go away.
>
> HTH,
> -Alex
>
> On 10/15/16, 11:45 PM, "Alex Harui" <ah...@adobe.com> wrote:
>
> >Well, that took longer than I hoped. I also have limited time this
> >weekend. Anyway, I think I got the following pattern to work:
> >
> ><js:TextButton className="mdl-button mdl-js-button mdl-button--fab
> >mdl-button--colored">
> > <i class="material-icons">add</i>
> ></js:TextButton>
> >
> >
> >Note that I'm using TextButton as it has 'text' and 'html' properties.
> >The Button class doesn't (currently) have those properties as it is used
> >primarily for graphic buttons like up/down arrows in scrollbars, numeric
> >steppers, etc.
> >
> >I had to add [DefaultProperty("text")] to TextButton. That was pushed to
> >the flex-asjs develop branch so you will need to sync that to your branch.
> >
> >I also had to add
> >
> > xmlns="http://www.w3.org/1999/xhtml"
> >
> >to the top of the mxml file containing the TextButton. The compiler is
> >specifically looking for tags in that namespace to know those tags are
> >html and not mapped to some component. We can add other namespaces if we
> >need to.
> >
> >I'm pretty sure the code I pushed to flex-falcon needs to be generalized
> >to handle more complex HTML. Right now it expects the "content" to be a
> >single HTML tag with children. I'll work on that shortly.
> >
> >Anyway, hope that gets you a bit further.
> >
> >
> >-Alex
> >
> >
> >
> >On 10/14/16, 11:25 PM, "carlos.rovira@gmail.com on behalf of Carlos
> >Rovira" <carlos.rovira@gmail.com on behalf of
> >carlos.rovira@codeoscopic.com> wrote:
> >
> >>Thanks Alex,
> >>
> >>I'll be the next hours off, but if you get something I'll be looking it
> >>this weekend. Many thanks for your time!
> >>
> >>2016-10-15 8:07 GMT+02:00 Alex Harui <ah...@adobe.com>:
> >>
> >>>
> >>>
> >>> On 10/14/16, 2:07 PM, "carlos.rovira@gmail.com on behalf of Carlos
> >>>Rovira"
> >>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
> >>> wrote:
> >>>
> >>> >Hi Alex,
> >>> >
> >>> >just committed the MDLExample project in examples folder with minimal
> >>> >code,
> >>> >just a js:Button with styles that works and a mdl:Button that should
> >>>have
> >>> >that styles and doesn't work. I configure to build with maven, but not
> >>> >ant.
> >>>
> >>> OK. I'm still digging into the MXML parsing.
> >>>
> >>> -Alex
> >>>
> >>>
> >>
> >>
> >>--
> >>
> >>Carlos Rovira
> >>Director General
> >>M: +34 607 22 60 05
> >>http://www.codeoscopic.com
> >>http://www.avant2.es
> >>
> >>
> >>Este mensaje se dirige exclusivamente a su destinatario y puede contener
> >>información privilegiada o confidencial. Si ha recibido este mensaje por
> >>error, le rogamos que nos lo comunique inmediatamente por esta misma vía
> >>y
> >>proceda a su destrucción.
> >>
> >>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> >>comunicamos
> >>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
> >>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
> >>servicio o información solicitados, teniendo usted derecho de acceso,
> >>rectificación, cancelación y oposición de sus datos dirigiéndose a
> >>nuestras
> >>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
> >>necesaria.
> >
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
Also, I'm out of time for tonight, but I took a quick look and found that
UIButtonBase.as doesn't have the same className setter as UIBase.as. I'll
bet if you copy the UIBase setter to UIButtonBase your other problem will
go away.
HTH,
-Alex
On 10/15/16, 11:45 PM, "Alex Harui" <ah...@adobe.com> wrote:
>Well, that took longer than I hoped. I also have limited time this
>weekend. Anyway, I think I got the following pattern to work:
>
><js:TextButton className="mdl-button mdl-js-button mdl-button--fab
>mdl-button--colored">
> <i class="material-icons">add</i>
></js:TextButton>
>
>
>Note that I'm using TextButton as it has 'text' and 'html' properties.
>The Button class doesn't (currently) have those properties as it is used
>primarily for graphic buttons like up/down arrows in scrollbars, numeric
>steppers, etc.
>
>I had to add [DefaultProperty("text")] to TextButton. That was pushed to
>the flex-asjs develop branch so you will need to sync that to your branch.
>
>I also had to add
>
> xmlns="http://www.w3.org/1999/xhtml"
>
>to the top of the mxml file containing the TextButton. The compiler is
>specifically looking for tags in that namespace to know those tags are
>html and not mapped to some component. We can add other namespaces if we
>need to.
>
>I'm pretty sure the code I pushed to flex-falcon needs to be generalized
>to handle more complex HTML. Right now it expects the "content" to be a
>single HTML tag with children. I'll work on that shortly.
>
>Anyway, hope that gets you a bit further.
>
>
>-Alex
>
>
>
>On 10/14/16, 11:25 PM, "carlos.rovira@gmail.com on behalf of Carlos
>Rovira" <carlos.rovira@gmail.com on behalf of
>carlos.rovira@codeoscopic.com> wrote:
>
>>Thanks Alex,
>>
>>I'll be the next hours off, but if you get something I'll be looking it
>>this weekend. Many thanks for your time!
>>
>>2016-10-15 8:07 GMT+02:00 Alex Harui <ah...@adobe.com>:
>>
>>>
>>>
>>> On 10/14/16, 2:07 PM, "carlos.rovira@gmail.com on behalf of Carlos
>>>Rovira"
>>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>>> wrote:
>>>
>>> >Hi Alex,
>>> >
>>> >just committed the MDLExample project in examples folder with minimal
>>> >code,
>>> >just a js:Button with styles that works and a mdl:Button that should
>>>have
>>> >that styles and doesn't work. I configure to build with maven, but not
>>> >ant.
>>>
>>> OK. I'm still digging into the MXML parsing.
>>>
>>> -Alex
>>>
>>>
>>
>>
>>--
>>
>>Carlos Rovira
>>Director General
>>M: +34 607 22 60 05
>>http://www.codeoscopic.com
>>http://www.avant2.es
>>
>>
>>Este mensaje se dirige exclusivamente a su destinatario y puede contener
>>información privilegiada o confidencial. Si ha recibido este mensaje por
>>error, le rogamos que nos lo comunique inmediatamente por esta misma vía
>>y
>>proceda a su destrucción.
>>
>>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>>comunicamos
>>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
>>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
>>servicio o información solicitados, teniendo usted derecho de acceso,
>>rectificación, cancelación y oposición de sus datos dirigiéndose a
>>nuestras
>>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
>>necesaria.
>
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
Well, that took longer than I hoped. I also have limited time this
weekend. Anyway, I think I got the following pattern to work:
<js:TextButton className="mdl-button mdl-js-button mdl-button--fab
mdl-button--colored">
<i class="material-icons">add</i>
</js:TextButton>
Note that I'm using TextButton as it has 'text' and 'html' properties.
The Button class doesn't (currently) have those properties as it is used
primarily for graphic buttons like up/down arrows in scrollbars, numeric
steppers, etc.
I had to add [DefaultProperty("text")] to TextButton. That was pushed to
the flex-asjs develop branch so you will need to sync that to your branch.
I also had to add
xmlns="http://www.w3.org/1999/xhtml"
to the top of the mxml file containing the TextButton. The compiler is
specifically looking for tags in that namespace to know those tags are
html and not mapped to some component. We can add other namespaces if we
need to.
I'm pretty sure the code I pushed to flex-falcon needs to be generalized
to handle more complex HTML. Right now it expects the "content" to be a
single HTML tag with children. I'll work on that shortly.
Anyway, hope that gets you a bit further.
-Alex
On 10/14/16, 11:25 PM, "carlos.rovira@gmail.com on behalf of Carlos
Rovira" <carlos.rovira@gmail.com on behalf of
carlos.rovira@codeoscopic.com> wrote:
>Thanks Alex,
>
>I'll be the next hours off, but if you get something I'll be looking it
>this weekend. Many thanks for your time!
>
>2016-10-15 8:07 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>>
>>
>> On 10/14/16, 2:07 PM, "carlos.rovira@gmail.com on behalf of Carlos
>>Rovira"
>> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
>> wrote:
>>
>> >Hi Alex,
>> >
>> >just committed the MDLExample project in examples folder with minimal
>> >code,
>> >just a js:Button with styles that works and a mdl:Button that should
>>have
>> >that styles and doesn't work. I configure to build with maven, but not
>> >ant.
>>
>> OK. I'm still digging into the MXML parsing.
>>
>> -Alex
>>
>>
>
>
>--
>
>Carlos Rovira
>Director General
>M: +34 607 22 60 05
>http://www.codeoscopic.com
>http://www.avant2.es
>
>
>Este mensaje se dirige exclusivamente a su destinatario y puede contener
>información privilegiada o confidencial. Si ha recibido este mensaje por
>error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
>proceda a su destrucción.
>
>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>comunicamos
>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
>servicio o información solicitados, teniendo usted derecho de acceso,
>rectificación, cancelación y oposición de sus datos dirigiéndose a
>nuestras
>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
>necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Thanks Alex,
I'll be the next hours off, but if you get something I'll be looking it
this weekend. Many thanks for your time!
2016-10-15 8:07 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>
> On 10/14/16, 2:07 PM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
> <carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com>
> wrote:
>
> >Hi Alex,
> >
> >just committed the MDLExample project in examples folder with minimal
> >code,
> >just a js:Button with styles that works and a mdl:Button that should have
> >that styles and doesn't work. I configure to build with maven, but not
> >ant.
>
> OK. I'm still digging into the MXML parsing.
>
> -Alex
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
On 10/14/16, 2:07 PM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
<carlos.rovira@gmail.com on behalf of carlos.rovira@codeoscopic.com> wrote:
>Hi Alex,
>
>just committed the MDLExample project in examples folder with minimal
>code,
>just a js:Button with styles that works and a mdl:Button that should have
>that styles and doesn't work. I configure to build with maven, but not
>ant.
OK. I'm still digging into the MXML parsing.
-Alex
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Hi Alex,
just committed the MDLExample project in examples folder with minimal code,
just a js:Button with styles that works and a mdl:Button that should have
that styles and doesn't work. I configure to build with maven, but not ant.
thanks
Carlos
2016-10-14 22:27 GMT+02:00 Alex Harui <ah...@adobe.com>:
> If you want to make an example in flex-asjs repo in examples/flexjs that
> would be helpful.
>
> -Alex
>
> On 10/14/16, 11:54 AM, "carlos.rovira@gmail.com on behalf of Carlos
> Rovira" <carlos.rovira@gmail.com on behalf of
> carlos.rovira@codeoscopic.com> wrote:
>
> >Ok, just pushed to branch /feature/mdl
> >
> >my example project is out the examples. Do you think I should create an
> >examples/mdlexample project and upload it to the branch as well?
> >
> >Thanks
> >
> >2016-10-14 20:42 GMT+02:00 Carlos Rovira <ca...@codeoscopic.com>:
> >
> >> Hi Alex,
> >>
> >> I tried the both <i class="material-icons">add</I> and
> >>
> >> <js:html>
> >> <i class="material-icons">add</i>
> >> </js:html>
> >>
> >> but didn't worked.
> >>
> >> I'll be uploading the branch, since I'm equally worried about the low
> >> level code not working
> >>
> >> Thanks!
> >>
> >>
> >>
> >>
> >>
> >>
> >>
> >> 2016-10-14 20:19 GMT+02:00 Alex Harui <ah...@adobe.com>:
> >>
> >>>
> >>>
> >>> On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
> >>> Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
> >>> wrote:
> >>>
> >>> >Hi,
> >>> >
> >>> >I'm trying to setup a MDL library to start making some components with
> >>> >that
> >>> >look and feel.
> >>> >I'm following the Flat library project indications, and right now I'm
> >>> >building it ok with maven (didn't test Ant, but as a copy/paste from
> >>> Flat,
> >>> >I think it should work as well).
> >>> >
> >>> >Then I tried in a sample project. Again, new dependencies set and mdl
> >>> >declarations are working, but result is not looking as I expect, maybe
> >>> due
> >>> >to some low level constructions that I still doesn't dominate (mainly
> >>>the
> >>> >internals in the "createElement():WrappedHTMLElement" overload, that
> I
> >>> >want
> >>> >to try to give some love today as I get a bit more time.
> >>> >
> >>> >Ok, from here,...I'm still trying to understand more things... for
> >>> >example:
> >>> >
> >>> >1.- MDL requires some CSS files to be linked. I'm using it with
> >>> >-html-template tag in the example project, but, maybe this should be
> >>> >provided by the MDL.swc ? if so, why could we do this?
> >>>
> >>> Use the <inject_html> directive. See CreateJS.swc's Application class.
> >>>
> >>> >
> >>> >2.- To start implementing components, maybe it'd be better that
> >>>someone
> >>> >review what I'm doing (to avoid work in things that not conform to
> >>> >standards setup here). Maybe I should upload the branch for people
> >>>(Maybe
> >>> >Alex, Peter,...) to take a look?
> >>>
> >>> Sure, feel free to share the branch.
> >>>
> >>> >
> >>> >3.- I started trying to make a simple Colored Fab MDL button... (as
> >>> >described here
> >>>https://getmdl.io/components/index.html#buttons-section)
> >>> >
> >>> >and find that using a simple mxml declaration almost worked (it's not
> >>> >right, only an approximation, since I can't write "low level" HTML in
> >>> MXML
> >>> >like an <I> with HTMLElement). So, this:
> >>> >
> >>> ><js:Button className="mdl-button mdl-js-button mdl-button--fab
> >>> >mdl-button--colored">
> >>> ></js:Button>
> >>>
> >>> Did you try:
> >>>
> >>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> >>> mdl-button--colored">
> >>> <i class="material-icons">add</i>
> >>> </js:Button>
> >>>
> >>> And/or:
> >>>
> >>>
> >>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> >>> mdl-button--colored">
> >>> <js:html>
> >>> <i class="material-icons">add</i>
> >>> </js:html>
> >>> </js:Button>
> >>>
> >>> If neither of those worked, I will take a look.
> >>>
> >>>
> >>> >
> >>> >Shows a pink circle button, without icon.
> >>> >
> >>> >My MDL button has the following createElement code:
> >>> >
> >>> >/**
> >>> > * @flexjsignorecoercion
> >>>org.apache.flex.core.WrappedHTMLElement
> >>> > * @flexjsignorecoercion HTMLButtonElement
> >>> > */
> >>> > override protected function createElement():
> WrappedHTMLElement
> >>> > {
> >>> > element = button = document.createElement('button') as
> >>> >HTMLButtonElement;
> >>> > button.className = 'mdl-button mdl-js-button
> >>>mdl-button--fab
> >>> >mdl-button--colored';
> >>> >
> >>> > positioner = element;
> >>> > positioner.style.position = 'relative';
> >>> > (button as WrappedHTMLElement).flexjs_wrapper = this;
> >>> > element.flexjs_wrapper = this;
> >>> >
> >>> > return element;
> >>> > }
> >>> >
> >>> >and I'm using at my example project : <mdl:Button/>
> >>> >
> >>> >But instead to throw the pink empty circle button as the MXML
> >>>example, it
> >>> >shows a normal button as if my declaration was <js:Button/> (the same
> >>> >indeed)
> >>> >
> >>> >someone knows where I could be failing ?
> >>>
> >>> I don't see any obvious problems. I would examine the DOM in the
> >>>browser
> >>> debugger and make sure the CSS got loaded and the className is properly
> >>> set on the HTMLButtonElement. I'm wondering if the className gets
> >>>reset
> >>> by the framework somehow. Although note that setting the className on
> >>>the
> >>> outer button class that wraps the HTMLButtonElement should set the
> >>> className on the button element.
> >>>
> >>> HTH,
> >>> -Alex
> >>>
> >>>
> >>
> >>
> >> --
> >>
> >> Carlos Rovira
> >> Director General
> >> M: +34 607 22 60 05
> >> http://www.codeoscopic.com
> >> http://www.avant2.es
> >>
> >>
> >> Este mensaje se dirige exclusivamente a su destinatario y puede contener
> >> información privilegiada o confidencial. Si ha recibido este mensaje por
> >> error, le rogamos que nos lo comunique inmediatamente por esta misma
> >>vía y
> >> proceda a su destrucción.
> >>
> >> De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> >> comunicamos que sus datos forman parte de un fichero cuyo responsable es
> >> CODEOSCOPIC S.A. La finalidad de dicho tratamiento es facilitar la
> >> prestación del servicio o información solicitados, teniendo usted
> >>derecho
> >> de acceso, rectificación, cancelación y oposición de sus datos
> >>dirigiéndose
> >> a nuestras oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la
> >> documentación necesaria.
> >>
> >>
> >
> >
> >--
> >
> >Carlos Rovira
> >Director General
> >M: +34 607 22 60 05
> >http://www.codeoscopic.com
> >http://www.avant2.es
> >
> >
> >Este mensaje se dirige exclusivamente a su destinatario y puede contener
> >información privilegiada o confidencial. Si ha recibido este mensaje por
> >error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
> >proceda a su destrucción.
> >
> >De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> >comunicamos
> >que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
> >S.A. La finalidad de dicho tratamiento es facilitar la prestación del
> >servicio o información solicitados, teniendo usted derecho de acceso,
> >rectificación, cancelación y oposición de sus datos dirigiéndose a
> >nuestras
> >oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
> >necesaria.
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
If you want to make an example in flex-asjs repo in examples/flexjs that
would be helpful.
-Alex
On 10/14/16, 11:54 AM, "carlos.rovira@gmail.com on behalf of Carlos
Rovira" <carlos.rovira@gmail.com on behalf of
carlos.rovira@codeoscopic.com> wrote:
>Ok, just pushed to branch /feature/mdl
>
>my example project is out the examples. Do you think I should create an
>examples/mdlexample project and upload it to the branch as well?
>
>Thanks
>
>2016-10-14 20:42 GMT+02:00 Carlos Rovira <ca...@codeoscopic.com>:
>
>> Hi Alex,
>>
>> I tried the both <i class="material-icons">add</I> and
>>
>> <js:html>
>> <i class="material-icons">add</i>
>> </js:html>
>>
>> but didn't worked.
>>
>> I'll be uploading the branch, since I'm equally worried about the low
>> level code not working
>>
>> Thanks!
>>
>>
>>
>>
>>
>>
>>
>> 2016-10-14 20:19 GMT+02:00 Alex Harui <ah...@adobe.com>:
>>
>>>
>>>
>>> On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
>>> Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
>>> wrote:
>>>
>>> >Hi,
>>> >
>>> >I'm trying to setup a MDL library to start making some components with
>>> >that
>>> >look and feel.
>>> >I'm following the Flat library project indications, and right now I'm
>>> >building it ok with maven (didn't test Ant, but as a copy/paste from
>>> Flat,
>>> >I think it should work as well).
>>> >
>>> >Then I tried in a sample project. Again, new dependencies set and mdl
>>> >declarations are working, but result is not looking as I expect, maybe
>>> due
>>> >to some low level constructions that I still doesn't dominate (mainly
>>>the
>>> >internals in the "createElement():WrappedHTMLElement" overload, that I
>>> >want
>>> >to try to give some love today as I get a bit more time.
>>> >
>>> >Ok, from here,...I'm still trying to understand more things... for
>>> >example:
>>> >
>>> >1.- MDL requires some CSS files to be linked. I'm using it with
>>> >-html-template tag in the example project, but, maybe this should be
>>> >provided by the MDL.swc ? if so, why could we do this?
>>>
>>> Use the <inject_html> directive. See CreateJS.swc's Application class.
>>>
>>> >
>>> >2.- To start implementing components, maybe it'd be better that
>>>someone
>>> >review what I'm doing (to avoid work in things that not conform to
>>> >standards setup here). Maybe I should upload the branch for people
>>>(Maybe
>>> >Alex, Peter,...) to take a look?
>>>
>>> Sure, feel free to share the branch.
>>>
>>> >
>>> >3.- I started trying to make a simple Colored Fab MDL button... (as
>>> >described here
>>>https://getmdl.io/components/index.html#buttons-section)
>>> >
>>> >and find that using a simple mxml declaration almost worked (it's not
>>> >right, only an approximation, since I can't write "low level" HTML in
>>> MXML
>>> >like an <I> with HTMLElement). So, this:
>>> >
>>> ><js:Button className="mdl-button mdl-js-button mdl-button--fab
>>> >mdl-button--colored">
>>> ></js:Button>
>>>
>>> Did you try:
>>>
>>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
>>> mdl-button--colored">
>>> <i class="material-icons">add</i>
>>> </js:Button>
>>>
>>> And/or:
>>>
>>>
>>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
>>> mdl-button--colored">
>>> <js:html>
>>> <i class="material-icons">add</i>
>>> </js:html>
>>> </js:Button>
>>>
>>> If neither of those worked, I will take a look.
>>>
>>>
>>> >
>>> >Shows a pink circle button, without icon.
>>> >
>>> >My MDL button has the following createElement code:
>>> >
>>> >/**
>>> > * @flexjsignorecoercion
>>>org.apache.flex.core.WrappedHTMLElement
>>> > * @flexjsignorecoercion HTMLButtonElement
>>> > */
>>> > override protected function createElement():WrappedHTMLElement
>>> > {
>>> > element = button = document.createElement('button') as
>>> >HTMLButtonElement;
>>> > button.className = 'mdl-button mdl-js-button
>>>mdl-button--fab
>>> >mdl-button--colored';
>>> >
>>> > positioner = element;
>>> > positioner.style.position = 'relative';
>>> > (button as WrappedHTMLElement).flexjs_wrapper = this;
>>> > element.flexjs_wrapper = this;
>>> >
>>> > return element;
>>> > }
>>> >
>>> >and I'm using at my example project : <mdl:Button/>
>>> >
>>> >But instead to throw the pink empty circle button as the MXML
>>>example, it
>>> >shows a normal button as if my declaration was <js:Button/> (the same
>>> >indeed)
>>> >
>>> >someone knows where I could be failing ?
>>>
>>> I don't see any obvious problems. I would examine the DOM in the
>>>browser
>>> debugger and make sure the CSS got loaded and the className is properly
>>> set on the HTMLButtonElement. I'm wondering if the className gets
>>>reset
>>> by the framework somehow. Although note that setting the className on
>>>the
>>> outer button class that wraps the HTMLButtonElement should set the
>>> className on the button element.
>>>
>>> HTH,
>>> -Alex
>>>
>>>
>>
>>
>> --
>>
>> Carlos Rovira
>> Director General
>> M: +34 607 22 60 05
>> http://www.codeoscopic.com
>> http://www.avant2.es
>>
>>
>> Este mensaje se dirige exclusivamente a su destinatario y puede contener
>> información privilegiada o confidencial. Si ha recibido este mensaje por
>> error, le rogamos que nos lo comunique inmediatamente por esta misma
>>vía y
>> proceda a su destrucción.
>>
>> De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>> comunicamos que sus datos forman parte de un fichero cuyo responsable es
>> CODEOSCOPIC S.A. La finalidad de dicho tratamiento es facilitar la
>> prestación del servicio o información solicitados, teniendo usted
>>derecho
>> de acceso, rectificación, cancelación y oposición de sus datos
>>dirigiéndose
>> a nuestras oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la
>> documentación necesaria.
>>
>>
>
>
>--
>
>Carlos Rovira
>Director General
>M: +34 607 22 60 05
>http://www.codeoscopic.com
>http://www.avant2.es
>
>
>Este mensaje se dirige exclusivamente a su destinatario y puede contener
>información privilegiada o confidencial. Si ha recibido este mensaje por
>error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
>proceda a su destrucción.
>
>De la vigente Ley Orgánica de Protección de Datos (15/1999), le
>comunicamos
>que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
>S.A. La finalidad de dicho tratamiento es facilitar la prestación del
>servicio o información solicitados, teniendo usted derecho de acceso,
>rectificación, cancelación y oposición de sus datos dirigiéndose a
>nuestras
>oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
>necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Hi Chris,
thanks, I not remember that! :)
I think feature-autobuild is ok, since not all branches will need to use
the Jenkins setup.
I will try it as it will get unblocked hopefully soon :)
Thanks! :)
2016-10-15 12:26 GMT+02:00 Christofer Dutz <ch...@c-ware.de>:
> Hi Carlos,
>
>
> if you name the branch "feature-autobuild/mdl" you get an automaticaly
> setup Jenkins Pipeline for free :-) (Currently you have to however create
> the same branch in compiler and typedefs for that to work).
>
>
> Or should I rename the pattern to do this magic for "feature/*"? (This
> question is aimed at all)
>
>
> Chris
>
> ________________________________
> Von: carlos.rovira@gmail.com <ca...@gmail.com> im Auftrag von
> Carlos Rovira <ca...@codeoscopic.com>
> Gesendet: Freitag, 14. Oktober 2016 20:54:35
> An: dev@flex.apache.org
> Betreff: Re: [FlexJS] Working on a MDL branch
>
> Ok, just pushed to branch /feature/mdl
>
> my example project is out the examples. Do you think I should create an
> examples/mdlexample project and upload it to the branch as well?
>
> Thanks
>
> 2016-10-14 20:42 GMT+02:00 Carlos Rovira <ca...@codeoscopic.com>:
>
> > Hi Alex,
> >
> > I tried the both <i class="material-icons">add</I> and
> >
> > <js:html>
> > <i class="material-icons">add</i>
> > </js:html>
> >
> > but didn't worked.
> >
> > I'll be uploading the branch, since I'm equally worried about the low
> > level code not working
> >
> > Thanks!
> >
> >
> >
> >
> >
> >
> >
> > 2016-10-14 20:19 GMT+02:00 Alex Harui <ah...@adobe.com>:
> >
> >>
> >>
> >> On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
> >> Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
> >> wrote:
> >>
> >> >Hi,
> >> >
> >> >I'm trying to setup a MDL library to start making some components with
> >> >that
> >> >look and feel.
> >> >I'm following the Flat library project indications, and right now I'm
> >> >building it ok with maven (didn't test Ant, but as a copy/paste from
> >> Flat,
> >> >I think it should work as well).
> >> >
> >> >Then I tried in a sample project. Again, new dependencies set and mdl
> >> >declarations are working, but result is not looking as I expect, maybe
> >> due
> >> >to some low level constructions that I still doesn't dominate (mainly
> the
> >> >internals in the "createElement():WrappedHTMLElement" overload, that I
> >> >want
> >> >to try to give some love today as I get a bit more time.
> >> >
> >> >Ok, from here,...I'm still trying to understand more things... for
> >> >example:
> >> >
> >> >1.- MDL requires some CSS files to be linked. I'm using it with
> >> >-html-template tag in the example project, but, maybe this should be
> >> >provided by the MDL.swc ? if so, why could we do this?
> >>
> >> Use the <inject_html> directive. See CreateJS.swc's Application class.
> >>
> >> >
> >> >2.- To start implementing components, maybe it'd be better that someone
> >> >review what I'm doing (to avoid work in things that not conform to
> >> >standards setup here). Maybe I should upload the branch for people
> (Maybe
> >> >Alex, Peter,...) to take a look?
> >>
> >> Sure, feel free to share the branch.
> >>
> >> >
> >> >3.- I started trying to make a simple Colored Fab MDL button... (as
> >> >described here https://getmdl.io/components/index.html#buttons-section
> )
> >> >
> >> >and find that using a simple mxml declaration almost worked (it's not
> >> >right, only an approximation, since I can't write "low level" HTML in
> >> MXML
> >> >like an <I> with HTMLElement). So, this:
> >> >
> >> ><js:Button className="mdl-button mdl-js-button mdl-button--fab
> >> >mdl-button--colored">
> >> ></js:Button>
> >>
> >> Did you try:
> >>
> >> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> >> mdl-button--colored">
> >> <i class="material-icons">add</i>
> >> </js:Button>
> >>
> >> And/or:
> >>
> >>
> >> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> >> mdl-button--colored">
> >> <js:html>
> >> <i class="material-icons">add</i>
> >> </js:html>
> >> </js:Button>
> >>
> >> If neither of those worked, I will take a look.
> >>
> >>
> >> >
> >> >Shows a pink circle button, without icon.
> >> >
> >> >My MDL button has the following createElement code:
> >> >
> >> >/**
> >> > * @flexjsignorecoercion org.apache.flex.core.
> WrappedHTMLElement
> >> > * @flexjsignorecoercion HTMLButtonElement
> >> > */
> >> > override protected function createElement():WrappedHTMLElement
> >> > {
> >> > element = button = document.createElement('button') as
> >> >HTMLButtonElement;
> >> > button.className = 'mdl-button mdl-js-button
> mdl-button--fab
> >> >mdl-button--colored';
> >> >
> >> > positioner = element;
> >> > positioner.style.position = 'relative';
> >> > (button as WrappedHTMLElement).flexjs_wrapper = this;
> >> > element.flexjs_wrapper = this;
> >> >
> >> > return element;
> >> > }
> >> >
> >> >and I'm using at my example project : <mdl:Button/>
> >> >
> >> >But instead to throw the pink empty circle button as the MXML example,
> it
> >> >shows a normal button as if my declaration was <js:Button/> (the same
> >> >indeed)
> >> >
> >> >someone knows where I could be failing ?
> >>
> >> I don't see any obvious problems. I would examine the DOM in the
> browser
> >> debugger and make sure the CSS got loaded and the className is properly
> >> set on the HTMLButtonElement. I'm wondering if the className gets reset
> >> by the framework somehow. Although note that setting the className on
> the
> >> outer button class that wraps the HTMLButtonElement should set the
> >> className on the button element.
> >>
> >> HTH,
> >> -Alex
> >>
> >>
> >
> >
> > --
> >
> > Carlos Rovira
> > Director General
> > M: +34 607 22 60 05
> > http://www.codeoscopic.com
> > http://www.avant2.es
> >
> >
> > Este mensaje se dirige exclusivamente a su destinatario y puede contener
> > información privilegiada o confidencial. Si ha recibido este mensaje por
> > error, le rogamos que nos lo comunique inmediatamente por esta misma vía
> y
> > proceda a su destrucción.
> >
> > De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> > comunicamos que sus datos forman parte de un fichero cuyo responsable es
> > CODEOSCOPIC S.A. La finalidad de dicho tratamiento es facilitar la
> > prestación del servicio o información solicitados, teniendo usted derecho
> > de acceso, rectificación, cancelación y oposición de sus datos
> dirigiéndose
> > a nuestras oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la
> > documentación necesaria.
> >
> >
>
>
> --
>
> Carlos Rovira
> Director General
> M: +34 607 22 60 05
> http://www.codeoscopic.com
> http://www.avant2.es
>
>
> Este mensaje se dirige exclusivamente a su destinatario y puede contener
> información privilegiada o confidencial. Si ha recibido este mensaje por
> error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
> proceda a su destrucción.
>
> De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
> que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
> S.A. La finalidad de dicho tratamiento es facilitar la prestación del
> servicio o información solicitados, teniendo usted derecho de acceso,
> rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
> oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
> necesaria.
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
AW: [FlexJS] Working on a MDL branch
Posted by Christofer Dutz <ch...@c-ware.de>.
Hi Carlos,
if you name the branch "feature-autobuild/mdl" you get an automaticaly setup Jenkins Pipeline for free :-) (Currently you have to however create the same branch in compiler and typedefs for that to work).
Or should I rename the pattern to do this magic for "feature/*"? (This question is aimed at all)
Chris
________________________________
Von: carlos.rovira@gmail.com <ca...@gmail.com> im Auftrag von Carlos Rovira <ca...@codeoscopic.com>
Gesendet: Freitag, 14. Oktober 2016 20:54:35
An: dev@flex.apache.org
Betreff: Re: [FlexJS] Working on a MDL branch
Ok, just pushed to branch /feature/mdl
my example project is out the examples. Do you think I should create an
examples/mdlexample project and upload it to the branch as well?
Thanks
2016-10-14 20:42 GMT+02:00 Carlos Rovira <ca...@codeoscopic.com>:
> Hi Alex,
>
> I tried the both <i class="material-icons">add</I> and
>
> <js:html>
> <i class="material-icons">add</i>
> </js:html>
>
> but didn't worked.
>
> I'll be uploading the branch, since I'm equally worried about the low
> level code not working
>
> Thanks!
>
>
>
>
>
>
>
> 2016-10-14 20:19 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>>
>>
>> On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
>> Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
>> wrote:
>>
>> >Hi,
>> >
>> >I'm trying to setup a MDL library to start making some components with
>> >that
>> >look and feel.
>> >I'm following the Flat library project indications, and right now I'm
>> >building it ok with maven (didn't test Ant, but as a copy/paste from
>> Flat,
>> >I think it should work as well).
>> >
>> >Then I tried in a sample project. Again, new dependencies set and mdl
>> >declarations are working, but result is not looking as I expect, maybe
>> due
>> >to some low level constructions that I still doesn't dominate (mainly the
>> >internals in the "createElement():WrappedHTMLElement" overload, that I
>> >want
>> >to try to give some love today as I get a bit more time.
>> >
>> >Ok, from here,...I'm still trying to understand more things... for
>> >example:
>> >
>> >1.- MDL requires some CSS files to be linked. I'm using it with
>> >-html-template tag in the example project, but, maybe this should be
>> >provided by the MDL.swc ? if so, why could we do this?
>>
>> Use the <inject_html> directive. See CreateJS.swc's Application class.
>>
>> >
>> >2.- To start implementing components, maybe it'd be better that someone
>> >review what I'm doing (to avoid work in things that not conform to
>> >standards setup here). Maybe I should upload the branch for people (Maybe
>> >Alex, Peter,...) to take a look?
>>
>> Sure, feel free to share the branch.
>>
>> >
>> >3.- I started trying to make a simple Colored Fab MDL button... (as
>> >described here https://getmdl.io/components/index.html#buttons-section)
>> >
>> >and find that using a simple mxml declaration almost worked (it's not
>> >right, only an approximation, since I can't write "low level" HTML in
>> MXML
>> >like an <I> with HTMLElement). So, this:
>> >
>> ><js:Button className="mdl-button mdl-js-button mdl-button--fab
>> >mdl-button--colored">
>> ></js:Button>
>>
>> Did you try:
>>
>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
>> mdl-button--colored">
>> <i class="material-icons">add</i>
>> </js:Button>
>>
>> And/or:
>>
>>
>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
>> mdl-button--colored">
>> <js:html>
>> <i class="material-icons">add</i>
>> </js:html>
>> </js:Button>
>>
>> If neither of those worked, I will take a look.
>>
>>
>> >
>> >Shows a pink circle button, without icon.
>> >
>> >My MDL button has the following createElement code:
>> >
>> >/**
>> > * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
>> > * @flexjsignorecoercion HTMLButtonElement
>> > */
>> > override protected function createElement():WrappedHTMLElement
>> > {
>> > element = button = document.createElement('button') as
>> >HTMLButtonElement;
>> > button.className = 'mdl-button mdl-js-button mdl-button--fab
>> >mdl-button--colored';
>> >
>> > positioner = element;
>> > positioner.style.position = 'relative';
>> > (button as WrappedHTMLElement).flexjs_wrapper = this;
>> > element.flexjs_wrapper = this;
>> >
>> > return element;
>> > }
>> >
>> >and I'm using at my example project : <mdl:Button/>
>> >
>> >But instead to throw the pink empty circle button as the MXML example, it
>> >shows a normal button as if my declaration was <js:Button/> (the same
>> >indeed)
>> >
>> >someone knows where I could be failing ?
>>
>> I don't see any obvious problems. I would examine the DOM in the browser
>> debugger and make sure the CSS got loaded and the className is properly
>> set on the HTMLButtonElement. I'm wondering if the className gets reset
>> by the framework somehow. Although note that setting the className on the
>> outer button class that wraps the HTMLButtonElement should set the
>> className on the button element.
>>
>> HTH,
>> -Alex
>>
>>
>
>
> --
>
> Carlos Rovira
> Director General
> M: +34 607 22 60 05
> http://www.codeoscopic.com
> http://www.avant2.es
>
>
> Este mensaje se dirige exclusivamente a su destinatario y puede contener
> información privilegiada o confidencial. Si ha recibido este mensaje por
> error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
> proceda a su destrucción.
>
> De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> comunicamos que sus datos forman parte de un fichero cuyo responsable es
> CODEOSCOPIC S.A. La finalidad de dicho tratamiento es facilitar la
> prestación del servicio o información solicitados, teniendo usted derecho
> de acceso, rectificación, cancelación y oposición de sus datos dirigiéndose
> a nuestras oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la
> documentación necesaria.
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Ok, just pushed to branch /feature/mdl
my example project is out the examples. Do you think I should create an
examples/mdlexample project and upload it to the branch as well?
Thanks
2016-10-14 20:42 GMT+02:00 Carlos Rovira <ca...@codeoscopic.com>:
> Hi Alex,
>
> I tried the both <i class="material-icons">add</I> and
>
> <js:html>
> <i class="material-icons">add</i>
> </js:html>
>
> but didn't worked.
>
> I'll be uploading the branch, since I'm equally worried about the low
> level code not working
>
> Thanks!
>
>
>
>
>
>
>
> 2016-10-14 20:19 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>>
>>
>> On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
>> Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
>> wrote:
>>
>> >Hi,
>> >
>> >I'm trying to setup a MDL library to start making some components with
>> >that
>> >look and feel.
>> >I'm following the Flat library project indications, and right now I'm
>> >building it ok with maven (didn't test Ant, but as a copy/paste from
>> Flat,
>> >I think it should work as well).
>> >
>> >Then I tried in a sample project. Again, new dependencies set and mdl
>> >declarations are working, but result is not looking as I expect, maybe
>> due
>> >to some low level constructions that I still doesn't dominate (mainly the
>> >internals in the "createElement():WrappedHTMLElement" overload, that I
>> >want
>> >to try to give some love today as I get a bit more time.
>> >
>> >Ok, from here,...I'm still trying to understand more things... for
>> >example:
>> >
>> >1.- MDL requires some CSS files to be linked. I'm using it with
>> >-html-template tag in the example project, but, maybe this should be
>> >provided by the MDL.swc ? if so, why could we do this?
>>
>> Use the <inject_html> directive. See CreateJS.swc's Application class.
>>
>> >
>> >2.- To start implementing components, maybe it'd be better that someone
>> >review what I'm doing (to avoid work in things that not conform to
>> >standards setup here). Maybe I should upload the branch for people (Maybe
>> >Alex, Peter,...) to take a look?
>>
>> Sure, feel free to share the branch.
>>
>> >
>> >3.- I started trying to make a simple Colored Fab MDL button... (as
>> >described here https://getmdl.io/components/index.html#buttons-section)
>> >
>> >and find that using a simple mxml declaration almost worked (it's not
>> >right, only an approximation, since I can't write "low level" HTML in
>> MXML
>> >like an <I> with HTMLElement). So, this:
>> >
>> ><js:Button className="mdl-button mdl-js-button mdl-button--fab
>> >mdl-button--colored">
>> ></js:Button>
>>
>> Did you try:
>>
>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
>> mdl-button--colored">
>> <i class="material-icons">add</i>
>> </js:Button>
>>
>> And/or:
>>
>>
>> <js:Button className="mdl-button mdl-js-button mdl-button--fab
>> mdl-button--colored">
>> <js:html>
>> <i class="material-icons">add</i>
>> </js:html>
>> </js:Button>
>>
>> If neither of those worked, I will take a look.
>>
>>
>> >
>> >Shows a pink circle button, without icon.
>> >
>> >My MDL button has the following createElement code:
>> >
>> >/**
>> > * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
>> > * @flexjsignorecoercion HTMLButtonElement
>> > */
>> > override protected function createElement():WrappedHTMLElement
>> > {
>> > element = button = document.createElement('button') as
>> >HTMLButtonElement;
>> > button.className = 'mdl-button mdl-js-button mdl-button--fab
>> >mdl-button--colored';
>> >
>> > positioner = element;
>> > positioner.style.position = 'relative';
>> > (button as WrappedHTMLElement).flexjs_wrapper = this;
>> > element.flexjs_wrapper = this;
>> >
>> > return element;
>> > }
>> >
>> >and I'm using at my example project : <mdl:Button/>
>> >
>> >But instead to throw the pink empty circle button as the MXML example, it
>> >shows a normal button as if my declaration was <js:Button/> (the same
>> >indeed)
>> >
>> >someone knows where I could be failing ?
>>
>> I don't see any obvious problems. I would examine the DOM in the browser
>> debugger and make sure the CSS got loaded and the className is properly
>> set on the HTMLButtonElement. I'm wondering if the className gets reset
>> by the framework somehow. Although note that setting the className on the
>> outer button class that wraps the HTMLButtonElement should set the
>> className on the button element.
>>
>> HTH,
>> -Alex
>>
>>
>
>
> --
>
> Carlos Rovira
> Director General
> M: +34 607 22 60 05
> http://www.codeoscopic.com
> http://www.avant2.es
>
>
> Este mensaje se dirige exclusivamente a su destinatario y puede contener
> información privilegiada o confidencial. Si ha recibido este mensaje por
> error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
> proceda a su destrucción.
>
> De la vigente Ley Orgánica de Protección de Datos (15/1999), le
> comunicamos que sus datos forman parte de un fichero cuyo responsable es
> CODEOSCOPIC S.A. La finalidad de dicho tratamiento es facilitar la
> prestación del servicio o información solicitados, teniendo usted derecho
> de acceso, rectificación, cancelación y oposición de sus datos dirigiéndose
> a nuestras oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la
> documentación necesaria.
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Carlos Rovira <ca...@codeoscopic.com>.
Hi Alex,
I tried the both <i class="material-icons">add</I> and
<js:html>
<i class="material-icons">add</i>
</js:html>
but didn't worked.
I'll be uploading the branch, since I'm equally worried about the low level
code not working
Thanks!
2016-10-14 20:19 GMT+02:00 Alex Harui <ah...@adobe.com>:
>
>
> On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
> Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
> wrote:
>
> >Hi,
> >
> >I'm trying to setup a MDL library to start making some components with
> >that
> >look and feel.
> >I'm following the Flat library project indications, and right now I'm
> >building it ok with maven (didn't test Ant, but as a copy/paste from Flat,
> >I think it should work as well).
> >
> >Then I tried in a sample project. Again, new dependencies set and mdl
> >declarations are working, but result is not looking as I expect, maybe due
> >to some low level constructions that I still doesn't dominate (mainly the
> >internals in the "createElement():WrappedHTMLElement" overload, that I
> >want
> >to try to give some love today as I get a bit more time.
> >
> >Ok, from here,...I'm still trying to understand more things... for
> >example:
> >
> >1.- MDL requires some CSS files to be linked. I'm using it with
> >-html-template tag in the example project, but, maybe this should be
> >provided by the MDL.swc ? if so, why could we do this?
>
> Use the <inject_html> directive. See CreateJS.swc's Application class.
>
> >
> >2.- To start implementing components, maybe it'd be better that someone
> >review what I'm doing (to avoid work in things that not conform to
> >standards setup here). Maybe I should upload the branch for people (Maybe
> >Alex, Peter,...) to take a look?
>
> Sure, feel free to share the branch.
>
> >
> >3.- I started trying to make a simple Colored Fab MDL button... (as
> >described here https://getmdl.io/components/index.html#buttons-section)
> >
> >and find that using a simple mxml declaration almost worked (it's not
> >right, only an approximation, since I can't write "low level" HTML in MXML
> >like an <I> with HTMLElement). So, this:
> >
> ><js:Button className="mdl-button mdl-js-button mdl-button--fab
> >mdl-button--colored">
> ></js:Button>
>
> Did you try:
>
> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> mdl-button--colored">
> <i class="material-icons">add</i>
> </js:Button>
>
> And/or:
>
>
> <js:Button className="mdl-button mdl-js-button mdl-button--fab
> mdl-button--colored">
> <js:html>
> <i class="material-icons">add</i>
> </js:html>
> </js:Button>
>
> If neither of those worked, I will take a look.
>
>
> >
> >Shows a pink circle button, without icon.
> >
> >My MDL button has the following createElement code:
> >
> >/**
> > * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
> > * @flexjsignorecoercion HTMLButtonElement
> > */
> > override protected function createElement():WrappedHTMLElement
> > {
> > element = button = document.createElement('button') as
> >HTMLButtonElement;
> > button.className = 'mdl-button mdl-js-button mdl-button--fab
> >mdl-button--colored';
> >
> > positioner = element;
> > positioner.style.position = 'relative';
> > (button as WrappedHTMLElement).flexjs_wrapper = this;
> > element.flexjs_wrapper = this;
> >
> > return element;
> > }
> >
> >and I'm using at my example project : <mdl:Button/>
> >
> >But instead to throw the pink empty circle button as the MXML example, it
> >shows a normal button as if my declaration was <js:Button/> (the same
> >indeed)
> >
> >someone knows where I could be failing ?
>
> I don't see any obvious problems. I would examine the DOM in the browser
> debugger and make sure the CSS got loaded and the className is properly
> set on the HTMLButtonElement. I'm wondering if the className gets reset
> by the framework somehow. Although note that setting the className on the
> outer button class that wraps the HTMLButtonElement should set the
> className on the button element.
>
> HTH,
> -Alex
>
>
--
Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es
Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.
De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.
Re: [FlexJS] Working on a MDL branch
Posted by Alex Harui <ah...@adobe.com>.
On 10/14/16, 10:25 AM, "carlos.rovira@gmail.com on behalf of Carlos
Rovira" <carlos.rovira@gmail.com on behalf of carlosrovira@apache.org>
wrote:
>Hi,
>
>I'm trying to setup a MDL library to start making some components with
>that
>look and feel.
>I'm following the Flat library project indications, and right now I'm
>building it ok with maven (didn't test Ant, but as a copy/paste from Flat,
>I think it should work as well).
>
>Then I tried in a sample project. Again, new dependencies set and mdl
>declarations are working, but result is not looking as I expect, maybe due
>to some low level constructions that I still doesn't dominate (mainly the
>internals in the "createElement():WrappedHTMLElement" overload, that I
>want
>to try to give some love today as I get a bit more time.
>
>Ok, from here,...I'm still trying to understand more things... for
>example:
>
>1.- MDL requires some CSS files to be linked. I'm using it with
>-html-template tag in the example project, but, maybe this should be
>provided by the MDL.swc ? if so, why could we do this?
Use the <inject_html> directive. See CreateJS.swc's Application class.
>
>2.- To start implementing components, maybe it'd be better that someone
>review what I'm doing (to avoid work in things that not conform to
>standards setup here). Maybe I should upload the branch for people (Maybe
>Alex, Peter,...) to take a look?
Sure, feel free to share the branch.
>
>3.- I started trying to make a simple Colored Fab MDL button... (as
>described here https://getmdl.io/components/index.html#buttons-section)
>
>and find that using a simple mxml declaration almost worked (it's not
>right, only an approximation, since I can't write "low level" HTML in MXML
>like an <I> with HTMLElement). So, this:
>
><js:Button className="mdl-button mdl-js-button mdl-button--fab
>mdl-button--colored">
></js:Button>
Did you try:
<js:Button className="mdl-button mdl-js-button mdl-button--fab
mdl-button--colored">
<i class="material-icons">add</i>
</js:Button>
And/or:
<js:Button className="mdl-button mdl-js-button mdl-button--fab
mdl-button--colored">
<js:html>
<i class="material-icons">add</i>
</js:html>
</js:Button>
If neither of those worked, I will take a look.
>
>Shows a pink circle button, without icon.
>
>My MDL button has the following createElement code:
>
>/**
> * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
> * @flexjsignorecoercion HTMLButtonElement
> */
> override protected function createElement():WrappedHTMLElement
> {
> element = button = document.createElement('button') as
>HTMLButtonElement;
> button.className = 'mdl-button mdl-js-button mdl-button--fab
>mdl-button--colored';
>
> positioner = element;
> positioner.style.position = 'relative';
> (button as WrappedHTMLElement).flexjs_wrapper = this;
> element.flexjs_wrapper = this;
>
> return element;
> }
>
>and I'm using at my example project : <mdl:Button/>
>
>But instead to throw the pink empty circle button as the MXML example, it
>shows a normal button as if my declaration was <js:Button/> (the same
>indeed)
>
>someone knows where I could be failing ?
I don't see any obvious problems. I would examine the DOM in the browser
debugger and make sure the CSS got loaded and the className is properly
set on the HTMLButtonElement. I'm wondering if the className gets reset
by the framework somehow. Although note that setting the className on the
outer button class that wraps the HTMLButtonElement should set the
className on the button element.
HTH,
-Alex