You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/01/29 11:27:00 UTC
[royale-asjs] branch develop updated: todomvc-jewel-example: fix
some issues when filtering and styles and add foooter credits
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 9e4bc4f todomvc-jewel-example: fix some issues when filtering and styles and add foooter credits
9e4bc4f is described below
commit 9e4bc4f8ccefa7a0cbb226244e7772382f83ee72
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Jan 29 12:26:45 2020 +0100
todomvc-jewel-example: fix some issues when filtering and styles and add foooter credits
---
.../todomvc/src/main/resources/todomvc-styles.css | 32 +++++++++++-----
.../royale/jewel/todomvc/views/MainContent.mxml | 43 +++++++++++++++++-----
2 files changed, 56 insertions(+), 19 deletions(-)
diff --git a/examples/jewel/todomvc/src/main/resources/todomvc-styles.css b/examples/jewel/todomvc/src/main/resources/todomvc-styles.css
index af11f2b..4b27e31 100644
--- a/examples/jewel/todomvc/src/main/resources/todomvc-styles.css
+++ b/examples/jewel/todomvc/src/main/resources/todomvc-styles.css
@@ -37,15 +37,6 @@
font-weight: 300;
}
-/* Main View */
-.royale
-{
- background: #fff;
- margin: 130px 0 40px 0;
- position: relative;
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
-}
-
/* Main Section */
.todoapp {
background: #fff;
@@ -302,3 +293,26 @@
{
height: unset;
}
+
+/* Footer Info */
+.info {
+ text-align: center;
+ margin: 65px auto 0;
+ color: #bfbfbf;
+ font-size: 10px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
+}
+
+.info p {
+ line-height: 1;
+}
+
+.info a {
+ font-weight: 400;
+ color: inherit;
+ text-decoration: none;
+}
+
+.info a:hover {
+ text-decoration: underline;
+}
\ No newline at end of file
diff --git a/examples/jewel/todomvc/src/main/royale/jewel/todomvc/views/MainContent.mxml b/examples/jewel/todomvc/src/main/royale/jewel/todomvc/views/MainContent.mxml
index 9a1b94f..b5c4c6c 100644
--- a/examples/jewel/todomvc/src/main/royale/jewel/todomvc/views/MainContent.mxml
+++ b/examples/jewel/todomvc/src/main/royale/jewel/todomvc/views/MainContent.mxml
@@ -95,7 +95,15 @@ limitations under the License.
items.removeItem(item);
}
}
+ clearCompleted.visible = false;
toogleAll.visible = footer.visible = itemsCompleted(items, null).length != 0 ? true : false;
+
+ if(all_btn.selected)
+ selectFilter(all_btn.text);
+ else if(active_btn.selected)
+ selectFilter(active_btn.text);
+ else if(completed_btn.selected)
+ selectFilter(completed_btn.text);
}
public function itemStateChangedHandler(event:Event = null):void {
@@ -109,15 +117,18 @@ limitations under the License.
itemStateChangedHandler();
}
- public function selectFileter(event:Event):void {
- if(event.target.text == "All")
+ public function toggleButtonClickHandler(event:Event):void {
+ selectFilter(event.target.text);
+ }
+ public function selectFilter(label:String):void {
+ if(label == "All")
{
active_btn.selected = false;
completed_btn.selected = false;
todolist.dataProvider = items;
}
- else if(event.target.text == "Active")
+ else if(label == "Active")
{
all_btn.selected = false;
completed_btn.selected = false;
@@ -126,7 +137,7 @@ limitations under the License.
todolist.dataProvider = activeItems;
}
- else if(event.target.text == "Completed")
+ else if(label == "Completed")
{
all_btn.selected = false;
active_btn.selected = false;
@@ -180,16 +191,28 @@ limitations under the License.
<j:Label localId="itemsLeft" text="0 items left"/>
</j:BarSection>
<j:BarSection gap="3" itemsHorizontalAlign="itemsCenter">
- <j:ToggleButton localId="all_btn" text="All" click="selectFileter(event)" selected="true"/>
- <j:ToggleButton localId="active_btn" text="Active" click="selectFileter(event)"/>
- <j:ToggleButton localId="completed_btn" text="Completed" click="selectFileter(event)"/>
+ <j:ToggleButton localId="all_btn" text="All" click="toggleButtonClickHandler(event)" selected="true"/>
+ <j:ToggleButton localId="active_btn" text="Active" click="toggleButtonClickHandler(event)"/>
+ <j:ToggleButton localId="completed_btn" text="Completed" click="toggleButtonClickHandler(event)"/>
</j:BarSection>
<j:BarSection width="15%" itemsHorizontalAlign="itemsRight">
- <j:Button localId="clearCompleted" text="Clear Completed" click="removeCompleted()" visible="false">
-
- </j:Button>
+ <j:Button localId="clearCompleted" text="Clear Completed" click="removeCompleted()" visible="false"/>
</j:BarSection>
</j:BarRow>
+
</html:Footer>
</html:Section>
+
+ <html:Footer className="info">
+ <![CDATA[
+ <p>Double-click to edit a todo</p>
+ <p>
+ Created by
+ <a href="http://github.com/carlosrovira" target="_blank">Carlos Rovira</a>
+ for
+ <a href="http://royale.apache.org" target="_blank">Apache Royale</a>
+ </p>
+ <p>Inspired in <a href="http://todomvc.com" target="_blank">TodoMVC</a></p>
+ ]]>
+ </html:Footer>
</j:View>
\ No newline at end of file