Re: UI Development
I also added an entry in messages.properties as it appears that is being used for localization. I am still not seeing the additional field in my interface. Does anyone have any recommendations as to what could be happening? On Tue, Jun 3, 2014 at 4:13 PM, Matt Spurlin matt.spur...@appcore.com wrote: Adding a column was just an example I was trying to figure out as it seemed like it should be straight forward if I can find where the columns are referenced. Ideally I would like to add an option for intermediate certificates when adding an SSL Cert under infrastructure. It appears I just need to add it to fields in physicalResources.js and add an entry in dictionary.jsp. This did not seem to work for me. Any advice on what I could be missing? On Tue, Jun 3, 2014 at 12:13 PM, Gabor Apati-Nagy gabor.apati-n...@citrix.com wrote: Hi Matt, There are ui controls in /ui/scripts/ui/widgets that generate the actual controls/page based on JSON definitions at /ui/scripts. AFAIK there is no complete UI documentation, but you can take a look here: https://cwiki.apache.org/confluence/display/CLOUDSTACK/UI+widget+samples To add a column to the UI you need to extend a JSON object where the columns in question are defined. If you search in the *.js files in /ui/scripts directory for listView and then you go any listView's fields: definition you will find examples. You can add the field/column there. If the dataProvider of the listView is already getting this column as part of the current API response (eg. debug it with FireBug or see the API), you are done. If not then the dataProvider needs to be changed as well. What is the new column that you plan to add? I would recommend discussing this on the list first. Gabor -Original Message- From: Matt Spurlin [mailto:matt.spur...@appcore.com] Sent: 03 June 2014 17:13 To: dev@cloudstack.apache.org Subject: UI Development I am trying to get a grasp on how the UI is generated for CloudStack. Are there any good documented resources for the UI? For example, say I wanted to add another column to the table of storage devices, is there any documentation that would help me figure this out?
RE: UI Development
Hi Matt, There are ui controls in /ui/scripts/ui/widgets that generate the actual controls/page based on JSON definitions at /ui/scripts. AFAIK there is no complete UI documentation, but you can take a look here: https://cwiki.apache.org/confluence/display/CLOUDSTACK/UI+widget+samples To add a column to the UI you need to extend a JSON object where the columns in question are defined. If you search in the *.js files in /ui/scripts directory for listView and then you go any listView's fields: definition you will find examples. You can add the field/column there. If the dataProvider of the listView is already getting this column as part of the current API response (eg. debug it with FireBug or see the API), you are done. If not then the dataProvider needs to be changed as well. What is the new column that you plan to add? I would recommend discussing this on the list first. Gabor -Original Message- From: Matt Spurlin [mailto:matt.spur...@appcore.com] Sent: 03 June 2014 17:13 To: dev@cloudstack.apache.org Subject: UI Development I am trying to get a grasp on how the UI is generated for CloudStack. Are there any good documented resources for the UI? For example, say I wanted to add another column to the table of storage devices, is there any documentation that would help me figure this out?
Re: UI Development
Adding a column was just an example I was trying to figure out as it seemed like it should be straight forward if I can find where the columns are referenced. Ideally I would like to add an option for intermediate certificates when adding an SSL Cert under infrastructure. It appears I just need to add it to fields in physicalResources.js and add an entry in dictionary.jsp. This did not seem to work for me. Any advice on what I could be missing? On Tue, Jun 3, 2014 at 12:13 PM, Gabor Apati-Nagy gabor.apati-n...@citrix.com wrote: Hi Matt, There are ui controls in /ui/scripts/ui/widgets that generate the actual controls/page based on JSON definitions at /ui/scripts. AFAIK there is no complete UI documentation, but you can take a look here: https://cwiki.apache.org/confluence/display/CLOUDSTACK/UI+widget+samples To add a column to the UI you need to extend a JSON object where the columns in question are defined. If you search in the *.js files in /ui/scripts directory for listView and then you go any listView's fields: definition you will find examples. You can add the field/column there. If the dataProvider of the listView is already getting this column as part of the current API response (eg. debug it with FireBug or see the API), you are done. If not then the dataProvider needs to be changed as well. What is the new column that you plan to add? I would recommend discussing this on the list first. Gabor -Original Message- From: Matt Spurlin [mailto:matt.spur...@appcore.com] Sent: 03 June 2014 17:13 To: dev@cloudstack.apache.org Subject: UI Development I am trying to get a grasp on how the UI is generated for CloudStack. Are there any good documented resources for the UI? For example, say I wanted to add another column to the table of storage devices, is there any documentation that would help me figure this out?
Re: ui development
found it https://cwiki.apache.org/confluence/display/CLOUDSTACK/CloudStack+API+Development thanks On Thu, Aug 15, 2013 at 1:34 PM, Daan Hoogland daan.hoogl...@gmail.com wrote: H, Is there a (wiki-)page on cloudstack ui development? I am looking at some ui enhancements. (for https://issues.apache.org/jira/browse/CLOUDSTACK-4328 and https://issues.apache.org/jira/browse/CLOUDSTACK-1532) thanks, Daan
Re: ui development
sorry, no I was to quick to be enthousiastic. I mean UI dev:( https://cwiki.apache.org/confluence/display/CLOUDSTACK/CloudStack+UI+Development but I did find it :) On Thu, Aug 15, 2013 at 1:59 PM, Daan Hoogland daan.hoogl...@gmail.com wrote: found it https://cwiki.apache.org/confluence/display/CLOUDSTACK/CloudStack+API+Development thanks On Thu, Aug 15, 2013 at 1:34 PM, Daan Hoogland daan.hoogl...@gmail.com wrote: H, Is there a (wiki-)page on cloudstack ui development? I am looking at some ui enhancements. (for https://issues.apache.org/jira/browse/CLOUDSTACK-4328 and https://issues.apache.org/jira/browse/CLOUDSTACK-1532) thanks, Daan
RE: UI Development
There is not a use case, but from the UI Plugin design description, looks like it is aimed at extending the CS UI after it is in production. I was thinking that there might be a requirement for having some Server side code running in CS to support this UI Plugin. The current CS Plugins are built in and if you wanted to add supporting UI I think you would develop that native rather than using a UI Plugin architecture. -Soheil From: Alex Huang [alex.hu...@citrix.com] Sent: Wednesday, June 12, 2013 9:16 AM To: dev@cloudstack.apache.org Subject: RE: UI Development Soheil, Yes there is. Look under the plugins folder for all the current plugins. CloudStack plugins allow not only code to be inserted to add functionality but APIs can be added to facilitate new functionalities. I do ask everyone who are developing plugins to consider and discuss end user facing API changes on the list before making them. Admin API changes can be added fairly quickly. --Alex -Original Message- From: Brian Federle [mailto:brian.fede...@citrix.com] Sent: Tuesday, June 11, 2013 12:44 PM To: 'dev@cloudstack.apache.org' Subject: RE: UI Development I'm pretty sure there is a modular system in place for the backend, though I only do front-end development so I'm not familiar with it. Maybe a server- side dev can answer that? -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:52 AM To: dev@cloudstack.apache.org Subject: RE: UI Development Hi Brian, Thanks for the detail. I have looked at the UI-Plugin page, is there a matching server side plugin component to go along with the UI-Plugin to extend the CloudStack functionality? -Soheil From: Brian Federle [brian.fede...@citrix.com] Sent: Tuesday, June 11, 2013 11:44 AM To: 'dev@cloudstack.apache.org' Subject: RE: UI Development Hi Soheil, For the most part pretty much any IDE/text editor will work for UI development, as the code base is pure JS+HTML+CSS. I usually use Firebug for debugging purposes. For IDEs, I would recommend IntelliJ IDEA, which has the best support for JS, including an integrated JS debugger. Not too familiar with Eclipse for web dev, though. Unfortunately UI documentation is a bit sparse right now; I'm in the process of adding more documentation when I can find time. For now, I would recommend going through the UI plugin development tutorial and see if it will address your needs for the feature: https://cwiki.apache.org/CLOUDSTACK/ui-plugin-tutorial.html. It goes through setting up a new list view with a set of actions. -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:35 AM To: dev@cloudstack.apache.org Subject: UI Development I did not find any UI development resources on the Wiki. I need to update the UI to support a new Device. I wanted to know if there is there any recommended tooling for the CloudStack UI. I was planning to use Eclipse JavaScript Development Tools (JSDT), but wanted to see if there is any recommended setup also what the recommended debugging environment would look like? Thanks, -Soheil
RE: UI Development
Soheil, Yes there is. Look under the plugins folder for all the current plugins. CloudStack plugins allow not only code to be inserted to add functionality but APIs can be added to facilitate new functionalities. I do ask everyone who are developing plugins to consider and discuss end user facing API changes on the list before making them. Admin API changes can be added fairly quickly. --Alex -Original Message- From: Brian Federle [mailto:brian.fede...@citrix.com] Sent: Tuesday, June 11, 2013 12:44 PM To: 'dev@cloudstack.apache.org' Subject: RE: UI Development I'm pretty sure there is a modular system in place for the backend, though I only do front-end development so I'm not familiar with it. Maybe a server- side dev can answer that? -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:52 AM To: dev@cloudstack.apache.org Subject: RE: UI Development Hi Brian, Thanks for the detail. I have looked at the UI-Plugin page, is there a matching server side plugin component to go along with the UI-Plugin to extend the CloudStack functionality? -Soheil From: Brian Federle [brian.fede...@citrix.com] Sent: Tuesday, June 11, 2013 11:44 AM To: 'dev@cloudstack.apache.org' Subject: RE: UI Development Hi Soheil, For the most part pretty much any IDE/text editor will work for UI development, as the code base is pure JS+HTML+CSS. I usually use Firebug for debugging purposes. For IDEs, I would recommend IntelliJ IDEA, which has the best support for JS, including an integrated JS debugger. Not too familiar with Eclipse for web dev, though. Unfortunately UI documentation is a bit sparse right now; I'm in the process of adding more documentation when I can find time. For now, I would recommend going through the UI plugin development tutorial and see if it will address your needs for the feature: https://cwiki.apache.org/CLOUDSTACK/ui-plugin-tutorial.html. It goes through setting up a new list view with a set of actions. -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:35 AM To: dev@cloudstack.apache.org Subject: UI Development I did not find any UI development resources on the Wiki. I need to update the UI to support a new Device. I wanted to know if there is there any recommended tooling for the CloudStack UI. I was planning to use Eclipse JavaScript Development Tools (JSDT), but wanted to see if there is any recommended setup also what the recommended debugging environment would look like? Thanks, -Soheil
RE: UI Development
Hi Soheil, For the most part pretty much any IDE/text editor will work for UI development, as the code base is pure JS+HTML+CSS. I usually use Firebug for debugging purposes. For IDEs, I would recommend IntelliJ IDEA, which has the best support for JS, including an integrated JS debugger. Not too familiar with Eclipse for web dev, though. Unfortunately UI documentation is a bit sparse right now; I'm in the process of adding more documentation when I can find time. For now, I would recommend going through the UI plugin development tutorial and see if it will address your needs for the feature: https://cwiki.apache.org/CLOUDSTACK/ui-plugin-tutorial.html. It goes through setting up a new list view with a set of actions. -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:35 AM To: dev@cloudstack.apache.org Subject: UI Development I did not find any UI development resources on the Wiki. I need to update the UI to support a new Device. I wanted to know if there is there any recommended tooling for the CloudStack UI. I was planning to use Eclipse JavaScript Development Tools (JSDT), but wanted to see if there is any recommended setup also what the recommended debugging environment would look like? Thanks, -Soheil
RE: UI Development
Hi Brian, Thanks for the detail. I have looked at the UI-Plugin page, is there a matching server side plugin component to go along with the UI-Plugin to extend the CloudStack functionality? -Soheil From: Brian Federle [brian.fede...@citrix.com] Sent: Tuesday, June 11, 2013 11:44 AM To: 'dev@cloudstack.apache.org' Subject: RE: UI Development Hi Soheil, For the most part pretty much any IDE/text editor will work for UI development, as the code base is pure JS+HTML+CSS. I usually use Firebug for debugging purposes. For IDEs, I would recommend IntelliJ IDEA, which has the best support for JS, including an integrated JS debugger. Not too familiar with Eclipse for web dev, though. Unfortunately UI documentation is a bit sparse right now; I'm in the process of adding more documentation when I can find time. For now, I would recommend going through the UI plugin development tutorial and see if it will address your needs for the feature: https://cwiki.apache.org/CLOUDSTACK/ui-plugin-tutorial.html. It goes through setting up a new list view with a set of actions. -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:35 AM To: dev@cloudstack.apache.org Subject: UI Development I did not find any UI development resources on the Wiki. I need to update the UI to support a new Device. I wanted to know if there is there any recommended tooling for the CloudStack UI. I was planning to use Eclipse JavaScript Development Tools (JSDT), but wanted to see if there is any recommended setup also what the recommended debugging environment would look like? Thanks, -Soheil
RE: UI Development
I'm pretty sure there is a modular system in place for the backend, though I only do front-end development so I'm not familiar with it. Maybe a server-side dev can answer that? -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:52 AM To: dev@cloudstack.apache.org Subject: RE: UI Development Hi Brian, Thanks for the detail. I have looked at the UI-Plugin page, is there a matching server side plugin component to go along with the UI-Plugin to extend the CloudStack functionality? -Soheil From: Brian Federle [brian.fede...@citrix.com] Sent: Tuesday, June 11, 2013 11:44 AM To: 'dev@cloudstack.apache.org' Subject: RE: UI Development Hi Soheil, For the most part pretty much any IDE/text editor will work for UI development, as the code base is pure JS+HTML+CSS. I usually use Firebug for debugging purposes. For IDEs, I would recommend IntelliJ IDEA, which has the best support for JS, including an integrated JS debugger. Not too familiar with Eclipse for web dev, though. Unfortunately UI documentation is a bit sparse right now; I'm in the process of adding more documentation when I can find time. For now, I would recommend going through the UI plugin development tutorial and see if it will address your needs for the feature: https://cwiki.apache.org/CLOUDSTACK/ui-plugin-tutorial.html. It goes through setting up a new list view with a set of actions. -Brian -Original Message- From: Soheil Eizadi [mailto:seiz...@infoblox.com] Sent: Tuesday, June 11, 2013 11:35 AM To: dev@cloudstack.apache.org Subject: UI Development I did not find any UI development resources on the Wiki. I need to update the UI to support a new Device. I wanted to know if there is there any recommended tooling for the CloudStack UI. I was planning to use Eclipse JavaScript Development Tools (JSDT), but wanted to see if there is any recommended setup also what the recommended debugging environment would look like? Thanks, -Soheil