First iteration brooklyn web mobile app.

This is a web mobile app intended for small form factor devices such as cell phones and potentially tablet devices in the future.  This interface aims to simplify navigation and increase user experience in small factor devices.  This application was implemented using AngularJS and Mobile Angular UI for their clear separation of concerns, and implementation of bootstrap css directives (which are popular in the web space). The application is NLS enabled and can also be easily white labeled by overloading css files and NLS files.  In this first release the application is capable to:
1) Dynamically view Applications and Entities
2) Dynamically view entity to application and entity to entity relationship in a design that is commonly use in smaller devices
3) Dynamically view Summary Activities, and Configurations
4) Execute expunge
5) Dynamically view and execute effectors for any application and entity
6) Currently the main index.html for forward iphone devices to this new interface.  This was done so because the standard web app is known to not work as expected in these devices and because I wanted to narrow exposure while the implementation hardens.  Any other device would have to navigate to index.m.html
There are still remaining tasks:
1) List Policies
2) Explore how much depth we would like to offer in small factor devices
3) Explore the possibility to send push notification using configurable services such as Pushover
4) Create short hand queries to quickly identify object in specific states: on-fire, unknown, etc
5) and more...
 ![ios simulator screen shot aug 22 2014 3 45 40 pm](https://cloud.githubusercontent.com/assets/7986567/4016527/0604b32e-2a36-11e4-87fb-00f2440cc7e8.png)
![ios simulator screen shot aug 22 2014 3 45 58 pm](https://cloud.githubusercontent.com/assets/7986567/4016524/05f97f36-2a36-11e4-984e-8d60372628aa.png)
![ios simulator screen shot aug 22 2014 3 46 06 pm](https://cloud.githubusercontent.com/assets/7986567/4016526/0601b7aa-2a36-11e4-8cb3-0d5700cea29d.png)
![ios simulator screen shot aug 22 2014 3 46 12 pm](https://cloud.githubusercontent.com/assets/7986567/4016523/05f69cb2-2a36-11e4-8f96-429d223091f8.png)
![ios simulator screen shot aug 22 2014 3 46 15 pm](https://cloud.githubusercontent.com/assets/7986567/4016522/05f68056-2a36-11e4-8f18-758a7ae92789.png)
![ios simulator screen shot aug 22 2014 3 46 23 pm](https://cloud.githubusercontent.com/assets/7986567/4016525/05fc4874-2a36-11e4-8e0c-1bf60fb8ee9a.png)











Looks like this is a piece of code left behind from a functionality as I
was trying to allow the user to swipe left to reveal show details action
rather than drill into the application/entity to later click on a details
icon.  I will remove until feature is implemented fully.

Angel Tomala-Reyes (°²ç÷¶ù ÍÐÂíÀ­ ÈðË¹)
Senior Software Engineer, Advanced Cloud Technologies
Global Technology Services, IBM Corporation
15038 Union Turnpike 8F
Flushing, NY 11367
aetomala@us.ibm.com




From:	Svetoslav <notifications@github.com>
To:	apache/incubator-brooklyn
            <incubator-brooklyn@noreply.github.com>
Cc:	Angel E Tomala Reyes/Poughkeepsie/IBM@IBMUS
Date:	09/02/2014 08:38 AM
Subject:	Re: [incubator-brooklyn] First iteration brooklyn web mobile
            app. (#130)



In
usage/jsgui/src/main/webapp/assets/mobile/js/templates/applicationsList.html:


> +		 		 		 		 <a
href="#{{application.links.entities}}/{{application.id}}"
ng-show="!showActions" ng-swipe-left="showDetails($event)">
> +		 		 		 		 		 <i class="fa
fa-chevron-right pull-right"></i>
> +		 		 		 		 		 <h5
class="list-group-item-heading">{{application.spec.name}}</h5>
> +
> +		 		 		 		 		 <p
class="list-group-item-text">
> +
> +		 		 		 		 		 		 <i
ng-if="application.status == 'RUNNING'"
> +
	 class="fa fa-circle text-success"></i> <i
> +
	 ng-if="application.status == 'UNKNOWN'"
> +
	 class="fa fa-exclamation text-warning"></i> <i
> +
	 ng-if="application.status == 'STARTING'"
> +
	 class="fa fa-circle text-info"></i> {{application.status |
Capitalize}}
> +		 		 		 		 		 </p>
> +		 		 		 		 </a>
> +
> +		 		 		 		 <a
href="#{{application.links.entities}}/{{application.id}}"
ng-show="showActions" ng-swipe-right="showActions = false">



Where is showActions set to true, is this element ever visible?


¡ª
Reply to this email directly or view it on GitHub.