<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@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;}
span.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:"Consolas",serif;
color:black;
mso-fareast-language:EN-US;}
span.EmailStyle21
{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;}
--></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]-->
</head>
<body bgcolor="white" lang="PT-BR" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal"><b><span lang="EN-US" style="color:windowtext;mso-fareast-language:PT-BR">From:</span></b><span lang="EN-US" style="color:windowtext;mso-fareast-language:PT-BR"> kimchi-devel-bounces@ovirt.org [mailto:kimchi-devel-bounces@ovirt.org]
<b>On Behalf Of </b>Atreye Mukhopadhyay<br>
<b>Sent:</b> terça-feira, 24 de maio de 2016 08:19<br>
<b>To:</b> kimchi-devel@ovirt.org<br>
<b>Subject:</b> Re: [Kimchi-devel] [WOK] [RFC} Checking Bootstrap 4 compatibility + dropping jQuery Bootgrid<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-bottom:12.0pt">I agree with Daniel and Chandra. We should wait for stable bootstrap 4 version.<br>
<br>
<span style="font-size:12.0pt;mso-fareast-language:PT-BR"><o:p></o:p></span></p>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span style="color:#1F497D;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><span lang="EN-US">On 5/24/2016 4:38 PM, Daniel Henrique Barboza wrote:<o:p></o:p></span></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal" style="margin-bottom:12.0pt"><span lang="EN-US"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal">On 05/24/2016 05:58 AM, Chandra Shekhar Reddy Potula wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal">On 5/23/16 10:30 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">Hi team,<o:p></o:p></p>
<p class="MsoNormal"> <o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">Last year Twitter announced the new version of Bootstrap. Wok currently uses a customized version of Bootstrap 3 Sass / SCSS files and looking at the Alpha code it seems that porting Wok to the new version won’t be difficult:</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"><a href="http://v4-alpha.getbootstrap.com/migration/">http://v4-alpha.getbootstrap.com/migration/</a></span><o:p></o:p></p>
<p class="MsoNormal"><span 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">Samuel, Thanks for the RFC !!!<br>
For my education, is this official final bootstrap 4 version or is it still kind of non stable version (alpha sounds like that to me) ? If so when will be the official bootstrap 4 ?</span><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#1F497D;mso-fareast-language:PT-BR"><o:p></o:p></span></p>
<p class="MsoNormal" style="margin-right:72.0pt"><span style="color:#1F497D;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#1F497D;mso-fareast-language:PT-BR">Yes, it is an Alpha version and they are still working and providing support for Bootstrap 3. They don’t post a roadmap but judging by Bootstrap 3 release log, they took
almost a year to move from RC2 to the first stable release, however, their community is bigger now and I don’t think they discarded everything from the old code in this new version so it may take less time until we have a public stable release. This is just
a study for future Wok releases.</span><span lang="EN-US" style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
<br>
<o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US">-Browser Support: Ok!<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">-SCSS environment: Ok!<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">-Dropped glyphicons: Ok! We already use Font-Awesome<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">- Non-responsive usage of Bootstrap is no longer supported: Ok!</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">I recognize some classes from this document and I think that a minor drawback would be with the Media Queries that were already implemented throughout the application and some changes with the classes names. Ginger uses
a lot of “panel-“ classes that were replaced by “cards”, the “btn-default” button was renamed to “btn-secondary” and etc.</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US">The major issue is with jQuery Bootgrid plugin. It seems that they’re not planning to port to Bootstrap 4 until it gets stable. I think we should port our jQuery Bootgrid code to Datatables.net, since it has a vast documentation
and it already supports Bootstrap 4:</span><o:p></o:p></p>
<p class="MsoNormal"><span lang="EN-US"><a href="https://datatables.net/examples/styling/bootstrap4.html">https://datatables.net/examples/styling/bootstrap4.html</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">Any comments? </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">This will be major concerns as I feel lot of work if we have to do this.<br>
<br>
When you say "</span><span lang="EN-US" style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR">It seems that they’re not planning to port to Bootstrap 4 until it gets stable"? Do you mean until bootstrap 4 not stabilized bootgrid
team will not port or bootgrid itself have stabilization issues and they would not port until they stabilize bootgrid ?</span><span lang="EN-US" style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#1F497D;mso-fareast-language:PT-BR"><o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:0cm;margin-right:72.0pt;margin-bottom:5.0pt;margin-left:0cm">
<span lang="EN-US" style="color:#1F497D;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:0cm;margin-right:72.0pt;margin-bottom:5.0pt;margin-left:0cm">
<span lang="EN-US" style="color:#1F497D;mso-fareast-language:PT-BR">I’ve meant until Bootgrid is more stable and Bootstrap 4 final is released. They (Bootgrid team) don’t have any roadmap on their project, I’ve searched the Github page and found nothing. I’ll
try to reach the author to get a confirmation but the main reason why I suggested Datatables.net is due documentation and support. Datatables code is under MIT and they have a paid and free support forums.<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:0cm;margin-right:72.0pt;margin-bottom:5.0pt;margin-left:0cm">
<span lang="EN-US" style="color:#1F497D;mso-fareast-language:PT-BR">I may have to install Bootstrap 4 alpha and jQuery Bootgrid current version to test compatibility but we already applied our styles over Bootgrid / Bootstrap tables and they work fine so we
don’t have to discard them if Bootstrap 4 final is released and Bootgrid isn’t updated, as long as the JS keeps working without any error. With Sass it is really easy to “namespace” some classes and keep the old Bootstrap table classes with the new ones if
necessary.<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:0cm;margin-right:144.0pt;margin-bottom:5.0pt;margin-left:0cm">
<span lang="EN-US" style="color:#1F497D;mso-fareast-language:PT-BR">I did some digging and so far the only incompatible items I’ve seen are the Sort / Unsort icons and the pagination links (prev, next, first, last and the numbers). Within our Wok customization
we already replaced the sort icons with FontAwesome and I’m sure it is not difficult to replace the pagination links if we have to.
<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
If we have an answer that bootgrid team will wait till bootstrap 4 get stabilized then I would not hurry in porting our jQuery Bootgrid code to Datatables.net, since it will involve huge effort in porting and at the same time in testing.<o:p></o:p></span></p>
</blockquote>
<p class="MsoNormal"><span lang="EN-US" style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
</span><span style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR">I agree. Perhaps we should wait until Bootstrap 4 is stable too ...<br>
<br>
<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#1F497D;mso-fareast-language:PT-BR">I didn’t say that we should hurry and get the new Bootstrap as soon as it is released but we should keep an eye for the changes and measure the efforts in case we decide
to update. Bootstrap 3.3.6 had tons of fixes and changes from Bootstrap 3.2.0 for instance, mainly in JS but some in the CSS to support new and old browsers.<o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US" style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
So in my opinion, readiness is good idea but at the same time we have to make sure we are not spending efforts in porting any of the existing code unless we know that there will be no support at all !!!<br>
<br>
We have to take conscious decision !!! <br>
<br>
</span><span style="font-size:12.0pt;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US"> </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;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
<br>
<br>
<o:p></o:p></span></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a 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;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
<br>
<br>
<br>
<o:p></o:p></span></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a 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;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><br>
<br>
<br>
<br>
<o:p></o:p></span></p>
<pre>_______________________________________________<o:p></o:p></pre>
<pre>Kimchi-devel mailing list<o:p></o:p></pre>
<pre><a href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
<pre><a 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;font-family:"Times New Roman",serif;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
</div>
</body>
</html>