Metrics views for CloudStack UI#1038
Conversation
|
For screenshots, please see the FS: https://cwiki.apache.org/confluence/display/CLOUDSTACK/Metrics+Views+for+CloudStack+UI |
|
@bhaisaab the sprites seem not to have changed. Should the sprite.png be in this change? |
|
|
|
@DaanHoogland yes, the metrics view brings in new state icons that can be used in other places; |
|
thanks guys, missed that. Should I do anything more then just run with this change? an option some where? I am not seeing the metrix bottun in the zone view. |
|
@DaanHoogland this is an admin only feature, just do a clean install and you should see this logged in as an admin |
|
@bhaisaab haven't got it working yet. I am trying as admin. |
|
@DaanHoogland I build the branch today from scratch, it seems to be working for me; see the screenshot: |
|
yeah baby! |
|
@bhaisaab trying anew and still don't get the metrics button. I destroyed the vm on which the test cloud is running, checked out the pr 1038 as bracnh compiled and started it. I started Safari (not my default browser), deleted all history and opened the page. I investigated the page source to see if I can recognise code from the pr in there and 'label.metrics' can be found. |
|
@DaanHoogland thanks for taking time to review this, on my system I'm still able to get the metrics button on Chrome/Firefox/Safari. Can you simply take the shapeblue:metrics-master repo/branch which is where the PR is created form, there is no hidden or missing commit. In the html source (of index.jsp being rendered) can you find metrics.js and metricsView.js included somewhere? Can you confirm if you're building and running mgmt server with mvn or testing using an rpm? It might be an environment issue, or browser caching issue or that your test branch is missing commits from the PR (something went wrong with applying the PR?) See, I'm able to see the metrics button/views and note that UI is wider than before: Another place you can check is to go see if you see a viewMetrics codeblock in instances.js (or system.js, or storage.js) in scripts/, like this: (this code is like an API for rendering the metrics button, navigation, setting up view etc) Also, is anyone else able to reproduce the issue Daan is facing? cc @wido @wilderrodrigues @abhinandanprateek @NuxRo and others? |
53084c4 to
403f60f
Compare
|
@bhaisaab I saw you added four new commits, so I'll restart the test in a minute. |
|
@DaanHoogland thanks, the new commits are nothing but some squashed commits (found minor issues with sorting logic and another view/model issue). If this still does not work for you, share with me your OS/browser/java/maven versions. After you pull back, do a mvn clean install -pl client and then, mvn -pl client jetty:run. |
|
@bhaisaab I did a complete new checkout and I think the build process must have left something in the way. from a new working directory it works and looks good. I also ran the Schuberg Philis regression tests and your code passed with no errors. I will rerun those and publish here when you call for a merge. |
|
@DaanHoogland thanks, we can merge this once master is unfrozen and 4.6 branch is cut. |
|
Nice logo @bhaisaab :-) Deployed this to our employee cloud to give it a test drive. |
|
I've run this for some time and it is really cool, thanks @bhaisaab LGTM If you consider back porting this to 4.5.3, then I think we should also include it in 4.6.1, shouldn't we? Ping @karuturi. In that case, can you make a PR against the 4.6 branch so we can merge it there and then fwd-merge it to master (so it will be in 4.7 and onwards as well). |
|
@remibergsma this is a very cool feature. why do you suggest it be put in 4.6? |
|
@DaanHoogland Because @bhaisaab wants it in 4.5.3. Otherwise people will upgrade from 4.5.3 to say 4.6.2 and lose a feature. |
|
hm, this is breaking our policy hard. I have some things of Wei's laying around.... |
|
Right, so what now? Sent from the Delta quadrant using Borg technology! Nux! ----- Original Message -----
|
|
Guys can we get some +1s on this, so let's at least merge on master? cc @wilderrodrigues @DaanHoogland @NuxRo @wido @abhinandanprateek and others @DaanHoogland I'm interested in getting some of the commits related to UI width, sorting of tables etc. on 4.5 (we can remove the metrics view related commits). The reasoning here is that this does not change existing mgmt server core code, nor the schema. It's UI changes that improve existing experience for users. |
|
+1 to merge on master |
|
I would like to give a LGTM, but my JavaScript skills aren't that good. The small Java changes look good to me. |
|
+1 have tried the feature and used bits of it in revamped quota UI. |
Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Adds a new method to cloudBrowser that can remove the last panel and link/ref from the breadcrumb Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Implements sorting for tables across CloudStack UI; - General alphabetic/string based sorting - Numeric sorting for columns if data appears numeric - Special sorting comparator for state columns - Avoids sorting quick view columns and other specific columns Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Implements following in listView that generates tabular views; - Collapsible columns in case of multi-header groupable columns - Implements threshold coloring of cells in table - Implements option to render a table that is scrollable in both x-y directions - Support to only display status icon instead of label if compact is set to true - Fixes quick-view alignment issue on Safari - If a column was previously sorted, sorts after adding new rows - If a supercolumn was collapsed, hides cell after adding new rows Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Implements various metrics views based on a listView based widget that has following
properties:
- vertically and horizontally scrollable with pagination/infinite scrolling
- sortable columns (client side)
- groupable/collapsible columns
- alternate row coloring
- refresh button to refresh views
- threshold table cell coloring
- panel/breadcrumb navigation
- quick view action column
- translatable labels
- sorts after metrics is refreshed, if a column was previously sorted
- sorts after adding rows on infinite scrolling if a column was pre-sorted
- Metrics views: Zones, Clusters, Hosts, Instances, Storage pools, Volumes
- Resource filtering/navigation: Zones->Clusters->Hosts->Instances->Volumes,
Storage Pool->Volumes
Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Add global setting that can be consumed by UI to make its pagesize for list API calls dynamic with default to 100. Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
Based on suggestion from Lucian (Nux), this patch increases the UI's container width by 200px as most modern resolutions on desktop/laptops/workstations are at least 1400px wide. By increasing the width and adjusting css properties throughout the UI, we get more space to show information. This also gets rid of horizontal scrollbar in case of metrics views. This also, fixes the UI logos to include our mascot 'cloudmonkey'. Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
403f60f to
aa60995
Compare
|
@remibergsma rebased again the branch against latest master, created PRs; |
|
Hi @bhaisaab |
|
@karuturi Remi asked for a 4.6 based PR. Given some votes and if we don't have an objections should I go ahead and merge on master? |
|
@bhaisaab I'm OK with merging this to master now, but that will also mean it will not end up in 4.6. I think @DaanHoogland already said that no new features should go into 4.6 (as we agreed before) so merging to master is fine with me. I like your idea about porting back some of the patches to 4.5 and 4.6 to make the UI wider and such. I asked for 4.6 version because I thought we wanted to back port all of the metrics thing to 4.5 and then I find it weird to not have it in 4.6. But let's stick to what we said, let's merge it to master and move on. It is a great feature! All agree to merge on master and back port only some of the UI tweaks? |
|
@remibergsma Agree. |
|
@remibergsma alright, merging on master now. If there is no objection, I would like to merge this on 4.5 as whole, if that's not acceptable at least the other useful commits minus the metrics features. Comments? |
Metrics views for CloudStack UIFS: https://cwiki.apache.org/confluence/display/CLOUDSTACK/Metrics+Views+for+CloudStack+UI JIRA: https://issues.apache.org/jira/browse/CLOUDSTACK-9020 * pr/1038: CLOUDSTACK-9020: Increase UI container width by 200px CLOUDSTACK-9020: add ipaddress in instances view CLOUDSTACK-9020: Make UI pagesize configurable CLOUDSTACK-9020: Metrics views for CloudStack UI CLOUDSTACK-9020: Implement collapsible columns and threshold colorings CLOUDSTACK-9020: Implement sorting for tables CLOUDSTACK-9020: Method to remove last panel from the breadcrumb CLOUDSTACK-9020: Add new status icons and css rules Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
|
+1, please merge On 11/18/15 11:03 PM, Rohit Yadav wrote:
|
|
The metrics UI is not really a major feature in my opinion. We are not changing the core and any apis. All we are doing is re-presenting already presented data in UI in slightly different and much better manner. I've tried it extensively in fairly large environments on back ported 4.5, i can attest it works as expected. It would certainly help the project and new folks trying out ACS. I'm supporting the back port into 4.6 - as i'd consider this UI enhancement and not new major feature.. |
[4.5] Metrics viewFrom #1038, for 4.5 branch * pr/1091: CLOUDSTACK-9020: Metrics UI fixes CLOUDSTACK-9020: Increase UI container width by 200px CLOUDSTACK-9020: add ipaddress in instances view CLOUDSTACK-9020: add instances count in host view, ip address in instances view CLOUDSTACK-9020: Metrics views for CloudStack UI Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>











FS: https://cwiki.apache.org/confluence/display/CLOUDSTACK/Metrics+Views+for+CloudStack+UI
JIRA: https://issues.apache.org/jira/browse/CLOUDSTACK-9020