This is the view that shows all the apps that the user has created and manages. The search input in the header filters the list of apps.
First run will have an empty app list. A user can drop a file folder into the app area (not just the dotted box, but the entire dark grey canvas) to start the new app dialog, or click the button in the bottom left.
Pressing the "Add App..." button in the lower left, reveals the new app modal dialog. This dialog requires the user to name the app, select an app type, specify a local root location, and set default memory size and number instances when deployed.
By default, apps are represented by the app box icon. Once an app has been deployed to a cloud, a thumbnail of the actual app interface should be generated to represent the app. Selected icons have a 50% black overlay on them.
App centric view of an application, that enables definition of default settings, required services and multi-cloud deployment. There are three main sections:
Default settings and deployments are listed in the App Info tab.
Current Deployments. The "push" button deploys your local root.
Pressing the "Deploy..." button reveals the available clouds the user has set up.
User should be able to connect to a new cloud from this context as well.
Pressing on a deployment in slides in the the App Deployment detail pane, which shows the details of the App on a specific cloud.
This is the view that shows all cloud providers that the user has created accounts on, and has added to the the CFE app. Note that cloud providers can be listed multiple times because the user may have more than one account to a particular cloud. The search input in the header filters the list of clouds.
First run will have an empty cloud list. The "Add Cloud…" button in the lower left will open the Add Cloud dialog.
Pressing the "Add Cloud..." button in the lower left, reveals the add cloud modal dialog. This dialog requires the user to name select a cloud provider, give the cloud a name, and enter their account log in information. The input fields should be contextual to the selected Cloud Provider.Cloud Provider List
Connect clouds are represented by the cloud icon. For cloud providers that have a favicon defined on their website, the app should pull the icon for use inside the cloud icon.
In the header of the Cloud Detail, the left facing arrow serves as a breadcrumb link to go up a level.
The Cloud Detail view is comprised of two main sections: Cloud Settings and App Deployments. The settings list the given name and log in details. Any changes to the inputs fields activates the "Save Changes" button.
The App Deployments table displays what Apps are deployed the Cloud, and how much resources they are currently using. Double clicking a row will slide the App Deployment Detail pane into view.
This view shows the app "Soap Store" deployed to the selected Cloud, Tier 3. The App detail is comprised of Deployment Settings, Instances and App Services. Selecting an App Service reveals a sub-menu, which allows the user to Tunnel directly to the service (opens a console) or delete.
A list of services currently in use by created apps. The search input in the header filters the list of services.
First run will have a default set of service types available for users to bind to applications.
After apps have been created, their associated services will appear in the services list.