From adffaces-user-return-598-apmail-incubator-adffaces-user-archive=incubator.apache.org@incubator.apache.org Wed Aug 02 17:39:34 2006 Return-Path: Delivered-To: apmail-incubator-adffaces-user-archive@locus.apache.org Received: (qmail 91691 invoked from network); 2 Aug 2006 17:39:34 -0000 Received: from hermes.apache.org (HELO mail.apache.org) (209.237.227.199) by minotaur.apache.org with SMTP; 2 Aug 2006 17:39:34 -0000 Received: (qmail 99068 invoked by uid 500); 2 Aug 2006 17:39:33 -0000 Delivered-To: apmail-incubator-adffaces-user-archive@incubator.apache.org Received: (qmail 99052 invoked by uid 500); 2 Aug 2006 17:39:33 -0000 Mailing-List: contact adffaces-user-help@incubator.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: adffaces-user@incubator.apache.org Delivered-To: mailing list adffaces-user@incubator.apache.org Received: (qmail 99042 invoked by uid 99); 2 Aug 2006 17:39:33 -0000 Received: from asf.osuosl.org (HELO asf.osuosl.org) (140.211.166.49) by apache.org (qpsmtpd/0.29) with ESMTP; Wed, 02 Aug 2006 10:39:33 -0700 X-ASF-Spam-Status: No, hits=0.0 required=10.0 tests=UNPARSEABLE_RELAY X-Spam-Check-By: apache.org Received-SPF: pass (asf.osuosl.org: local policy) Received: from [141.146.126.228] (HELO agminet01.oracle.com) (141.146.126.228) by apache.org (qpsmtpd/0.29) with ESMTP; Wed, 02 Aug 2006 10:39:31 -0700 Received: from rcsmt250.oracle.com (rcsmt250.oracle.com [148.87.90.195]) by agminet01.oracle.com (Switch-3.1.7/Switch-3.1.7) with ESMTP id k6VAD7Al024996 for ; Wed, 2 Aug 2006 12:39:10 -0500 Received: from dhcp-2op11-2op12-west-130-35-103-36.us.oracle.com by rcsmt250.oracle.com with ESMTP id 1685465651154540349; Wed, 02 Aug 2006 11:39:09 -0600 From: "Pavitra Subramaniam" Reply-To: "pavitra.subramaniam@oracle.com" To: "adffaces-user@incubator.apache.org" Subject: RE: ProcessTrain Skin Selectors Date: Wed, 2 Aug 2006 10:38:09 -0700 Organization: Oracle Message-ID: <20060802103809718.00000001896@pasubra-pc> In-Reply-To: <6dac79b90608011533q129b60eagea749dbf5e26a711@mail.gmail.com> X-Mailer: Oracle Connector for Outlook 10.1.2.0.0 71006 (11.0.5608) X-Accept-Language: en-us, en MIME-Version: 1.0 Content-Type: text/plain; charset=us-ascii Content-Transfer-Encoding: quoted-printable X-Whitelist: TRUE X-Virus-Checked: Checked by ClamAV on apache.org X-Spam-Rating: minotaur.apache.org 1.6.2 0/1000/N Not yet. Will attach these to issue 60. = Thanks - Pavitra -----Original Message----- From: Adam Winer [mailto:awiner@gmail.com] = Sent: Tuesday, August 01, 2006 3:34 PM To: adffaces-user@incubator.apache.org Subject: Re: ProcessTrain Skin Selectors +1 to these changes. Pavitra, have these been attached to a JIRA issue? -- Adam On 8/1/06, Simon_Lessard@dmr.ca wrote: > > Looks great to me! Thank Pavitra. > > Simon Lessard > Fujitsu Consulting > > > > > "Pavitra Subramaniam" > 2006-08-01 15:30 > Please respond to adffaces-user > > To: "adffaces-user@incubator.apache.org" > > cc: "Simon_Lessard@DMR.CA" > Subject: ProcessTrain Skin Selectors > > > Hello all, > > It looks like the attachments I sent never really made it. I am = > proposing that we rename the skin selectors for the train component, = > from "af|processTrain" to "af|train" and the element "step" to "stop". = > This is to keep the skin selectors in synch with the renaming and also = > to reinforce that trains need not necessarily be tied to a multi-step = > process. > > Please also see my email below, from last week explaining the new skin = > selectors I have introduced for this component. > > > -------------------------------------------------------------------------= ----------- > SKIN SELECTORS > > ---------------------------------------------------------------------- > -------------- > /*********************************** > Train Styles > ***********************************/ > /* top level style class for the train component */ > af|train > > /*********************************** > Joins > ***********************************/ > /* for joins between the overflow icons and the stops */ > af|train::join-overflow > > /* join (between overflow and stop icons) in disabled state */ > af|train::join-overflow:disabled > > /* join (between overflow and stop icons) in visited state */ > af|train::join-overflow:visited > > /* join (between overflow and stop icons) in unvisited state */ > af|train::join-overflow:unvisited > > /* for joins between stops */ > af|train::join > > /* join in visited state */ > af|train::join:visited > > /* join in unvisited state */ > af|train::join:unvisited > > /* join in disabled state */ > af|train::join:disabled > > /*********************************** > Spacers > ***********************************/ > /* spacer used between stops */ > af|train::stop-spacer > > /* spacer used between parent train and stops */ > af|train::parent-spacer > > /* spacer used for margins in the beginning and end of the train */ > af|train::margin-start > af|train::margin-end > > /********************************************************* > Icons blocks and icons: Parent Train, Stop & Overflow = > *********************************************************/ > /* block that displays the parent start icon*/ > af|train::parent-start-icon-block > > /* block that displays the parent start icon*/ > af|train::parent-end-icon-block > > /* icon to indicate a parent process in the beginning of a sub train = > */ > af|train::parent-start-icon > > /* icon to indicate a parent process in the end of a sub train */ > af|train::parent-end-icon > > /* block that displays the overflow image */ > af|train::overflow-icon-block > > /* overflow start icon in visited state (indicates presence of = > previous > stops) */ > af|train::overflow-start-visited-icon > > /* overflow start icon in disabled state (indicates presence of = > previous > stops) */ > af|train::overflow-start-disabled-icon > > /* overflow end icon in disabled state (indicates presence of more = > stops) */ > af|train::overflow-end-disabled-icon > > /* overflow end icon in unvisited state (indicates presence of more = > stops) */ > af|train::overflow-end-unvisited-icon > > /* block that displays a stop icon (active/disabled/visited/unvisited) = > */ > af|train::stop-icon-block > > /* stop icon in visited state */ > af|train::stop-visited-icon > > /* stop icon in active state */ > af|train::stop-active-icon > > /* stop icon in unvisited state */ > af|train::stop-unvisited-icon > > /* stop icon in disabled state */ > af|train::stop-disabled-icon > > /************************************************ > Labels and Links: parentTrain, overflow & stop = > ************************************************/ > /* > content area in the beginning of the train, to display the parent = > process > name > */ > af|train::parent-start-content > > /* content area in the end of the train, to display the parent process = > name */ > af|train::parent-end-content > > /* > content area to display the overflow label in the beginning and end = > of the > train > */ > af|train::overflow-start-content > af|train::overflow-end-content > > /* content area to display the stop name */ > af|train::stop-content > > /* content area that displays the name of the stop in visited state */ > af|train::stop-content:visited > > /* block that displays the name of the stop in disabled state */ > af|train::stop-content:disabled > > /* block that displays the name of the stop in unvisited state */ > af|train::stop-content:unvisited > > /* block that displays the name of the stop in active state */ > af|train::stop-content:active > > /* link for a stop */ > af|train::stop-link > > /* link for an unvisited stop */ > af|train::stop-link:unvisited > > /* link for an visited stop */ > af|train::stop-link:visited > > /* link for an active stop */ > af|train::stop-link:active > > /* link for an disabled stop */ > af|train::stop-link:disabled > > /* link for an overflow in disabled state */ > af|train::overflow-link:disabled > > /* link for an overflow in visited state */ > af|train::overflow-link:visited > > /* link for an overflow in unvisited state */ > af|train::overflow-link:unvisited > > > -------------------------------------------------------------------------= ----------- > SAMPLE TRAIN HTML PAGE > - Shows how the skin selectors will be used in the HTML = > page > > ---------------------------------------------------------------------- > -------------- > > http://www.w3.org/TR/html4/strict.dtd"> > > > Line example > href=3D"css/trinidadStyles.css"/> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
class=3D"af|train::margin-start">
 > > > > > > >
>
> >
>
>
class=3D"af|train::parent-spacer">
 > > > > > > > > >
>
>
>
> >
> 		>
af|train::join-overflow:visited"> >
>
af|train::join-overflow:visited">
 > > > > > > > > >
>
af|train::join-overflow:visited"> >
>
> >
> 		>
> >
>
> 		>
> >
> 		> > > > > > > > >
>
>
>
> >
> 		>
> >
>
> 		>
> >
> 		> > > > > > > > >
>
>
>
> >
> 		>
> >
>
>
af|train::join:disabled">
 > > > > > > > > >
>
>
>
> >
> 		>
> >
>
> 		>
> >
> 		> > > > > > > > >
>
> >
> 		>
> >
> 		>
> >
>
> 		>
> >
> 		> > > > > > > > >
>
>
>
> >
> 		>
af|train::join-overflow:disabled"> > >
>
> 		>
af|train::join-overflow:disabled"> > >
> 		> > > > > > > > >
>
af|train::join-overflow:disabled"> >
>
> >
> 		>
> >
>
>
class=3D"af|train::parent-spacer">
 > > > > > > >
>
> >
>
>
class=3D"af|train::margin-end">
>
> 		>
> Previous= >
> 		>
af|train::stop-content:visited"> > af|train::stop-link:visited">stop 1 >
> 		>
> af|train::stop-link:active">stopstopstop 2 >
> 		>
af|train::stop-content:unvisited"> > af|train::stop-link:unvisited">stop 3 >
> 		>
af|train::stop-content:disabled"> > af|train::stop-link:disabled">stop 4 >
> 		>
af|train::stop-content:disabled"> > af|train::stop-link:disabled">stopstopstop 5 >
> 		>
af|train::stop-content:disabled"> > af|train::stop-link:disabled">stopstop 6 >
> 		>
> More >
> 		>
>
> > > > > > > > - Pavitra > > -----Original Message----- > From: Pavitra Subramaniam [mailto:pavitra.subramaniam@oracle.com] > Sent: Friday, July 28, 2006 6:28 PM > To: adffaces-user@incubator.apache.org > Cc: Simon_Lessard@DMR.CA > Subject: RE: ProcessTrain enhancement > > Hello, > > I would like to propose an updated set of skin selectors for the = > processTrain component. Basically I have removed the use of start and = > end icons for stops and overflows. I also had to introduce new skin = > hooks for parent process. > > Please review the attached train-skin-selector.rtf and let me know if = > these hooks are fine. I have not added the rtl cases, but will add = > them once we agree on the basic ltr list. > > I have also attached a sample HTML page (train_trinidad.html) and CSS = > file > (trinidadStyles.css) to demonstrate how these styles will be used. = > (style names in HTML file has been modified to be compliant with CSS2). > > - the joins are now background-colors rather than images. This makes = > it simpler. > - the only icons are the stops, overflows and parent train. If the = > icons are the same dimensions then the HTML works best (otherwise some = > tweaking is required in CSS). > > Thanks > - Pavitra > > -----Original Message----- > From: Simon_Lessard@DMR.CA [mailto:Simon_Lessard@DMR.CA] > Sent: Thursday, July 06, 2006 10:32 AM > To: adffaces-user@incubator.apache.org > Subject: Re: ProcessTrain enhancement > > next/prev terminology sounds good enough for me. > > The hard part using a whole icon for the station is the visual link = > between the stations around the active station. If you want the link = > to be of a different color on the visited side than on the unvisited = > side, splitting the icon become mandatory as the visual link is = > rendered as a background-image. Of course, it would be possible to use = > a whole icon for all but the active one. Would that be better? > > As for pseudo-class, I'm totally for it. > > Finally, for the background-image in the style class instead of the = > background attribute, it's relatively complex because of the outer = > edges of the process train since those should not use the background = > image. Of course I could keep both selector I have currently, that is = > the base and the -icon. (for example = > af|processTrain::join-icon:visited and > af|processTrain::station:visited ) and apply both classes when the > background image is required. Does that sounds good to you? > > Regards, > > Simon Lessard > Fujitsu Consulting > > > > > > Jeanne Waldman > 2006-07-06 13:20 > Please respond to adffaces-user > > To: adffaces-user@incubator.apache.org > cc: > Subject: Re: ProcessTrain enhancement > > > What are 'joints'? I think I had been calling them 'joins'. > I also use the 'next'/'prev' terminology instead of backwards and = > forwards. > > Also, I'd recommend rewriting the simple renderer so that you can use = > a whole visited icon, a disabled icon, etc, instead of a start = > visited, an end visited. I know this is how it was in the oracle = > renderer, which I suspect you are looking at, but I always thought that w= as ugly. > You could simplify the skinning api a lot if you didn't worry about = > making it exactly like the oracle skin, where we colored the joining = > line to the icons. I'd just keep those the same. > > A direction we are heading towards is to use pseudo-classes for 'state'. > We have implemented this for the form controls. For example, when the = > af:inputText component is in the disabled state, the new skinning key = > is > this: > > af|inputText:disabled {} and the html we render is class=3D"af_inputText p_AFDisabled"> > and the css rule is: > af_inputText.p_AFDisabled {}. > > This is a fairly new convention, and only the form controls are = > implemented this way so far, but we want to move in this direction. > > So you'd have > > af|processTrain::joint-icon:visited, and we'd parse this to be the > af_processTrain_joint-icon_visited, or something like that. > > > Also, we don't render style classes on the background attribute, as = > far as > > I know. Instead we render it on the class attribute, and in the style = > class definition, they could set the background-image attribute. > > > > Simon_Lessard@DMR.CA wrote: > > >Hello, > > > >I'm currently working to modify the processTrain to accept more skin = > >selectors in order to open all icons provided by Oracle skin. The = > >selectors I plan to add are: > > > > // processTrain styles used for the disabled links public static = > > final String AF_PROCESS_TRAIN_TEXT_STYLE_CLASS =3D > > "af|processTrain::text"; > > > > // For outer margins > > public static final String AF_PROCESS_TRAIN_MARGIN_START_STYLE_CLASS =3D= > > "af|processTrain::margin-start"; > > public static final String AF_PROCESS_TRAIN_MARGIN_END_STYLE_CLASS =3D= > > "af|processTrain::margin-end"; > > > > // For inner spacing > > public static final String AF_PROCESS_TRAIN_SPACING_STYLE_CLASS =3D > > "af|processTrain::step-spacing"; > > > > // For active steps > > public static final String AF_PROCESS_TRAIN_ACTIVE_START_ICON_NAME =3D= > > "af|processTrain::step-active-start-icon"; > > public static final String AF_PROCESS_TRAIN_ACTIVE_END_ICON_NAME =3D > > "af|processTrain::step-active-end-icon"; > > > > // For visited steps > > public static final String AF_PROCESS_TRAIN_VISITED_START_ICON_NAME =3D= > > "af|processTrain::step-visited-start-icon"; > > public static final String AF_PROCESS_TRAIN_VISITED_END_ICON_NAME =3D > > "af|processTrain::step-visited-end-icon"; > > > > // For unvisited steps > > public static final String = > > AF_PROCESS_TRAIN_UNVISITED_START_ICON_NAME =3D > > > > "af|processTrain::step-unvisited-start-icon"; > > public static final String AF_PROCESS_TRAIN_UNVISITED_END_ICON_NAME =3D= > > "af|processTrain::step-unvisited-end-icon"; > > > > // For disabled steps > > public static final String AF_PROCESS_TRAIN_DISABLED_START_ICON_NAME =3D= > > "af|processTrain::step-disabled-start-icon"; > > public static final String AF_PROCESS_TRAIN_DISABLED_END_ICON_NAME =3D= > > "af|processTrain::step-disabled-end-icon"; > > > > // For joints > > public static final String AF_PROCESS_TRAIN_JOINT_VISITED_ICON_NAME =3D= > > "af|processTrain::joint-visited-icon"; > > public static final String = > > AF_PROCESS_TRAIN_JOINT_UNVISITED_ICON_NAME =3D > > > > "af|processTrain::joint-unvisited-icon"; > > > > // For backward overflows > > public static final String > >AF_PROCESS_TRAIN_OVERFLOW_BACKWARD_STYLE_CLASS =3D > > "af|processTrain::overflow-backward"; > > public static final String > >AF_PROCESS_TRAIN_OVERFLOW_BACKWARD_START_ICON_NAME =3D > > "af|processTrain::overflow-backward-start-icon"; > > public static final String > >AF_PROCESS_TRAIN_OVERFLOW_BACKWARD_END_ICON_NAME =3D > > "af|processTrain::overflow-backward-end-icon"; > > > > // For forward overflows > > public static final String > AF_PROCESS_TRAIN_OVERFLOW_FORWARD_STYLE_CLASS > >=3D > > "af|processTrain::overflow-forward"; > > public static final String > >AF_PROCESS_TRAIN_OVERFLOW_FORWARD_START_ICON_NAME =3D > > "af|processTrain::overflow-forward-start-icon"; > > public static final String > >AF_PROCESS_TRAIN_OVERFLOW_FORWARD_END_ICON_NAME =3D > > "af|processTrain::overflow-forward-end-icon"; > > > >The target HTML structure for the process train in LtR mode is: > > > > >class=3D"af|processTrain"> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
> > >title=3D"%step-label%" alt=3D"%step-label% : previous set"/> > > >class=3D"af|processTrain::overflow-backward> > > 3D"= > > >af|processTrain::step-spacing"> >class=3D"af|processTrain::step-visited"> > > >title=3D"%step-label%" alt=3D"%step-label% : previous step"/> > > >class=3D"af|processTrain::step-visited"> > > 3D"" > > >af|processTrain::step-spacing"> >class=3D"af|processTrain::step-active"> > > >title=3D"%step-label%" alt=3D"%step-label% : active step"/> > > > > >class=3D"af|processTrain::step-active"> > > 3D"" > > >af|processTrain::step-spacing"> align=3D"right" > >class=3D"af|processTrain::step-unvisited"> > > >title=3D"%step-label%" alt=3D"%step-label% : next step"/> > > > > >class=3D"af|processTrain::step-unvisited"> > > 3D"" > > >af|processTrain::step-spacing"> align=3D"right" > >class=3D"af|processTrain::overflow-forward"> > > >title=3D"%step-label%" alt=3D"%step-label% : next set"/> > > > > 3D""= > >
> > %step-label% > > > > %step-label% > > > > %step-label% > > > > %step-label% > > > > %step-label% > >
> > > >Is that ok with you? > > > >Simon Lessard > >DMR Conseil Inc. (http://www.dmrconseil.ca) Tlphone : (418) 653-6881 > > > >Sun Certified Programmer for Java 2 Platform 1.4 > > > > > > > > > > > >