<html>
<head>
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<br>
<br>
<div class="moz-cite-prefix">On 08/30/2016 05:12 PM, Samuel Henrique
De Oliveira Guimaraes wrote:<br>
</div>
<blockquote
cite="mid:8fbca0099e0046fdb800f3b3324ab7e7@serv030.corp.eldorado.org.br"
type="cite">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="Generator" content="Microsoft Word 15 (filtered
medium)">
<style><!--
/* Font Definitions */
@font-face
        {font-family:Wingdings;
        panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
        {font-family:Consolas;
        panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:#954F72;
        text-decoration:underline;}
p
        {mso-style-priority:99;
        mso-margin-top-alt:auto;
        margin-right:0cm;
        mso-margin-bottom-alt:auto;
        margin-left:0cm;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
pre
        {mso-style-priority:99;
        mso-style-link:"HTML Preformatted Char";
        margin:0cm;
        margin-bottom:.0001pt;
        font-size:10.0pt;
        font-family:"Courier New";
        color:black;
        mso-fareast-language:PT-BR;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
        {mso-style-priority:34;
        margin-top:0cm;
        margin-right:0cm;
        margin-bottom:0cm;
        margin-left:36.0pt;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
span.HTMLPreformattedChar
        {mso-style-name:"HTML Preformatted Char";
        mso-style-priority:99;
        mso-style-link:"HTML Preformatted";
        font-family:Consolas;
        color:black;
        mso-fareast-language:EN-US;}
span.EmailStyle21
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:windowtext;}
span.EmailStyle22
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle23
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle24
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle25
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle26
        {mso-style-type:personal-reply;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:70.85pt 3.0cm 70.85pt 3.0cm;}
div.WordSection1
        {page:WordSection1;}
/* List Definitions */
@list l0
        {mso-list-id:262812166;
        mso-list-type:hybrid;
        mso-list-template-ids:-2083256826 68550657 68550659 68550661 68550657 68550659 68550661 68550657 68550659 68550661;}
@list l0:level1
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l0:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l0:level3
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l0:level4
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l0:level5
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l0:level6
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l0:level7
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l0:level8
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l0:level9
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l1
        {mso-list-id:1469858233;
        mso-list-type:hybrid;
        mso-list-template-ids:482217636 68550657 68550659 68550661 68550657 68550659 68550661 68550657 68550659 68550661;}
@list l1:level1
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l1:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l1:level3
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l1:level4
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l1:level5
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l1:level6
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l1:level7
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l1:level8
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l1:level9
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l2
        {mso-list-id:1615399859;
        mso-list-type:hybrid;
        mso-list-template-ids:-1370210128 1902407050 68550681 68550683 68550671 68550681 68550683 68550671 68550681 68550683;}
@list l2:level1
        {mso-level-text:%1-;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level2
        {mso-level-number-format:alpha-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level3
        {mso-level-number-format:roman-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:right;
        text-indent:-9.0pt;}
@list l2:level4
        {mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level5
        {mso-level-number-format:alpha-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level6
        {mso-level-number-format:roman-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:right;
        text-indent:-9.0pt;}
@list l2:level7
        {mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level8
        {mso-level-number-format:alpha-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level9
        {mso-level-number-format:roman-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:right;
        text-indent:-9.0pt;}
ol
        {margin-bottom:0cm;}
ul
        {margin-bottom:0cm;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">Hi team,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">I
was about to integrate Ginger sidebar mockup that I’ve sent
but it occurred to me that is still impossible to work with
this sidebar without performing some changes in Wok JS due
to user access roles, unless all tabs in administration are
under the same rule. Right now the tab-ext.xml lists all
tabs with the same roles:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><access
role="admin" mode="admin" /><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><access
role="user" mode="none" /><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Should
I keep this role to just the “Administration” tab and check
other pages by the capabilities?<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
</div>
</blockquote>
<br>
I'd say to keep the configuration only for Administration tab and we
can discuss more about Ginger authorization later.<br>
<br>
As per configuration:<br>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><br>
<access role="admin" mode="admin" /><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><access
role="user" mode="none" /><o:p></o:p></span></p>
<span style="color:#1F497D" lang="EN-US"><o:p></o:p></span><br>
The Administration tab should not be loaded for a normal user. It
will be visible and accessible only for admin.<br>
<br>
Is that the right approach? Maybe not. As Chandra said in the other
email, maybe it is better to let a normal user has a read-only for
some features.<br>
But I don't think we should change that right now.<br>
<br>
Changing the layout first is better and then we start a new
discussion related to authorization levels on Ginger community.<br>
<br>
<blockquote
cite="mid:8fbca0099e0046fdb800f3b3324ab7e7@serv030.corp.eldorado.org.br"
type="cite">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Regards,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Samuel<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">From:</span></b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US"> Aline Manera
[<a class="moz-txt-link-freetext" href="mailto:alinefm@linux.vnet.ibm.com">mailto:alinefm@linux.vnet.ibm.com</a>]
<br>
<b>Sent:</b> quinta-feira, 21 de julho de 2016 14:24<br>
<b>To:</b> Samuel Henrique De Oliveira Guimaraes
<a class="moz-txt-link-rfc2396E" href="mailto:samuel.guimaraes@eldorado.org.br"><samuel.guimaraes@eldorado.org.br></a>; Daniel
Henrique Barboza <a class="moz-txt-link-rfc2396E" href="mailto:dhbarboza82@gmail.com"><dhbarboza82@gmail.com></a>;
<a class="moz-txt-link-abbreviated" href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
<b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok / Ginger
sidebar<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span
style="font-size:12.0pt;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal">On 07/21/2016 01:15 PM, Samuel Henrique
De Oliveira Guimaraes wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">I’m
not saying we will remove the tab-ext.xml, what I meant is
that:</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l2 level1 lfo2"><!--[if !supportLists]--><span
style="mso-list:Ignore">1-<span style="font:7.0pt
"Times New Roman"">
</span></span><!--[endif]--><span style="color:#1F497D"
lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoListParagraph"><span style="color:#1F497D"
lang="EN-US"><br>
OR<br>
<br>
<br>
</span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l2 level1 lfo2"><!--[if !supportLists]--><span
style="mso-list:Ignore">2-<span style="font:7.0pt
"Times New Roman"">
</span></span><!--[endif]--><span style="color:#1F497D"
lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"> </span><o:p></o:p></p>
</blockquote>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR"><br>
I see Option 1 requiring changes on Wok. Option 2 seems
simpler to be implemented as it only involves changes on
Ginger.<br>
<br>
<br>
<o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Samuel</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"> </span><o:p></o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">From:</span></b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US"> Aline Manera [<a moz-do-not-send="true"
href="mailto:alinefm@linux.vnet.ibm.com">mailto:alinefm@linux.vnet.ibm.com</a>]
<br>
<b>Sent:</b> quarta-feira, 20 de julho de 2016 11:34<br>
<b>To:</b> Samuel Henrique De Oliveira Guimaraes <a
moz-do-not-send="true"
href="mailto:samuel.guimaraes@eldorado.org.br">
<samuel.guimaraes@eldorado.org.br></a>; Daniel
Henrique Barboza <a moz-do-not-send="true"
href="mailto:dhbarboza82@gmail.com">
<dhbarboza82@gmail.com></a>; <a
moz-do-not-send="true"
href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
<b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok / Ginger
sidebar</span><o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
Hi Samuel,<br>
<br>
There is no way to remove the tab-ext.xml file.<br>
It is used by wok to load the plugins and changing/removing
them will affect all plugins and we do not want that.<br>
<br>
The tab-ext.xml file needs to be update to only contain one
tab "Administration".<br>
That tab will be related to one HTML file which will create
the sidebar menu created according to Ginger needs.<o:p></o:p></p>
<div>
<p class="MsoNormal">On 07/13/2016 12:18 PM, Samuel Henrique
De Oliveira Guimaraes wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US">Samuel</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US"> </span><o:p></o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">From:</span></b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">
<a moz-do-not-send="true"
href="mailto:kimchi-devel-bounces@ovirt.org">kimchi-devel-bounces@ovirt.org</a>
[<a moz-do-not-send="true"
href="mailto:kimchi-devel-bounces@ovirt.org">mailto:kimchi-devel-bounces@ovirt.org</a>]
<b>On Behalf Of </b>Daniel Henrique Barboza<br>
<b>Sent:</b> quarta-feira, 13 de julho de 2016 10:29<br>
<b>To:</b> <a moz-do-not-send="true"
href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
<b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok /
Ginger sidebar</span><o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt">Looks good
Samuel<br>
<br>
Just a reminder: make sure to also consider that there are
some features<br>
that will not be available at a given time in the host but
should be considered<br>
in this design too. In your screenshot we're missing the
Power<br>
Management and the Firmware Update features, for example,
probably<br>
because you do not have tuned-adm and WoK isn't running in
a Power<br>
system.<br>
<br>
<br>
Daniel <br>
<br>
<br>
<br>
<o:p></o:p></p>
<div>
<p class="MsoNormal">On 07/13/2016 10:13 AM, Aline Manera
wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal" style="margin-bottom:12.0pt">Looks
really good for me! <br>
<br>
+1<o:p></o:p></p>
<div>
<p class="MsoNormal">On 07/12/2016 05:54 PM, Samuel
Henrique De Oliveira Guimaraes wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D">Samuel</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span><o:p></o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">From:</span></b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US"> Aline Manera [<a
moz-do-not-send="true"
href="mailto:alinefm@linux.vnet.ibm.com">mailto:alinefm@linux.vnet.ibm.com</a>]
<br>
<b>Sent:</b> terça-feira, 12 de julho de 2016
09:53<br>
<b>To:</b> Samuel Henrique De Oliveira Guimaraes
<a moz-do-not-send="true"
href="mailto:samuel.guimaraes@eldorado.org.br">
<samuel.guimaraes@eldorado.org.br></a>;
<a moz-do-not-send="true"
href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
<b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok /
Ginger sidebar</span><o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt">Hi
Samuel,<br>
<br>
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.<br>
<br>
Regards,<br>
Aline Manera<o:p></o:p></p>
<div>
<p class="MsoNormal">On 07/11/2016 06:12 PM, Samuel
Henrique De Oliveira Guimaraes wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span style="color:#1F497D">Hi
team,</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US">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).</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US">Samuel</span><o:p></o:p></p>
<p class="MsoNormal"><span style="color:#1F497D"
lang="EN-US"> </span><o:p></o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">From:</span></b><span
style="color:windowtext;mso-fareast-language:PT-BR"
lang="EN-US">
<a moz-do-not-send="true"
href="mailto:kimchi-devel-bounces@ovirt.org">kimchi-devel-bounces@ovirt.org</a>
[<a moz-do-not-send="true"
href="mailto:kimchi-devel-bounces@ovirt.org">mailto:kimchi-devel-bounces@ovirt.org</a>]
<b>On Behalf Of </b>Chandra Shekhar Reddy
Potula<br>
<b>Sent:</b> quinta-feira, 7 de julho de 2016
09:50<br>
<b>To:</b> <a moz-do-not-send="true"
href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
<b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok /
Ginger sidebar</span><o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"> <o:p></o:p></p>
<p>Hi Samuel,<o:p></o:p></p>
<p>First of all thanks for your extensive
investigation on various possibilities in front of
us !!!<o:p></o:p></p>
<p>I personally liked the option <span lang="EN-US"><a
moz-do-not-send="true"
href="https://www.sitepoint.com/">https://www.sitepoint.com/</a>
which would be ideal to have with possibly 3 level
navigation.</span><o:p></o:p></p>
<p><span lang="EN-US">Nevertheless, let us start with
having side pane to provide immediate relief with
the way proposed in the figures
</span>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.<o:p></o:p></p>
<p>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
<span lang="EN-US"><a moz-do-not-send="true"
href="https://www.sitepoint.com/">https://www.sitepoint.com/</a></span><o:p></o:p></p>
<div>
<p class="MsoNormal">Thanks and Regards<br>
Chandra<br>
<br>
On 7/5/16 12:32 AM, Samuel Henrique De Oliveira
Guimaraes wrote:<o:p></o:p></p>
</div>
<blockquote
style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal">Hi team,<o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">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:</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l0 level1
lfo4"><!--[if !supportLists]--><span
style="font-family:Symbol"><span
style="mso-list:Ignore">·<span
style="font:7.0pt "Times New
Roman"">
</span></span></span><!--[endif]--><span
lang="EN-US"><a moz-do-not-send="true"
href="http://www.worldwildlife.org/">http://www.worldwildlife.org/</a>
-
<a moz-do-not-send="true"
href="https://vimeo.com/166812605">https://vimeo.com/166812605</a></span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l0 level1
lfo4"><!--[if !supportLists]--><span
style="font-family:Symbol"><span
style="mso-list:Ignore">·<span
style="font:7.0pt "Times New
Roman"">
</span></span></span><!--[endif]--><span
lang="EN-US"><a moz-do-not-send="true"
href="https://www.theguardian.com/us">https://www.theguardian.com/us</a>
-
<a moz-do-not-send="true"
href="https://vimeo.com/166812599">https://vimeo.com/166812599</a></span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l0 level1
lfo4"><!--[if !supportLists]--><span
style="font-family:Symbol"><span
style="mso-list:Ignore">·<span
style="font:7.0pt "Times New
Roman"">
</span></span></span><!--[endif]--><span
lang="EN-US"><a moz-do-not-send="true"
href="https://next.ft.com/fastft">https://next.ft.com/fastft</a>
-
<a moz-do-not-send="true"
href="https://vimeo.com/166812597">https://vimeo.com/166812597</a></span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">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.</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">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:</span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l1 level1
lfo6"><!--[if !supportLists]--><span
style="font-family:Symbol"><span
style="mso-list:Ignore">·<span
style="font:7.0pt "Times New
Roman"">
</span></span></span><!--[endif]--><span
lang="EN-US"><a moz-do-not-send="true"
href="http://codepen.io/SitePoint/full/uIemr/">http://codepen.io/SitePoint/full/uIemr/</a></span><o:p></o:p></p>
<p class="MsoListParagraph"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoListParagraph"
style="text-indent:-18.0pt;mso-list:l1 level1
lfo6"><!--[if !supportLists]--><span
style="font-family:Symbol"><span
style="mso-list:Ignore">·<span
style="font:7.0pt "Times New
Roman"">
</span></span></span><!--[endif]--><span
lang="EN-US"><a moz-do-not-send="true"
href="https://codepen.io/benske/full/cxrta/">https://codepen.io/benske/full/cxrta/</a></span><o:p></o:p></p>
<p class="MsoListParagraph"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">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:
<a moz-do-not-send="true"
href="https://www.sitepoint.com/">https://www.sitepoint.com/</a></span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">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.
</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">Regards,</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">Samuel</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><br>
<br>
<br>
<br>
<br>
<br>
<br>
</span><o:p></o:p></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><br>
<br>
<br>
<br>
<br>
<br>
</span><o:p></o:p></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><br>
<br>
<br>
<br>
<br>
</span><o:p></o:p></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt"><br>
<br>
<br>
<br>
<br>
<br>
</span><o:p></o:p></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:12.0pt"><br>
<br>
<br>
<br>
</span><o:p></o:p></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
</blockquote>
<p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
</blockquote>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
</div>
</blockquote>
<br>
</body>
</html>