Commit Graph

186 Commits

Author SHA1 Message Date
Pranav Saxena f62b96125f CS-15844:InterVlan - UI - Remove ACL Icon is not displayed properly for ACL Rules 2012-08-06 15:59:15 +05:30
Brian Federle 610b637345 Fix layout 2012-08-02 11:58:48 -07:00
Brian Federle b6f0c3543b Add VPC dropdown 2012-08-02 11:58:48 -07:00
Brian Federle c11aab3c7e Merge Autoscaler UI implemetation
This change includes the new dialog box for the CloudStack Autoscaler
implementation. It is accessible by a button ('Autoscaler') that
appears under each LB rule.

This also contains changes to the multiEdit widget to support features
required for Autoscaler:

-Fixes context/data passing to custom button widgets
-Fixes data retrieval for select fields
2012-07-30 11:08:04 -07:00
Brian Federle bd63d4b4bb Fix positioning of tags error labels 2012-07-30 10:43:17 -07:00
Brian Federle 44f3446ba2 Move position of VPC tier loading icon 2012-07-26 15:24:10 -07:00
Brian Federle dafbdcb838 VPC UI: Better launch VM loading state for tiers
When launching a VM via the 'add VM' button on a VPC tier, show
loading icon to the side of the VM count, so that the tier area isn't
blocked, allowing the user to add more VMs or do other actions to the
tier.
2012-07-26 14:32:10 -07:00
Brian Federle 858deab909 Fix tagger UI wrapping in some browsers 2012-07-24 15:16:47 -07:00
bfederle ebabb15105 Implement tag UI widget
Create UI for handling new tag API. This currently supports the detail view and multi-edit

To enable tags UI, add a 'tags' object to each detailView/multiEdit configuration:

tabs: {
...
details: {
...

tags: {
  actions: {
    add: function(args) {
      setTimeout(function() {
        args.response.success({
          notification: {
            desc: 'Add tags for instance',
            poll: testData.notifications.testPoll
          }
        });
      }, 500);
    },

    remove: function(args) {
      args.response.success({
        notification: {
          desc: 'Remove tags for instance',
          poll: testData.notifications.testPoll
        }
      });
    }
  },
  dataProvider: function(args) {
    args.response.success({
      data: [
        {
          id: '1',
          key: 'user',
          value: 'brian'
        },
        {
          id: '2',
          key: 'region',
          value: 'usa'
        }
      ]
    });
  }
}

...
2012-07-23 13:59:20 -07:00
bfederle 81e7c819dc Detail view edit->cancel button: Don't use BG 2012-07-18 11:33:12 -07:00
bfederle c69da45217 UI: Implement tagging widget
Implement a special form on input text field, for handling tag-based
fields. This will tags as a set of list items, which can be removed
and added to. This is for any comma-delimited field.

Currently, this is only supported on detail view widgets, by adding
'isTag: true' as a new attribute for any tag field. Tags are modified
when clicking the 'edit' action.
2012-07-18 11:33:12 -07:00
Brian Federle 3267553af1 Detail view: Fix layout of text actions 2012-07-12 15:26:07 -07:00
Brian Federle 5af48ea6cf Detail view UI: Support for text action buttons
Currently, only icons are rendered on detail view actions. This change
adds support for showing a text label next to specified actions, which
has a button appearance. This is to allow certain actions to be more
visible, in the case where an icon isn't clear enough.

To make an action have a text label, add a 'textLabel' attribute to
the action properties:

editVpc: {
  label: 'Edit VPC',

  // textLabel property
  textLabel: 'label.configure',

  action: {
    ...
  }
}
2012-07-12 15:18:06 -07:00
Brian Federle 35d93a66ad List view UI: Support for text action buttons
Currently, only icons are rendered on list view actions. This change
adds support for showing a text label next to specified actions, which
has a button appearance. This is to allow certain actions to be more
visible, in the case where an icon isn't clear enough.

To make an action have a text label, add a 'textLabel' attribute to
the action properties:

editVpc: {
  label: 'Edit VPC',

  // textLabel property
  textLabel: 'label.configure',

  action: {
   ...
  }
}
2012-07-12 13:43:54 -07:00
Brian Federle 41a6949542 Add underline to tier name / VM count buttons 2012-07-12 12:50:07 -07:00
Brian Federle 55c61f6c73 VPC UI: CSS fixes
-Fix hover state for virtual router block -- should not have a
 highlight effect

-Add gray BG for multi-edit header area, for VPC PF/LB form

-Remove border around static NAT tier select
2012-07-11 14:04:32 -07:00
Brian Federle 722d8faf17 VPC: Add tier detail view
On click of tier name, show a detail view of the specific tier.

This implemented as follows:

    tiers: {
      detailView: {
        name: 'Tier details',
        tabs: {
          details: {
            title: 'Details',
            fields: [
              { id: { label: 'ID' }},
              {
                name: { label: 'Name' },
                cidr: { label: 'CIDR' }
              }
            ],
            dataProvider: function(args) {
              args.response.success({
                data: args.context.networks[0]
              });
            }
          }
        }
      },
      ...
2012-07-10 16:23:43 -07:00
Brian Federle 8e638ed752 Implement static NAT tier select UI
Adds a new drop-down to the enable static NAT dialog to allow selecting a tier to be associated with the VM. This is in the header of the list view.

It is defined as follows:

enableStaticNAT: {
  ...
    action: {
      noAdd: true,
      custom: cloudStack.uiCustom.enableStaticNAT({
        // VPC
        tierSelect: function(args) {
          args.response.success({
            data: [
              { id: '1', description: 'VPC 1' },
              { id: '2', description: 'VPC 2' }
            ]
          });
        },
    ...
2012-07-10 15:32:01 -07:00
Brian Federle f7aea2a569 Fix placement of header 2012-07-10 13:40:55 -07:00
Brian Federle d67d93da5d Add header fields 2012-07-10 13:40:55 -07:00
Brian Federle 2fa2dd5dfd CS-15401: Fix arrow BG for PF/LB UI for Japanese language
When opening Network screen, arrows to the right side of "show all"
for firewall, load balancer and port forwarding are divided in
Japanese localized environment. This fix adjusts the CSS to fit longer
characters in this condition.
2012-07-06 14:02:21 -07:00
Brian Federle f87c719b03 Add configure VPC tooltip and links 2012-06-29 13:11:43 -07:00
Brian Federle d5e8a5f227 Add configure icon to VPC 2012-06-29 11:50:58 -07:00
Brian Federle 06563d4eea CS-15211: More noticable 'Back' button on quick install
Original patch by: Pranav Saxena <pranav.saxena@citrix.com>
reviewed-by: Brian Federle <brian.federle@citrix.com>
2012-06-28 13:35:04 -07:00
Brian Federle 98924a0579 Add base VPC UI
** Note: this is a work-in-progress, and only contains dummy content

Implement UI for managing VPC tiers, via a custom chart-like UI list
tiers and allowing the management of VMs associated with the VPCs.
2012-06-28 10:52:34 -07:00
bfederle a764c9a09d CS-15287
Support validation on edit detail view

Original patch by: olga.smola
reviewed-by: brian
2012-06-26 13:31:37 -07:00
bfederle 25e3f6cebc CS-15315: Fix overlay positioning
Original patch by: olga.smola
reviewed-by: brian
2012-06-26 10:23:33 -07:00
bfederle 7b9b3c1e1d CS-14010
Add 'about' dialog to the CloudStack top header, showing current verison
information.

Patch submitted by: oyla.smola@gmail.com
Reviewed-by: brian
2012-06-11 11:11:20 -07:00
Brian Federle 2ad31294e2 Lower font size to better fit longer form labels 2012-06-06 08:44:53 -07:00
Pranav Saxena 7a0db5083e CS-15099:Account deletion - buttons overlap the text on the Account deletion confirmation page. 2012-05-26 02:50:54 +05:30
Brian Federle 5f4e45fbf2 CS-14844
-If value label in detail view gets too long, then add horizontal
 scrollbar to value, to avoid truncation

-Lower font size to 11px (-1px) to better fit longer data into UI

reviewed-by: sonny
2012-05-25 12:08:56 -07:00
Brian Federle 40c1cdd4c8 CS-13739: Localize 'login' button 2012-05-24 12:40:17 -07:00
Pranav Saxena abc1711e07 CS-13738: IE compatibility issues -No data to show text 2012-05-24 20:14:37 +05:30
Brian Federle 2ae25b7a2f CS-14953: 'CloudStack' -> 'CloudPlatform'
reviewed-by: brian

commit 4488f0a66766286e960a47d34cd2e5148162bcab
Author: Pranav Saxena <pranav.saxena@citrix.com>
Date:   Tue May 22 15:15:40 2012 +0530

    Renaming CloudStack to CloudPlatform for Proprietary builds
2012-05-22 11:50:12 -07:00
Brian Federle 3bd33d5c31 CS-12462: no close button on select project list view popup 2012-05-21 10:30:10 -07:00
Brian Federle d879d370e0 UI proprietary build: rename 'CloudStack' -> 'CloudPlatform'
When EULA is present for a proprietary build, show 'CloudPlatform'
instead of 'CloudStack' in the logo for the login form and top header.
2012-05-16 10:43:56 -07:00
Brian Federle 3a549588a6 CSS cleanup 2012-05-14 12:46:20 -07:00
Brian Federle d7cdd71ada CS-14715
Concatenate long user names, to prevent header bar from wrapping

Conflicts:

	ui/scripts/ui/utils.js
2012-05-14 12:44:00 -07:00
bfederle 02ffe41ae3 CS-14752: Fix select security group scrollbars 2012-05-10 08:23:34 -07:00
bfederle 3e47cf6dcd CSS scrollbar fix
Fix body horizontal scrollbar, when viewing UI at low resolution
2012-05-10 08:23:33 -07:00
bfederle c452e0a0c3 Fix BG for setup guest traffic form in basic zone 2012-05-04 10:00:46 -07:00
bfederle 3848dfe109 WIP: Upload volume UI
Adds new action, upload volume, to the storage->volumes list view
header. This will present a dialog to specify URL & name of volume,
and select a VM to attach the volume to.

Server API calls are still incomplete and rely on hardcoded values.

Conflicts:

	ui/index.jsp
2012-05-02 14:30:16 -07:00
bfederle c45412cc7c Better tab BG appearance for VLAN range step 2012-05-01 15:51:37 -07:00
bfederle d80688ddce CS-14461: Add more infrastructure page shortcuts
-Add additional shortcuts for:
  -Primary storage
  -Secondary storgage
  -Virtual routers
  -System VMs

-Replace host stats with the new shortcuts

-Add 'zone' dropdown to create form for the newly added-shortcuts'
 sections, to support creating these items without a zone context

Conflicts:

	ui/index.jsp
2012-04-30 10:36:02 -07:00
Jessica Wang bf4232974f CS-14272: cloudstack 3.0 UI - Add Zone Wizard - physical networks step - add Isolation Method dropdown. 2012-04-26 16:18:42 -07:00
bfederle aeec7dde11 Firefox CSS fix
Explicitly hide overflow-x, to prevent breakage from Firefox 12 update
causing horizontal scrollbars to be visible.
2012-04-25 11:30:46 -07:00
Pranav Saxena 1daa44f7fe CS-13825 : There's an extra >CR> in the internal DNS text label in firefox Ubuntu Cloudstack Installation 2012-04-19 12:56:01 -07:00
Pranav Saxena d69053df0f CS-13763 : System Wide Capacity Percentages are not being properly shown on Firefox on Ubuntu/Fedora 2012-04-19 12:56:00 -07:00
Pranav Saxena 3fe58896f4 Bug 13969 : CS 13764 Names row of any table should not be clickable
reviewed-by: brian
2012-04-12 15:04:27 -07:00
Brian Federle 454982dec4 Add 'view all' shortcuts for common zone resources
On the physical resources dashboard, add a button to view all
resources for pods, clusters, and hosts. This will compile a
list view containing the resources across all zones.

In order to be able to add resources when in this zone-inspecific mode,
a zone drop-down had to be added to the create forms for
pods, clusters, and hosts.
2012-04-09 13:31:59 -07:00