[Kimchi-devel] [RFC] Wok / Ginger sidebar
Aline Manera
alinefm at linux.vnet.ibm.com
Thu Jul 21 17:24:14 UTC 2016
On 07/21/2016 01:15 PM, Samuel Henrique De Oliveira Guimaraes wrote:
>
> I’m not saying we will remove the tab-ext.xml, what I meant is that:
>
> 1-Move the tabs for network, storage and system services (and firmware
> and other panels as well) as nested tags inside the administration tab
> in the tab-ext.xml and use ginger.capabilities object to hide them
> once the user lands on the administration tab.
>
>
> OR
>
> 2-Keep only administration tab in tab-ext.xml and insert all available
> sidebar options as static HTML elements but still use
> ginger.capabilities to hide unavailable options.
>
> Options 1 requires minor changes in wok.main.js inside the navbar
> functions. Option 2 would require same amount of work on Wok but would
> keep functions exclusive to Ginger.
>
I see Option 1 requiring changes on Wok. Option 2 seems simpler to be
implemented as it only involves changes on Ginger.
> Samuel
>
> *From:*Aline Manera [mailto:alinefm at linux.vnet.ibm.com]
> *Sent:* quarta-feira, 20 de julho de 2016 11:34
> *To:* Samuel Henrique De Oliveira Guimaraes
> <samuel.guimaraes at eldorado.org.br>; Daniel Henrique Barboza
> <dhbarboza82 at gmail.com>; kimchi-devel at ovirt.org
> *Subject:* Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar
>
>
> Hi Samuel,
>
> There is no way to remove the tab-ext.xml file.
> It is used by wok to load the plugins and changing/removing them will
> affect all plugins and we do not want that.
>
> The tab-ext.xml file needs to be update to only contain one tab
> "Administration".
> That tab will be related to one HTML file which will create the
> sidebar menu created according to Ginger needs.
>
> On 07/13/2016 12:18 PM, Samuel Henrique De Oliveira Guimaraes wrote:
>
> Sure. I’m considering that this will be a huge amount of work
> because we’ll have to look up for the capabilities before
> rendering the main Ginger landing page OR we put the Ginger panels
> as static elements instead of using tab-ext.xml. Either way we
> would have to create a single .html.tmpl file for each panel and
> remove the accordions and maybe move or create new JS functions to
> initialize them.
>
> Samuel
>
> *From:*kimchi-devel-bounces at ovirt.org
> <mailto:kimchi-devel-bounces at ovirt.org>
> [mailto:kimchi-devel-bounces at ovirt.org] *On Behalf Of *Daniel
> Henrique Barboza
> *Sent:* quarta-feira, 13 de julho de 2016 10:29
> *To:* kimchi-devel at ovirt.org <mailto:kimchi-devel at ovirt.org>
> *Subject:* Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar
>
> Looks good Samuel
>
> Just a reminder: make sure to also consider that there are some
> features
> that will not be available at a given time in the host but should
> be considered
> in this design too. In your screenshot we're missing the Power
> Management and the Firmware Update features, for example, probably
> because you do not have tuned-adm and WoK isn't running in a Power
> system.
>
>
> Daniel
>
>
> On 07/13/2016 10:13 AM, Aline Manera wrote:
>
> Looks really good for me!
>
> +1
>
> On 07/12/2016 05:54 PM, Samuel Henrique De Oliveira Guimaraes
> wrote:
>
> Created a new variation with a sticky fixed floating
> sidebar and single contente on the page. I also removed
> the accordion because if we are going to display only one
> item per page, we shouldn’t have hidden elements on the page.
>
> Samuel
>
> *From:*Aline Manera [mailto:alinefm at linux.vnet.ibm.com]
> *Sent:* terça-feira, 12 de julho de 2016 09:53
> *To:* Samuel Henrique De Oliveira Guimaraes
> <samuel.guimaraes at eldorado.org.br>
> <mailto:samuel.guimaraes at eldorado.org.br>;
> kimchi-devel at ovirt.org <mailto:kimchi-devel at ovirt.org>
> *Subject:* Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar
>
> Hi Samuel,
>
> I'd say to keep the menu always visible in a left
> panel/menu and with a default first view when user enters
> on Administration tab.
>
> Regards,
> Aline Manera
>
> On 07/11/2016 06:12 PM, Samuel Henrique De Oliveira
> Guimaraes wrote:
>
> Hi team,
>
> Based on the feedback I’ve created a new mockup
> putting all Ginger features in a floating vertical
> menu (I’ve only put some of them but you’ll get the idea).
>
> Samuel
>
> *From:*kimchi-devel-bounces at ovirt.org
> <mailto:kimchi-devel-bounces at ovirt.org>
> [mailto:kimchi-devel-bounces at ovirt.org] *On Behalf Of
> *Chandra Shekhar Reddy Potula
> *Sent:* quinta-feira, 7 de julho de 2016 09:50
> *To:* kimchi-devel at ovirt.org
> <mailto:kimchi-devel at ovirt.org>
> *Subject:* Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar
>
> Hi Samuel,
>
> First of all thanks for your extensive investigation
> on various possibilities in front of us !!!
>
> I personally liked the option
> https://www.sitepoint.com/ which would be ideal to
> have with possibly 3 level navigation.
>
> Nevertheless, let us start with having side pane to
> provide immediate relief with the way proposed in the
> figures ginger_sidebar_1.png and ginger_storage_2.png
> and eventually make it more better if it is too
> complex doing all of it ones.
>
> I agree with Daniel recommendation for the for
> ginger_sidebar*.png, ie. have one second level tab for
> now and all the functionalities go under the side pane
> which would be enabler in future some thing similar to
> your proposal of https://www.sitepoint.com/
>
> Thanks and Regards
> Chandra
>
> On 7/5/16 12:32 AM, Samuel Henrique De Oliveira
> Guimaraes wrote:
>
> Hi team,
>
> We currently have an issue with Ginger/Gingerbase
> navigation bar in small screen resolutions and we
> also have huge tables in System Services page.
> Since working on the navigation bar involves
> editing Wok styles, I’m sending this e-mail to Wok
> mailing list instead of Ginger group.
>
> I looked for successful combinations of sidebar +
> horizontal navigation bars and so far I couldn’t
> find any example that would exactly fit with Wok
> and its plugins. The majority of examples I’m
> listing below are very good with traditional pages
> with deep subcategories and the navigation bars
> can work as sitemaps and replace breadcrumbs:
>
> ·http://www.worldwildlife.org/ -
> https://vimeo.com/166812605
>
> ·https://www.theguardian.com/us -
> https://vimeo.com/166812599
>
> ·https://next.ft.com/fastft -
> https://vimeo.com/166812597
>
> Wok currently has two navigation levels. Kimchi
> doesn’t have multiple sections but Ginger and
> Gingerbase uses collapsible panel groups to
> separate sections that could be third level
> elements on a sidebar. This was already discussed
> when we moved some features from Ginger to
> Gingerbase but I think we could achieve a
> functional sidebar with up to three levels without
> using a “landing page” for second-level elements.
>
> In the attached screenshots ginger_sidebar1 and
> ginger_sidebar2 are mockups for an off-canvas menu
> that would slide the main content and hide itself
> once an option is clicked. It would also hide the
> other panel accordions. Here are two off-canvas
> menu in action:
>
> ·http://codepen.io/SitePoint/full/uIemr/
>
> ·https://codepen.io/benske/full/cxrta/
>
> Since this would require a change in Wok tabs and
> ginger/gingerbase tab-ext.xml, I think we could
> implement something entirely different that would
> with Wok and all plugins. This site menu only have
> first-level options on the sidebar but I think we
> could add collapsible links like a tree-table
> menu: https://www.sitepoint.com/
>
> In addition to the sidebar, we could put a
> search/filter input on the top that would allow
> the user to type the desired option and show its
> position on the menu. Please take a look at the
> remaining attached screenshots. I did one
> variation with the content aligned to the center
> and another one aligned to the left.
>
> Regards,
>
> Samuel
>
>
>
>
>
>
>
> _______________________________________________
>
> Kimchi-devel mailing list
>
> Kimchi-devel at ovirt.org <mailto:Kimchi-devel at ovirt.org>
>
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>
>
>
>
>
>
> _______________________________________________
>
> Kimchi-devel mailing list
>
> Kimchi-devel at ovirt.org <mailto:Kimchi-devel at ovirt.org>
>
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>
>
>
>
>
> _______________________________________________
>
> Kimchi-devel mailing list
>
> Kimchi-devel at ovirt.org <mailto:Kimchi-devel at ovirt.org>
>
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>
>
>
>
>
>
> _______________________________________________
>
> Kimchi-devel mailing list
>
> Kimchi-devel at ovirt.org <mailto:Kimchi-devel at ovirt.org>
>
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>
>
>
>
> _______________________________________________
>
> Kimchi-devel mailing list
>
> Kimchi-devel at ovirt.org <mailto:Kimchi-devel at ovirt.org>
>
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20160721/6f06bdcb/attachment.html>
More information about the Kimchi-devel
mailing list