[ZBXNEXT-2662] Better design for Zabbix WEB interface Created: 2015 Jan 07 Updated: 2019 Feb 08 Resolved: 2017 May 31 |
|
Status: | Closed |
Project: | ZABBIX FEATURE REQUESTS |
Component/s: | Frontend (F) |
Affects Version/s: | 2.5.0 |
Fix Version/s: | 2.5.0 |
Type: | Change Request | Priority: | Major |
Reporter: | Alexei Vladishev | Assignee: | Unassigned |
Resolution: | Fixed | Votes: | 28 |
Labels: | usability | ||
Remaining Estimate: | Not Specified | ||
Time Spent: | Not Specified | ||
Original Estimate: | Not Specified |
Attachments: |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Issue Links: |
|
Description |
Zabbix WEB interface didn't change much since 1.6. It's time to introduce cleaner and modern design with some usability improvements. Specification is available at https://www.zabbix.org/wiki/Docs/specs/ZBXNEXT-2662 |
Comments |
Comment by Vadim Nesterov [ 2015 Jan 07 ] |
Alexei, will be great, to have new intreface and frontend code: with modern architecture: REST backend, modern JS library: React or Angular On of the sloewst thing in Zabbix now is graphing using php to export graphs as PNG. Graphs must be rendered on client side. |
Comment by Marc [ 2015 Jan 07 ] |
nucleusv, you might also be interested in the D3 initiative initiated by community members: Edit: |
Comment by Vadim Nesterov [ 2015 Jan 07 ] |
Marc, now I develop datasource plugin for Grafana |
Comment by Alexei Vladishev [ 2015 Jan 19 ] |
Vadim, I hope to deliver new design and MVC in 3.0 as a bare minimum. This alone will make back-end code much more modular and easier to develop and maintain. We may also include additional dashboard widgets (most likely based on d3js vizualization) if we have time. I'm doing all my best to make it happen, already have some proof of concept working. |
Comment by Vadim Nesterov [ 2015 Jan 20 ] |
Alexei, we are very happy about this! |
Comment by richlv [ 2015 Jan 21 ] |
(1) split out in subissues (7), (8), (9) and (10) - this subissue CLOSED |
Comment by richlv [ 2015 Jan 21 ] |
(2) documentation
|
Comment by richlv [ 2015 Jan 21 ] |
(3) when this issue nears completion, let's check whether |
Comment by Stefan [ 2015 Jan 21 ] |
please take also a look at: https://www.zabbix.com/forum/showthread.php?t=47610 |
Comment by richlv [ 2015 Jan 26 ] |
(4) when this issue nears completion, let's figure out whether ZBXNEXT-2654 is still relevant and maybe solve it, too |
Comment by Jan Garaj [ 2015 Jan 27 ] |
This one looks like dirty core code hacking. Should I hack Z.php every Zabbix frontend update? Please provide some better concept, e.g.: $ZBX_USER_THEMES = array('mytheme', 'anothertheme'); If $ZBX_USER_THEMES exists, then configured themes will be automatically processed in ZBase::getThemes() POC: public static function getThemes() { $default_themes = array( 'classic' => _('Classic'), 'originalblue' => _('Original blue'), 'darkblue' => _('Black & Blue'), 'darkorange' => _('Dark orange') ); $user_themes = array(); if (isset($ZBX_USER_THEMES)) { foreach ($ZBX_USER_THEMES as $v) { $user_themes[$v] = _($v); } } return array_merge($default_themes, $user_themes); }
Thanks |
Comment by richlv [ 2015 Mar 24 ] |
(5) let's make sure sasha It works fine. CLOSED |
Comment by Chris Christensen [ 2015 Apr 02 ] |
Thought it might make sense to mention this here: Working with Grafana you can add plugins that support the display of metrics via API requests. An initial pass at this plugin is here: https://github.com/grafana/grafana-plugins/pull/10 Demo (using zabbix.org/zabbix install): http://imetchrischris.com/grafana-plugins This is a very nice proof of concept where the UI is a client-side app only; communicating via the API. |
Comment by richlv [ 2015 Apr 02 ] |
there's user interest in looking at this, no matter how incomplete it is currently - the work in progress version is at svn://svn.zabbix.com/branches/dev/ZBXNEXT-2662 |
Comment by Stefan [ 2015 Apr 15 ] |
i want to try it, but in the svn the styles-folder are empty and in the nightlies the zabbix.css is missing |
Comment by Janssen Lima [ 2015 Apr 17 ] |
The new interface is very attractive and more agreeable navigation. However, I noticed that the appearance of the charts has not changed anything. There is expected to modernize the graphics? |
Comment by richlv [ 2015 Apr 20 ] |
there currently are no plans to change the graphs - it would be better to stabilise the new design, otherwise 3.0 might turn out to be a bit risky branch. |
Comment by richlv [ 2015 Apr 21 ] |
(6) let's make sure sasha It works! CLOSED |
Comment by Alexander Vladishev [ 2015 May 18 ] |
(7) String changes in @trunk r53559 (initial merge of design related improvements): New strings:
String deleted
<richlv> thanks for the list, seems to match -> CLOSED |
Comment by Alexander Vladishev [ 2015 May 22 ] |
(8) String changes in @trunk r53740 (the second merge of design related improvements): New strings:
String deleted:
<richlv> thanks for the list, seems to match -> CLOSED |
Comment by richlv [ 2015 May 25 ] |
(9) (starting a new subissue for all suggested translation string changes to keep this a bit more readable) a) currently there are "Welcome" and "Welcome to" - could this be unified ? b) include/classes/setup/CSetupWizard.php has a hardcoded zabbix major version : $setup_title = new CDiv(array(new CSpan(_('Welcome to')), 'Zabbix 3.0'), 'setup-title'); is this good ? it's yet another place where somebody would have to remember to change it c) "Alarm acknowledges" should be "Alarm acknowledgements" d) "Event for trigger" seems to be semantically wrong, events are not "for" triggers. suggested by maartinjsh - "Trigger event" e) "Congratulations on successful installation of Zabbix frontend." - suggestion by dimir, approved by maartinjsh - "Congratulations! You have successfully installed Zabbix frontend." f) "Most busy triggers Top 100" - suggestion by dimir, approved by maartinjsh - "100 busiest triggers" g) "Please enter host name or host IP address and port number of Zabbix server, as well as the name of the installation (optional)." -> "Please enter the host name or host IP address and port number of the Zabbix server, as well as the name of the installation (optional)." h) "Pre-Installation summary" -> "Pre-installation summary" i) "Your are logged in as" -> "You are logged in as". also, why not shorter of "Logged in as" ? martins-v j) "WEB monitoring" -> "Web monitoring" k) "Please correct all issues and press "%1$s" button." -> "Please correct all issues and press the "%1$s" button." sasha <richlv> thanks, CLOSED |
Comment by Alexander Vladishev [ 2015 May 27 ] |
(10) String changes in @trunk r53814 (the third merge of design related improvements): New strings (all strings related to (9) c-j):
String deleted:
<richlv> thanks for the list, seems to match -> CLOSED |
Comment by Alexander Vladishev [ 2015 Jun 10 ] |
(11) String changes in @trunk r54023 (the fourth merge of design related improvements): New strings: String deleted:
<richlv> these strings do not seem to be touched in the mentioned revision :
sasha I checked twice. The initial list was correct. sasha The mentioned revision was incorrect. I corrected it. <richlv> ah, ok... so here's what seems to have happened should we review r53819 for other potential issues ? sasha No other issues found in r53819. <richlv> great, thank you - CLOSED |
Comment by Alexander Vladishev [ 2015 Jun 25 ] |
(12) String changes in @trunk r54167 (the fifth merge of design related improvements): New strings:
String deleted:
<richlv> thanks for the list, seems to match -> CLOSED |
Comment by richlv [ 2015 Jul 07 ] |
(13) a few of typo issues are supposed to be fixed here, should be checked when this issue is finished: <richlv> first two are fixed, sasha all fixed. CLOSED |
Comment by richlv [ 2015 Jul 07 ] |
(14) history view supposed to be fixed here, should be checked when this issue is finished: sasha Done. CLOSED |
Comment by Alexander Vladishev [ 2015 Jul 08 ] |
(15) String changes in @trunk r54322 (the sixth merge of design related improvements): New strings:
String deleted:
<richlv> thanks for the list, seems to match -> CLOSED |
Comment by richlv [ 2015 Jul 15 ] |
(16) spec does not mention it, but the ability to filter out these disabled entities has been lost :
sasha Only filtering of the trigger prototypes has been lost. |
Comment by richlv [ 2015 Jul 16 ] |
(17) looks like r54167 has broken config -> hosts -> items page. opera opens it, but becomes unresponsive. firefox says that javascript is going crazy. vivaldi does not seem to open the page at all. r54166 works ok. <richlv> for the record, the problem still there in r54832. <richlv> seems to be fixed in the latest trunk |
Comment by richlv [ 2015 Jul 19 ] |
(18) items are added in a disabled state by default cloning an existing enabled item clones it in a disabled state ...and editing an enabled item disables it, too linking a template with an enabled item to a host creates disabled item on host ( <richlv> all of these cases seem to be fixed in the latest trunk - thanks |
Comment by richlv [ 2015 Jul 24 ] |
(19) this issue might implement |
Comment by Alexander Vladishev [ 2015 Jul 27 ] |
(20) String changes in @trunk r54524 (the seventh merge of design related improvements): New strings: String deleted:
<richlv> thanks, CLOSED |
Comment by richlv [ 2015 Aug 05 ] |
(22) broken ip/dns selection for host interface as per sasha RESOLVED in r54930 |
Comment by Alexander Vladishev [ 2015 Aug 13 ] |
(23) String changes in @trunk r54930 (the eighth merge of design related improvements): New strings:
String deleted:
<richlv> thanks, CLOSED |
Comment by Alexander Vladishev [ 2015 Aug 17 ] |
(24) String changes in @trunk r55000 (the ninth merge of design related improvements): New strings:
String deleted:
<richlv> thanks, CLOSED |
Comment by Alexander Vladishev [ 2015 Aug 19 ] |
(25) String changes in @trunk r55045 (the tenth merge of design related improvements): No string changes <richlv> thanks, CLOSED |
Comment by richlv [ 2015 Aug 21 ] |
(26) we actually need a changelog entry for 2.5.0, as changes from this issue have been partially merged before the release of 2.5.0 (and we will need one for every version that has changes from this issue) sasha RESOLVED in r55453. <richlv> thanks, CLOSED |
Comment by richlv [ 2015 Aug 21 ] |
(27) in the monitoring -> discovery page, the cells are not coloured (moved from sasha RESOLVED in r55453. |
Comment by Marc [ 2015 Aug 22 ] |
(28) in Monitoring -> Triggers top 100, time preset hyper-links lack of a separator. sasha RESOLVED in r55453. |
Comment by Marc [ 2015 Aug 23 ] |
(29) Doesn't CSS arrows look nicer when having 1px more (5px instead of 4px)? Edit: Edit: -moz-transform: scale(.9999); <richlv> good point, i noticed the same in host properties where host group membership is modified sasha RESOLVED in @trunk r56200 (twelfth merge) |
Comment by richlv [ 2015 Aug 26 ] |
(30) try to log in unsuccessfully; sasha RESOLVED in r56781 |
Comment by richlv [ 2015 Aug 26 ] |
(31) trunk r55129 sasha RESOLVED in @trunk r56200 (twelfth merge) |
Comment by richlv [ 2015 Aug 28 ] |
(32) broken map element editing (misplaced buttons, can't edit link properties) - originally reported as sasha RESOLVED in r55453. |
Comment by Alexander Vladishev [ 2015 Sep 08 ] |
(33) String changes in @trunk r55453 (the eleventh merge of design related improvements): Strings added:
Strings removed:
<richlv> thanks, CLOSED |
Comment by richlv [ 2015 Sep 18 ] |
(34) lots of notifications can slow down or break dashboard. sasha RESOLVED in r56772. sasha the list of actions was fixed in r56800. RESOLVED <richlv> wow, limiting actions made a massive difference in the dashboard performance in one test instance, thanks |
Comment by richlv [ 2015 Sep 18 ] |
(35) in current trunk, minimum graph & time period scrollbar width has been increased compared to 2.4. this makes it harder to demonstrate things on a projector screen or create nice screenshots (and probably makes it harder to use on mobile devices <richlv> this monster-issue is very hard to follow - will track arbitrary width restriction in ZBX-10612. this subissue still to stay open to provide linkage. |
Comment by richlv [ 2015 Sep 22 ] |
(36) in the "status of zabbix" widget, configuration errors have lost their red background, making them pretty much invisible to a normal user sasha RESOLVED in r56810. |
Comment by richlv [ 2015 Sep 22 ] |
(37) can't massupdate active agent items to passive - it fails with "No interface found." although agent interface is present. updating individual items works |
Comment by richlv [ 2015 Sep 22 ] |
(38) in screen, elements can flow over the screen background area - see the rightmost edge here : sasha RESOLVED in r58214 |
Comment by richlv [ 2015 Sep 22 ] |
(39) ZBX_SERVER_NAME not displayed anywhere on the page anymore sasha RESOLVED in r56770. |
Comment by richlv [ 2015 Sep 22 ] |
(40) event history always expands screen dimensions. in a 3-column screen, adding event history in the second column with a colspan of 2 : nope, it still does not have enough space. sasha Cannot reproduce. Could you please try to reproduce this issue with latest dev branch. Thanks! <richlv> thanks for checking, seems to work ok in trunk r57100 as well CLOSED |
Comment by Alexander Vladishev [ 2015 Oct 15 ] |
(41) String changes in @trunk r56200, r56203 (the twelfth merge of design related improvements): Strings removed:
<richlv> thanks, CLOSED |
Comment by richlv [ 2015 Oct 16 ] |
(42) although the spec does not say anything like that, paging at the top of the page has been removed (i want to use it every now and then and miss it in trunk <richlv> having used trunk some more, i miss it a lot. i would strongly suggest to return it and use smaller height for paging controls. |
Comment by richlv [ 2015 Oct 19 ] |
(43) the table column names are uppercased, but apparently that is done automatically, as translatable strings are normal-case. it could be confusing if a translator was looking for upercase text but could not find one. |
Comment by richlv [ 2015 Oct 23 ] |
(44) mentioning ZBX-9982 (misaligned interface header if there is no agent interface) so that it is not forgotten about |
Comment by Marc [ 2015 Oct 24 ] |
It took quite some time to get used to and valuing the history of last five sites in the frontend. Now, after being aware of it when using the 'History', I consider it as a serious drawback as long as it is not ensured to return to the very right site after creating, updating, removing, ... of entities. I'm mentioning this just for information and in the assumption that the "Better design" in long-term makes a 'History' function unnecessary - by keeping the current context after entity changes and of course also by better resp. more efficient navigation. Edit: |
Comment by Marc [ 2015 Oct 24 ] |
How about removing the frame line of maps - at least in screens? <richlv> that might be a bit more controversial, i'd suggest a separate ZBXNEXT Edit: sasha Map border was removed in r57777 |
Comment by richlv [ 2015 Oct 26 ] |
(45) mentioning ZBX-9996 (softlinked services not displayed in grey anymore) |
Comment by Aleksandrs Saveljevs [ 2015 Oct 27 ] |
(46) mentioning sasha RESOLVED in r56788. |
Comment by Aleksandrs Saveljevs [ 2015 Oct 27 ] |
(47) mentioning sasha RESOLVED in r56888 |
Comment by richlv [ 2015 Oct 28 ] |
(48) some png & svf files are duplicated in frontends/php/img/ and sass/ - we should probably figure out where they should go and leave a single copy only |
Comment by richlv [ 2015 Oct 29 ] |
(49) mentioning ZBX-10021 (lost graph border) |
Comment by richlv [ 2015 Oct 29 ] |
(50) mentioning sasha RESOLVED in r56936 asaveljevs Please verify the typo fixing r56934, too. It changes "algorythm" to "algorithm" in IT services. |
Comment by Ivo Kurzemnieks [ 2015 Oct 29 ] |
(51) mentioning sasha RESOLVED in r56761. |
Comment by richlv [ 2015 Oct 30 ] |
(52) mentioning sasha RESOLVED in r57284 |
Comment by richlv [ 2015 Nov 02 ] |
(53) sasha Will be fixed under CLOSED |
Comment by Pavel Amosov (Inactive) [ 2015 Nov 02 ] |
How about we drop this ISO thing and use this longer, but at least usable format: 1yr 2mo 15d 20hr 2min 43sec <richlv> i seriously hope that's a monday joke |
Comment by Alexander Vladishev [ 2015 Nov 16 ] |
(54) Documentation:
|
Comment by Alexander Vladishev [ 2015 Nov 20 ] |
(55) Documentation:
|
Comment by Stefan [ 2015 Nov 23 ] |
in my enviroment Zabbix scale only to width ~1400pixel, and has only 3 "tables".. it would be nice if you increase that to 6 or something like that.. |
Comment by Alexander Vladishev [ 2015 Nov 30 ] |
(56) flash clock replaced by html/js clock let's make sure sasha RESOLVED in r56929 |
Comment by Alexander Vladishev [ 2015 Nov 30 ] |
(57) improved editing of the IT services in r56936 sasha RESOLVED |
Comment by Alexander Vladishev [ 2015 Nov 30 ] |
(58) Documentation:
|
Comment by Aleksandrs Saveljevs [ 2015 Dec 03 ] |
(59) The topmost menus are linked to "javascript:void(0);". If we middle-click them, new tabs are opened with address "javascript:void(0);". This is to document potential solutions that were thought of:
sasha RESOLVED in r57040 (navigation using a keyboard is not resolved). |
Comment by Aleksandrs Saveljevs [ 2015 Dec 03 ] |
(60) The following minor fixes were done on the PHP side and should be reviewed. Making a list so that they do not get lost:
sasha CLOSED |
Comment by richlv [ 2015 Dec 12 ] |
for those interested, the current dev branch seems to be svn://svn.zabbix.com/branches/dev/ZBXNEXT-2662-12 |
Comment by richlv [ 2015 Dec 16 ] |
(61) the new filter button is great - much easier to spot, easier to hit. for example, currently it looks like in the top version, how about making it look like to bottom version ? |
Comment by Pavel Amosov (Inactive) [ 2015 Dec 16 ] |
What about small screens and various drop-down list and title width? And there is a sub nav. in hosts |
Comment by richlv [ 2015 Dec 16 ] |
zabbix guidelines call for non-wrapping down to, if i recall correctly, 800px, which should be sufficient, i hope. below that wrapping seems to be completely acceptable. |
Comment by Alexander Vladishev [ 2015 Dec 18 ] |
(62) let's make sure sasha RESOLVED in r57281 |
Comment by Alexander Vladishev [ 2015 Dec 21 ] |
(63) String changes in @trunk r57289 (the thirteenth merge of design related improvements): Strings added:
Strings deleted:
|
Comment by Oleksii Zagorskyi [ 2015 Dec 30 ] |
(64) when working on translation I immediately noticed that "Action log" string looks strange. p.s. russian translator (at least) already translated it to plural form zalex_ua Based on Rich's answer below, CLOSED. |
Comment by richlv [ 2015 Dec 30 ] |
zalex_ua, not really - it's one of the peculiarities of english - in cases like this singular is to be used. i don't know the exact rule, i just go with the feel of it, but maybe maartinjsh can give the exact reason |
Comment by Alexander Vladishev [ 2016 Jan 14 ] |
(65) No translation string changes in @trunk r57604 (the fourteenth merge of design related improvements) |
Comment by Alexander Vladishev [ 2016 Jan 14 ] |
(66) Documentation:
|
Comment by Alexander Vladishev [ 2016 Jan 18 ] |
(67) let's make sure sasha RESOLVED in r57731 iivs CLOSED |
Comment by Alexander Vladishev [ 2016 Jan 18 ] |
(68) No translation string changes in @trunk r57731 (the fifteenth merge of design related improvements) iivs CLOSED |
Comment by Alexander Vladishev [ 2016 Jan 18 ] |
(69) No translation string changes in @trunk r57777 (the sixteenth merge of design related improvements) iivs CLOSED |
Comment by Alexander Vladishev [ 2016 Jan 28 ] |
(70) No translation string changes in @trunk r58058 (the eighteenth merge of design related improvements) iivs CLOSED |
Comment by richlv [ 2016 Jan 29 ] |
(71) changelog entry typo : "elemants". sasha RESOLVED in r58216. Release notes are also fixed. iivs CLOSED |
Comment by Kay Schroeder [ 2016 Jan 30 ] |
The added Filter in Configuration -> Triggers is great. One Feature I added by myself after each update. Unfortunately I missing the filtering (search) for description. Is it possible to get this implemented in 3.0? |
Comment by Alexander Vladishev [ 2016 Feb 03 ] |
(72) No translation string changes in @trunk r58214 (the nineteenth merge of design related improvements) oleg.egorov CLOSED |
Comment by Alexander Vladishev [ 2016 Feb 03 ] |
(73) New default graph colors sasha RESOLVED in r58232 oleg.egorov CLOSED |
Comment by Alexander Vladishev [ 2016 Feb 03 ] |
(74) implemented filters by name in:
sasha RESOLVED in r58237, r58241, r58243, r58244, r58250 and 58255 oleg.egorov CLOSED |
Comment by richlv [ 2016 Feb 03 ] |
did (74) partially solve ZBXNEXT-2189 ? |
Comment by Alexander Vladishev [ 2016 Feb 03 ] |
(75) No translation string changes in @trunk r58259 (the twentieth merge of design related improvements) asaveljevs CLOSED |
Comment by Andris Mednis [ 2016 Feb 05 ] |
(76) Unreadable color for alerts on default local network map with dark theme (see attachment dark_map_unreadable.png). Compare it with blue theme (attachment blue_map_readable.png). User comment on IRC: "A bit brighter red would solve the issue." |
Comment by richlv [ 2016 Aug 23 ] |
subissue (2) has been neglected and we can't even point the reporter of ZBXNEXT-3399 to upgrade notes |
Comment by Oleksii Zagorskyi [ 2016 Oct 14 ] |
r56200 (twelfth merge) caused a |
Comment by Alexander Vladishev [ 2017 Feb 01 ] |
subissues still open: (2) (3) (4) (16) (19) (32) (34) (35) (36) (38) (39) (42) (43) (45) (46) (47) (48) (49) (50) (51) (52) (54) (55) (56) (57) (58) (59) (61) (62) (63) (65) (66) (76) |
Comment by richlv [ 2018 Dec 20 ] |
While the issue has been closed, the previous comment lists a lot of unfinished subissues. What happened to those? |