Mailing-List: contact dev-help@royale.apache.org; run by ezmlm
Precedence: bulk
Reply-To: dev@royale.apache.org
Reply-To: <ngranon@idylog.com>
From: "Idylog - Nicolas Granon" <ngranon@idylog.com>
To: <dev@royale.apache.org>
References: <CAJs+wW3d3sePfANk_Qirk=G-a7nKZeA=K0F1TdGiNAK5hkQZuw@mail.gmail.com> <00c701d3533b$39e8f2a0$adbad7e0$@com> <BN6PR12MB12682C4033CB76CD68000666C85C0@BN6PR12MB1268.namprd12.prod.outlook.com> <564237F8-76E7-4CE0-BE45-DA983890DAA5@gmail.com> <00a801d354ba$4646c650$d2d452f0$@com> <D621F2F5.ADAAD%aharui@adobe.com>
In-Reply-To: <D621F2F5.ADAAD%aharui@adobe.com>
Subject: ViewStack implementation [was : Restarting contributions]
Date: Fri, 3 Nov 2017 22:33:01 +0100
Organization: IDYLOG
Message-ID: <002401d354eb$5476dcc0$fd649640$@com>
MIME-Version: 1.0
Content-Type: text/plain;
	charset="utf-8"
Content-Transfer-Encoding: quoted-printable
Thread-Index: AQHTUl1D/oCzND3/LUO7z2jz8MA+HKL/0bYAgAE16wCAAAIrAIABxgSA//+m3gCAALm5QA==
Content-Language: fr
archived-at: Fri, 03 Nov 2017 21:33:10 -0000

(I have changed the thread object to better reflect its content)

That is crystal clear ! Thank you for that explanation.

We are considering rewriting "ViewStack" based on Harb's work.

In order to be more compliant, how should we use the typeNames property =
you are talking about ?

Nicolas Granon


> -----Message d'origine-----
> De : Alex Harui [mailto:aharui@adobe.com.INVALID]
> Envoy=C3=A9 : vendredi 3 novembre 2017 18:23
> =C3=80 : dev@royale.apache.org; ngranon@idylog.com
> Objet : Re: Restarting contributions
>=20
> We do that to try to get some backward compatibility with Flex.
>=20
> Flex extended the CSS type selector system to allow a type selector =
for
> any component.  So you could do:
>=20
> DataGrid { font-weight: bold }
>=20
> You can't extend the type selector system in the browser (AFAIK) so we
> mimic this by converting a non-standard type selector to a class
> selector.
>  So the CSS file in the JS output looks like:
>=20
> .DataGrid { font-weight: bold }
>=20
> And then to get that to work, we add DataGrid to the list of class
> names on the HTMLElement.  I think that StackedViewManager may need =
its
> code updated because components are supposed to use the typeNames
> property which the framework appends to the classNames list instead of
> directly setting className itself.
>=20
> HTH,
> -Alex
>=20
> On 11/3/17, 8:41 AM, "Idylog - Nicolas Granon" <ngranon@idylog.com>
> wrote:
>=20
> >Many thanks.
> >
> >Quite useful.
> >
> >Question : I read the source code, and saw that in the
> >StackedViewManager class, you explicitly assign the class name (as a
> >String) to the className property like that :
> >className =3D "StackedViewManager";
> >
> >Why is that ?
> >
> >Nicolas Granon
> >
> >
> >
> >
> >> -----Message d'origine-----
> >> De : Harbs [mailto:harbs.lists@gmail.com] Envoy=C3=A9 : jeudi 2 =
novembre
> >> 2017 13:37 =C3=80 : dev@royale.apache.org Objet : Re: Restarting
> >> contributions
> >>
> >> The classes probably do not belong necessarily in mobile.
> >>
> >> Here=E2=80=99s what I=E2=80=99m using:
> >> css:
> >>
> >> 		js|TabbedViewManager {
> >> 			IBeadView:
> >>
> ClassReference("org.apache.royale.mobile.beads.TopTabbedViewManagerVi
> >> ew
> >> ");
> >> 		}
> >>
> >> mxml:
> >> 	<js:TabbedViewManager id=3D"navController" x=3D"109" y=3D"96"
> >> width=3D"682" height=3D"360" =
viewChanged=3D"tabbedViewChanged(event)">
> >> 		<js:views>
> >> 			<js:TitleView title=3D"Suites">
> >> 			<!-- Suites Data Grid -->
> >> 				<ex:DataGrid id=3D"suiteDG" x=3D"109" y=3D"96"
> >> width=3D"682" height=3D"360"
> >>
> >dataProvider=3D"{suiteProvider}"
> >>
> >> 	change=3D"handleExtensionDGChange(event)" rowHeight=3D"30">
> >> 					<js:beads>
> >> 						<js:DataGridPercentageView
> >/>
> >> 					</js:beads>
> >> 					<js:columns>
> >> 						<js:DataGridColumn
> >label=3D"Product"
> >> dataField=3D"product" columnWidth=3D"30"
> >>
> =
itemRenderer=3D"com.intools.dashboard.renderers.CenteredStringRenderer"/>=

> >> 						<js:DataGridColumn
> >label=3D"Status"
> >> columnWidth=3D"33"
> >> itemRenderer=3D"com.intools.dashboard.renderers.StatusRenderer"/>
> >> 						<js:DataGridColumn
> >label=3D"Version"
> >> dataField=3D"iVersion" columnWidth=3D"12"
> >>
> =
itemRenderer=3D"com.intools.dashboard.renderers.CenteredStringRenderer"/>=

> >> 						<js:DataGridColumn
> >label=3D"Latest
> >> Version" columnWidth=3D"25"
> >> itemRenderer=3D"com.intools.dashboard.renderers.VersionUpdater"/>
> >> 					</js:columns>
> >> 				</ex:DataGrid>
> >> 			</js:TitleView>
> >> 			<js:TitleView title=3D"Plugins">
> >> 			<!-- Suites Data Grid -->
> >> 				<ex:DataGrid id=3D"pluginDG"
> >>
> >> 	dataProvider=3D"{pluginProvider}"
> >>
> >> 	change=3D"handleExtensionDGChange(event)" rowHeight=3D"30">
> >> 					<js:beads>
> >> 						<js:DataGridPercentageView
> >/>
> >> 					</js:beads>
> >> 					<js:columns>
> >> 						<js:DataGridColumn
> >label=3D"Product"
> >> dataField=3D"product" columnWidth=3D"30"
> >>
> =
itemRenderer=3D"com.intools.dashboard.renderers.CenteredStringRenderer"/>=

> >> 						<js:DataGridColumn
> >label=3D"Status"
> >> columnWidth=3D"33"
> >> itemRenderer=3D"com.intools.dashboard.renderers.StatusRenderer"/>
> >> 						<js:DataGridColumn
> >label=3D"Version"
> >> dataField=3D"iVersion" columnWidth=3D"12"
> >>
> =
itemRenderer=3D"com.intools.dashboard.renderers.CenteredStringRenderer"/>=

> >> 						<js:DataGridColumn
> >label=3D"Latest
> >> Version" columnWidth=3D"25"
> >> itemRenderer=3D"com.intools.dashboard.renderers.VersionUpdater"/>
> >> 					</js:columns>
> >> 				</ex:DataGrid>
> >> 			</js:TitleView>
> >> 		</js:views>
> >>
> >> Things that need improvement:
> >> 1. The tabs take up the full width.
> >> 2. The tabs are simple buttons and the TabBar is hard-coded in. It
> >> really needs to be toggle buttons which have a selected state.
> >>
> >> Otherwise it works pretty well.
> >>
> >> Harbs
> >>
> >> > On Nov 2, 2017, at 2:29 PM, Yishay Weiss <yishayjobs@hotmail.com>
> >> wrote:
> >> >
> >> >
> >> >
> >> > For now, we would like to have an Apache Royale "ViewStack"
> >> equivalent but we do not know where to start.
> >> > What do you think the parent component should be ? Could you give
> >> > to
> >> us some cues ?
> >> >
> >> > I think Harbs got StackedViewManager [1] to work for him in one =
of
> >> his apps. It=E2=80=99s in the mobile package but I=E2=80=99m not =
sure there=E2=80=99s a
> >> reason not to use it on desktop.
> >> > [1]
> =
>>https://na01.safelinks.protection.outlook.com/?url=3Dhttps%3A%2F%2Fgith=

> u
> >>b.c
> >>om%2Fapache%2Froyale-
> &data=3D02%7C01%7C%7C8ca096bd31024951eb4608d522d16c
> >>8d%
> =
>>7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636453205224099105&sdata
> =3D
> >>s%2
> >>Fr5KzGaKVqOLy8wTZ4QEHCspnV8UyHxn0XhvhN2KlM%3D&reserved=3D0
> >> asjs/search?p=3D1&q=3DStackedViewManager&type=3D&utf8=3D%E2%9C%93
> >> >
> >
> >