Commit Graph

244 Commits

Author SHA1 Message Date
Jessica Wang c3913862bb cloudstack 3.0 UI - tagger widget - localize text (Reviewed-by: Brian) 2012-08-28 14:42:16 -07:00
Brian Federle 4edb2e6cd7 UI create form: Support custom checkbox 'on change' event
If field is a checkbox (isBoolean: true) and onChange function is
specified, then call this onChange everytime checkbox is clicked.

reviewed-by: jessica
2012-08-23 11:41:02 -07:00
Jessica Wang 4b4d4555f3 CS-15863: cloudstack 3.0 UI - (1) extend multiEdit widget to be able to hide actions upon an each item's properties.
(2) IP Addresses page - load balancer listing - VM listing - hide destroy action for autoscale VM.
2012-08-17 11:44:23 -07:00
Brian Federle 5e8ccf2685 CS-16010: Add missing alt tag for 'move to bottom' reorder action 2012-08-16 13:54:59 -07:00
Brian Federle 1c57d4edbe CS-16016: Reset input field to default value on add 2012-08-16 13:43:49 -07:00
Pranav Saxena 07fc5ab3b0 multiEdit widget add VM labels 2012-08-14 21:01:52 +05:30
Pranav Saxena f253fcdddf multiEdit widget add VM labels 2012-08-14 21:00:44 +05:30
Pranav Saxena a52925bec0 Changing addvms label 2012-08-14 18:10:58 +05:30
Pranav Saxena d61eb05c54 CS-15981:Add Load Balancer page inside Guest networks is blank 2012-08-14 16:27:32 +05:30
Brian Federle f169a97096 multiEdit: Support default value and description
-If 'defaultValue' is specified for a text field, then put that value
 into the text field on load.

-If 'desc' is specified for any field, then use it as a 'title'
 attribute to show a tooltip description.

Example:

      'icmptype': {
        ...
        defaultValue: '-1',
        desc: 'Please specify -1 if you want to allow all'
        ...
      }
2012-08-13 12:15:43 -07:00
Brian Federle c78faf7ffb Fix _hideFields array not hiding add VM button 2012-08-10 14:05:26 -07:00
Brian Federle 5ff964de72 VPC UI: New ACL flow
-Remove the ACL action from the tier chart item

-Adds an ACL overview list view under the VPC configure menu which
 displays each tier and their total # of ACLs.

-Add ACL edit to tier detail view

- (misc) Also add IP address tab to tier detail view
2012-08-10 12:58:17 -07:00
Brian Federle 0a0acfbf9e multiEdit: Allow disabling fields per-row
If _hideFields array is passed with row item data, then field IDs
specified will be disabled, if they are custom button actions.
2012-08-10 10:40:33 -07:00
Brian Federle 2e640b3231 multiEdit: pass context to select handler 2012-08-10 09:16:16 -07:00
Brian Federle c008637fbf multiEdit: support hiding fields dynamically via dataProvider
If 'hideFields' array is passed to .success(), then hide the field IDs
specified.
2012-08-09 15:52:17 -07:00
Brian Federle f541d85fce List view: support external link actions
Support actions which point to an external link, primary to support
launching the console proxy.

Example:

listView: {
  actions: {
    viewConsole: {
      label: 'label.view.console',
      action: {
        externalLink: {
          url: function(args) {
            return clientConsoleUrl + '?cmd=access&vm=' + args.context.vpcTierInstances[0].id;
          },
          title: function(args) {
            return args.context.vpcTierInstances[0].id.substr(0,8);
          },
          width: 820,
          height: 640
        }
      }
    }
  }
}
2012-08-07 15:53:19 -07:00
Brian Federle 365e8803cd multiEdit: support validate on custom action
If requireValidation: true is set for a custom action, then only
perform action if multiEdit's form fields are valid. This does not
apply to clicking on existing rules' action buttons.

Syntax:

multiEdit: {
  fields: {
    testField: {
      custom: {
        requireValidation: true,
        ...
      },
      ...
    },
    ...
  }
}
2012-08-07 13:46:32 -07:00
Brian Federle 31fbc7bf80 multiEdit: better handling for tag widget
Place tagging widget in a separate action and dialog class; it is
indicated by a 'tag' icon for better clarity.

-- This removes the requirement to specify a dummy 'edit' action on
multi-rules; instead, the separate tag action will appear automatically
as long as 'tags' is specified under the multiEdit's properties.
2012-08-06 14:14:30 -07:00
Brian Federle 63b3b92176 listView UI: Fix case where $breadcrumb isn't present 2012-08-01 15:54:07 -07:00
Brian Federle f6cc891831 cloudBrowser / list view UI: Show subsection in breadcrumb
If in a section with multiple subsections, show active subsection in
the breadcrumb.

For example, if in storage->snapshots, display 'Storage - Snapshots'
based on the 'title' attribute for the main section and subsetion.

-- Note: this disables the 'fixSize' functionality which resizes long
   breadcrumb trails, due to incompatibility with this new feature. It
   is going to be reimplemented anyway, as it is fairly glitchy in its
   current incarnation.
2012-08-01 13:24:51 -07:00
Brian Federle 441600f409 multiEdit widget: Support field pre-filter
If adding a 'fieldPreFilter' option to a multiEdit, the returned array
specifies field IDs to be hidden.
2012-07-30 16:08:41 -07:00
Brian Federle c10850e434 Add license header to tagger widget 2012-07-30 14:32:14 -07:00
Brian Federle 587189e302 CS-15726: Use custom validation for tagger widget
Show a generic dialog box for tagger validation, instead of using
jQuery validate

--it conflicted with the detail view's edit fields and prevented
submission unless the key and value fields were filled out.
2012-07-30 14:29:55 -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 c30eb2fd75 Notifications widget: support custom interval
If 'interval' attribute is passed in notification object, use that
interval instead of the default.
2012-07-24 14:02:48 -07:00
Brian Federle c67ca89abc Fix tag widget being appended to all dialogs 2012-07-24 13:58:07 -07:00
Brian Federle cca7a2010c multiEdit: Pass context to tagger widget 2012-07-24 11:50:33 -07:00
Brian Federle 7ca481f4ea Always make tags editable 2012-07-24 11:21:58 -07:00
bfederle 9d3c694601 Tag UI: Make sure data is passed to remove action 2012-07-23 15:03:03 -07:00
bfederle d23a829c2e Fix tags widget overlap with long detail views 2012-07-23 13:59:20 -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
Jessica Wang de4d5cdc94 cloudstack 3.0 UI - multiEdit widget - make headerFields hidden as default. 2012-07-18 11:40:09 -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
Jessica Wang e1e7780efc cloudstack 3.0 UI - multiEdit widget - make headerFields shown as default for now until "listPublicIpAddresses&id=N" API is fixed to return an object. 2012-07-17 15:51:51 -07:00
Jessica Wang 140768c82b cloudstack 3.0 UI - multiEdit widget - make headerFields hidden as default. 2012-07-17 15:42:01 -07:00
bfederle 843b3dceaf CS-15572: Fix page index for list view filters
This fixes an issue where the page index is not reset back 1 when
activating the search or filter functionality, causing truncation when
trying to scroll down to later pages.
2012-07-17 11:38:56 -07:00
Jessica Wang dcea0a70f9 cloudstack 3.0 UI - listView widget - pass context from caller function. 2012-07-16 13:49:26 -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 9b1395ec0f List view widget: Pass $listView object to dataProvider 2012-07-11 16:19:57 -07:00
Brian Federle 2c13b82736 multiEdit: Correctly pass context to header fields 2012-07-10 14:54:10 -07:00
Brian Federle e4a00f1faf Add code to show/hide 'tiers' header fields 2012-07-10 14:17:38 -07:00
Brian Federle a42c837f95 Pass mulit-edit form data to add VM dialogs, as part of context 2012-07-10 14:01:56 -07:00
Brian Federle de3e9c7fcd Multi-edit: refactor form serialization
To support header-level form items, serialize every form within the
multi-edit div (not just the main table form). For reusability, make
data serialization handled in separate 'getMultiData' function.
2012-07-10 14:01:38 -07:00
Brian Federle d67d93da5d Add header fields 2012-07-10 13:40:55 -07:00
Brian Federle 1989dce8d0 Fix 'About' page for CloudPlatform 2012-07-06 12:07:32 -07:00
Jessica Wang a7f3c4ba20 cloudstack 3.0 UI - (1) to distinguish between getUpdatedItem() and getUpdatedData(), rename getUpdatedData() to getUpdatedItemWhenAsyncJobFails() since it's being called only when async job fails. (2) fix the space problem (tab size is not 2) from patch. 2012-06-26 15:07:13 -07:00
olgasmola efc45f9ee9 CS-15329: Instances with Error states appear in Instances list after creating. 2012-06-26 15:07:12 -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