bitbake: toaster: Migrate project configuration from bootstrap 2 to bootstrap 3

Convert all the HTML templates, JS and CSS in the project parts of
toaster to use bootstrap 3.

(Bitbake rev: 69527a731eada699d3f604ff8f3ae9410981ba9b)

Signed-off-by: Belen Barros Pena <belen.barros.pena@linux.intel.com>
Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>

1 files changed, 10 insertions, 13 deletions

diff --git a/bitbake/lib/toaster/toastergui/templates/landing.html b/bitbake/lib/toaster/toastergui/templates/landing.html
index a1b5cdce75..498663294f 100644
--- a/bitbake/lib/toaster/toastergui/templates/landing.html
+++ b/bitbake/lib/toaster/toastergui/templates/landing.html
@@ -6,24 +6,22 @@
 
 {% block title %} Welcome to Toaster {% endblock %}
 {% block pagecontent %}
-    <div class="container-fluid">
-      <div class="row-fluid">
-        <div class="hero-unit span12 well-transparent">
-          <div class="row-fluid">
+      <div class="row">
+        <div class="jumbotron well-transparent">
 
-            <div class="span6">
+            <div class="col-md-6">
               <h1>This is Toaster</h1>
 
               <p>A web interface to <a href="http://www.openembedded.org">OpenEmbedded</a> and <a href="http://www.yoctoproject.org/tools-resources/projects/bitbake">BitBake</a>, the <a href="http://www.yoctoproject.org">Yocto Project</a> build system.</p>
 
                           {% if lvs_nos %}
-                            <p class="hero-actions">
-                              <a class="btn btn-primary btn-large" href="{% url 'newproject' %}">
+                            <p class="top-air">
+                              <a class="btn btn-primary btn-lg" href="{% url 'newproject' %}">
                                       To start building, create your first Toaster project
                               </a>
                             </p>
                           {% else %}
-                <div class="alert alert-info lead air">
+                <div class="alert alert-info lead top-air">
                   Toaster has no layer information. Without layer information, you cannot run builds. To generate layer information you can:
                   <ul>
                     <li>
@@ -36,7 +34,7 @@
                 </div>
               {% endif %}
 
-              <ul class="unstyled">
+              <ul class="list-unstyled lead">
                 <li>
                   <a href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html">
                     Read the Toaster manual
@@ -51,12 +49,11 @@
               </ul>
             </div>
 
-            <div class="span6">
-              <img alt="Yocto Project" class="thumbnail" src="{% static 'img/toaster_bw.png' %}"/>
+            <div class="col-md-6">
+              <img alt="Yocto Project Toaster" class="img-thumbnail" src="{% static 'img/toaster_bw.png' %}"/>
             </div>
 
-          </div>
         </div>
       </div>
-    </div>
+
 {% endblock %}