You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@flex.apache.org by OmPrakash Muppirala <om...@gmail.com> on 2016/04/02 12:25:18 UTC
[FlexJS] Demo: FalconJX + AngularJS + Angular Material
As promised, here is a small taste of an AngularJS + Angular Material app
built completely in ActionScrpt3, using FalconJX.
*Features:*
1. Create an AngularJS application
2. Create an AngularJS Controller
3. Use Angular Material component set
1. md-whiteframe
2. md-button
3. md-input
4. md-datepicker
5. md-dialog
4. Use Angular's databinding and object watch features
1. Type in the input box to see the button's label change
2. Click on the button to see a DatePicker Selecting a date will
update the text below.
*Demo app: *
Release version (fast download):
http://bigosmallm.github.io/flexjs/angular/release.html
Debug version (slower download, but you can look at generated JS code):
http://bigosmallm.github.io/flexjs/angular/debug.html
*AS3 code:*
https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
(its missing the externs swcs for jquery, angular and angularmaterial, I
can put them up on my private repo if someone wants them)
I hope to work with Alex and others to figure out how this fits into the
FlexJS framework over the next few days.
Thanks,
Om
Re: [FlexJS] Demo: FalconJX + AngularJS + Angular Material
Posted by leokan23 <le...@best-web.gr>.
this is so awesome.. i love angular material as an interface.. i just hate
working with js..
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/FlexJS-Demo-FalconJX-AngularJS-Angular-Material-tp12399p12428.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: [FlexJS] Demo: FalconJX + AngularJS + Angular Material
Posted by Irwan Husein <ir...@gmail.com>.
oh my,
this is what we're waiting for
On 2 April 2016 at 17:25, OmPrakash Muppirala <om...@gmail.com> wrote:
> As promised, here is a small taste of an AngularJS + Angular Material app
> built completely in ActionScrpt3, using FalconJX.
>
> *Features:*
>
> 1. Create an AngularJS application
> 2. Create an AngularJS Controller
> 3. Use Angular Material component set
> 1. md-whiteframe
> 2. md-button
> 3. md-input
> 4. md-datepicker
> 5. md-dialog
> 4. Use Angular's databinding and object watch features
> 1. Type in the input box to see the button's label change
> 2. Click on the button to see a DatePicker Selecting a date will
> update the text below.
>
> *Demo app: *
> Release version (fast download):
> http://bigosmallm.github.io/flexjs/angular/release.html
> Debug version (slower download, but you can look at generated JS code):
> http://bigosmallm.github.io/flexjs/angular/debug.html
>
> *AS3 code:*
>
> https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
> (its missing the externs swcs for jquery, angular and angularmaterial, I
> can put them up on my private repo if someone wants them)
>
> I hope to work with Alex and others to figure out how this fits into the
> FlexJS framework over the next few days.
>
> Thanks,
> Om
>
Re: [FlexJS] Demo: FalconJX + AngularJS + Angular Material
Posted by Irwan Husein <ir...@gmail.com>.
oh my,
this is what we're waiting for
On 2 April 2016 at 17:25, OmPrakash Muppirala <om...@gmail.com> wrote:
> As promised, here is a small taste of an AngularJS + Angular Material app
> built completely in ActionScrpt3, using FalconJX.
>
> *Features:*
>
> 1. Create an AngularJS application
> 2. Create an AngularJS Controller
> 3. Use Angular Material component set
> 1. md-whiteframe
> 2. md-button
> 3. md-input
> 4. md-datepicker
> 5. md-dialog
> 4. Use Angular's databinding and object watch features
> 1. Type in the input box to see the button's label change
> 2. Click on the button to see a DatePicker Selecting a date will
> update the text below.
>
> *Demo app: *
> Release version (fast download):
> http://bigosmallm.github.io/flexjs/angular/release.html
> Debug version (slower download, but you can look at generated JS code):
> http://bigosmallm.github.io/flexjs/angular/debug.html
>
> *AS3 code:*
>
> https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
> (its missing the externs swcs for jquery, angular and angularmaterial, I
> can put them up on my private repo if someone wants them)
>
> I hope to work with Alex and others to figure out how this fits into the
> FlexJS framework over the next few days.
>
> Thanks,
> Om
>
Re: [FlexJS] Demo: FalconJX + AngularJS + Angular Material
Posted by OmPrakash Muppirala <bi...@gmail.com>.
On Apr 2, 2016 5:55 AM, "Michael Schmalle" <te...@gmail.com>
wrote:
>
> That is nice, seeing a shinny UI on things makes it all the more real.
Yeah, it was such a big rush to see that first Angular Material button on
the page!
>
> Is there any prerequisites to using this? I saw you were making an
external
> swc with Josh's dts2as util.
Yes, it depends on the typescript definition files for Jquery, AngularJS
and Angular Material. I used Josh's dts2as tool to compile then into
swcs. The .d.ts files came from DefinitelyTyped.
I initially ran into some bugs during the conversion, but thanks to Josh's
ninja fixes everything worked out.
Thanks,
Om
>
> Mike
>
> On Sat, Apr 2, 2016 at 6:25 AM, OmPrakash Muppirala <om...@gmail.com>
> wrote:
>
> > As promised, here is a small taste of an AngularJS + Angular Material
app
> > built completely in ActionScrpt3, using FalconJX.
> >
> > *Features:*
> >
> > 1. Create an AngularJS application
> > 2. Create an AngularJS Controller
> > 3. Use Angular Material component set
> > 1. md-whiteframe
> > 2. md-button
> > 3. md-input
> > 4. md-datepicker
> > 5. md-dialog
> > 4. Use Angular's databinding and object watch features
> > 1. Type in the input box to see the button's label change
> > 2. Click on the button to see a DatePicker Selecting a date will
> > update the text below.
> >
> > *Demo app: *
> > Release version (fast download):
> > http://bigosmallm.github.io/flexjs/angular/release.html
> > Debug version (slower download, but you can look at generated JS code):
> > http://bigosmallm.github.io/flexjs/angular/debug.html
> >
> > *AS3 code:*
> >
> >
https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
> > (its missing the externs swcs for jquery, angular and angularmaterial, I
> > can put them up on my private repo if someone wants them)
> >
> > I hope to work with Alex and others to figure out how this fits into the
> > FlexJS framework over the next few days.
> >
> > Thanks,
> > Om
> >
Re: [FlexJS] Demo: FalconJX + AngularJS + Angular Material
Posted by OmPrakash Muppirala <bi...@gmail.com>.
On Apr 2, 2016 10:31 AM, "Carlos Rovira" <ca...@codeoscopic.com>
wrote:
>
> That's very cool Om :)
>
> And this kind of things that looks so good, are the ones that could bring
> people to FlexJS without any doubt.
>
> For me, getting a nice looking component set (spark, material...) is the
> key piece to make people starting to use FlexJS in applications and
> adopting the technology...
Yup, we are very close to being able to produce real production ready apps
with FlexJS.
Thanks,
Om
>
>
> 2016-04-02 14:55 GMT+02:00 Michael Schmalle <te...@gmail.com>:
>
> > That is nice, seeing a shinny UI on things makes it all the more real.
> >
> > Is there any prerequisites to using this? I saw you were making an
external
> > swc with Josh's dts2as util.
> >
> > Mike
> >
> > On Sat, Apr 2, 2016 at 6:25 AM, OmPrakash Muppirala <om...@gmail.com>
> > wrote:
> >
> > > As promised, here is a small taste of an AngularJS + Angular Material
app
> > > built completely in ActionScrpt3, using FalconJX.
> > >
> > > *Features:*
> > >
> > > 1. Create an AngularJS application
> > > 2. Create an AngularJS Controller
> > > 3. Use Angular Material component set
> > > 1. md-whiteframe
> > > 2. md-button
> > > 3. md-input
> > > 4. md-datepicker
> > > 5. md-dialog
> > > 4. Use Angular's databinding and object watch features
> > > 1. Type in the input box to see the button's label change
> > > 2. Click on the button to see a DatePicker Selecting a date
will
> > > update the text below.
> > >
> > > *Demo app: *
> > > Release version (fast download):
> > > http://bigosmallm.github.io/flexjs/angular/release.html
> > > Debug version (slower download, but you can look at generated JS
code):
> > > http://bigosmallm.github.io/flexjs/angular/debug.html
> > >
> > > *AS3 code:*
> > >
> > >
> >
https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
> > > (its missing the externs swcs for jquery, angular and
angularmaterial, I
> > > can put them up on my private repo if someone wants them)
> > >
> > > I hope to work with Alex and others to figure out how this fits into
the
> > > FlexJS framework over the next few days.
> > >
> > > Thanks,
> > > Om
> > >
> >
>
>
>
> --
>
> 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] Demo: FalconJX + AngularJS + Angular Material
Posted by Carlos Rovira <ca...@codeoscopic.com>.
That's very cool Om :)
And this kind of things that looks so good, are the ones that could bring
people to FlexJS without any doubt.
For me, getting a nice looking component set (spark, material...) is the
key piece to make people starting to use FlexJS in applications and
adopting the technology...
2016-04-02 14:55 GMT+02:00 Michael Schmalle <te...@gmail.com>:
> That is nice, seeing a shinny UI on things makes it all the more real.
>
> Is there any prerequisites to using this? I saw you were making an external
> swc with Josh's dts2as util.
>
> Mike
>
> On Sat, Apr 2, 2016 at 6:25 AM, OmPrakash Muppirala <om...@gmail.com>
> wrote:
>
> > As promised, here is a small taste of an AngularJS + Angular Material app
> > built completely in ActionScrpt3, using FalconJX.
> >
> > *Features:*
> >
> > 1. Create an AngularJS application
> > 2. Create an AngularJS Controller
> > 3. Use Angular Material component set
> > 1. md-whiteframe
> > 2. md-button
> > 3. md-input
> > 4. md-datepicker
> > 5. md-dialog
> > 4. Use Angular's databinding and object watch features
> > 1. Type in the input box to see the button's label change
> > 2. Click on the button to see a DatePicker Selecting a date will
> > update the text below.
> >
> > *Demo app: *
> > Release version (fast download):
> > http://bigosmallm.github.io/flexjs/angular/release.html
> > Debug version (slower download, but you can look at generated JS code):
> > http://bigosmallm.github.io/flexjs/angular/debug.html
> >
> > *AS3 code:*
> >
> >
> https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
> > (its missing the externs swcs for jquery, angular and angularmaterial, I
> > can put them up on my private repo if someone wants them)
> >
> > I hope to work with Alex and others to figure out how this fits into the
> > FlexJS framework over the next few days.
> >
> > Thanks,
> > Om
> >
>
--
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] Demo: FalconJX + AngularJS + Angular Material
Posted by Michael Schmalle <te...@gmail.com>.
That is nice, seeing a shinny UI on things makes it all the more real.
Is there any prerequisites to using this? I saw you were making an external
swc with Josh's dts2as util.
Mike
On Sat, Apr 2, 2016 at 6:25 AM, OmPrakash Muppirala <om...@gmail.com>
wrote:
> As promised, here is a small taste of an AngularJS + Angular Material app
> built completely in ActionScrpt3, using FalconJX.
>
> *Features:*
>
> 1. Create an AngularJS application
> 2. Create an AngularJS Controller
> 3. Use Angular Material component set
> 1. md-whiteframe
> 2. md-button
> 3. md-input
> 4. md-datepicker
> 5. md-dialog
> 4. Use Angular's databinding and object watch features
> 1. Type in the input box to see the button's label change
> 2. Click on the button to see a DatePicker Selecting a date will
> update the text below.
>
> *Demo app: *
> Release version (fast download):
> http://bigosmallm.github.io/flexjs/angular/release.html
> Debug version (slower download, but you can look at generated JS code):
> http://bigosmallm.github.io/flexjs/angular/debug.html
>
> *AS3 code:*
>
> https://github.com/apache/flex-asjs/tree/develop/examples/native/AngularExample
> (its missing the externs swcs for jquery, angular and angularmaterial, I
> can put them up on my private repo if someone wants them)
>
> I hope to work with Alex and others to figure out how this fits into the
> FlexJS framework over the next few days.
>
> Thanks,
> Om
>
Re: [FlexJS] Demo: FalconJX + AngularJS + Angular Material
Posted by OK <OK...@edscha.com>.
Awesome! Thanks for working on this!
Olaf
--
View this message in context: http://apache-flex-development.2333347.n4.nabble.com/FlexJS-Demo-FalconJX-AngularJS-Angular-Material-tp52145p52178.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.