Mailing-List: contact dev-help@myfaces.apache.org; run by ezmlm
Precedence: bulk
Reply-To: "MyFaces Development" <dev@myfaces.apache.org>
Received-SPF: pass (athena.apache.org: domain of andrew.rw.robinson@gmail.com
 designates 64.233.166.182 as permitted sender)
DomainKey-Signature: a=rsa-sha1; c=nofws;
        d=gmail.com; s=beta;
        h=received:message-id:date:from:to:subject:in-reply-to:mime-version:content-type:content-transfer-encoding:content-disposition:references;
        b=IZxBYnrEpR4ROfh1M8I+7OdNsvIT15rvreWNlSsdwK6Y31l/QZnQOWwFFe3kDOmLIjsvC4zxr9qK3isTuTV3j2XsKJS3223uhAKrZiLE34yIQz9mzo+QOVUYZnE+3bn8sMqWdbhUYQS93X9JctmjeJfJHm/5xGAFXIB3VlavFUo=
Message-ID: <bc36a6210709121342y4e5d811emd82eb6765c67c813@mail.gmail.com>
Date: Wed, 12 Sep 2007 14:42:32 -0600
From: "Andrew Robinson" <andrew.rw.robinson@gmail.com>
To: "MyFaces Development" <dev@myfaces.apache.org>
Subject: Re: [TRINIDAD] StatusIndicator improvement
In-Reply-To: <254acf980709121209t13235f0ct66a89ad001fc9140@mail.gmail.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
References: <254acf980709121209t13235f0ct66a89ad001fc9140@mail.gmail.com>

+1 great idea

I would also like to suggest javascript support as well:

<tr:statusIndicator onbusy="alert('starting ajax');"
onready="alert('ajax done');" />

This would probably be a simple hook around:
TrPage.getInstance().getRequestQueue().addStateChangeListener(func);

But it would be easier to have it on the component.


On 9/12/07, Simon Lessard <simon.lessard.3@gmail.com> wrote:
> Hi all,
>
> I would like to add two facets to statusIndicator: "busy" and "ready", each
> with an attached styleClass placed on a child span element. I think it would
> make the component much more customizable as it would allow something like:
>
> <tr:statusIndicator>
>   <f:facet name="busy">
>     <tr:outputText value="Loading, please wait..."/>
>    </f:facet>
> </tr:statusIndicator>
>
> and in the skin:
>
> af|statusIndicator::busy
> {
>   border-color:   black;
>   border-style:   outset;
>   border-width:   2px;
>   display:        block;
>    margin:         auto;
>    position:       absolute;
>    top:            45%;
>   text-align:     center;
>    vertical-align: middle;
> }
>
>  af|statusIndicator::ready
>  {
>  }
>
> The icon would still be supported and placed in the parent span, at the same
> place than now. The generated markup would thus look like:
>
> <span>
>   <span id="clientId::ready">
>      <img src="readyIcon"/>
>     <span class="af_statusIndicator_ready">
>        ("ready" facet content)
>     </span>
>    </span>
>   <span id="clientId::busy">
>      <img src="budyIcon"/>
>      <span class="af_statusIndicator_busy">
>        ("busy" facet content)
>      </span>
>    </span>
>  </span>
>
>
> Anyone's ok with that or has a better idea?
>
> ~ Simon
>