diff options
| author | Belen Barros Pena <belen.barros.pena@linux.intel.com> | 2016-04-12 15:56:43 +0100 |
|---|---|---|
| committer | Richard Purdie <richard.purdie@linuxfoundation.org> | 2016-06-15 08:35:03 +0100 |
| commit | 443f7b39158c891015a791814b9b1fe2324edc41 (patch) | |
| tree | 3f570a138594273bc7498225e066b7f9a99bf0c5 /bitbake/lib/toaster/toastergui/templates/base.html | |
| parent | 79e0eb9e52e9b954aa3b6bc6dee15a75b5eb990c (diff) | |
| download | poky-443f7b39158c891015a791814b9b1fe2324edc41.tar.gz | |
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>
Diffstat (limited to 'bitbake/lib/toaster/toastergui/templates/base.html')
| -rw-r--r-- | bitbake/lib/toaster/toastergui/templates/base.html | 86 |
1 files changed, 44 insertions, 42 deletions
diff --git a/bitbake/lib/toaster/toastergui/templates/base.html b/bitbake/lib/toaster/toastergui/templates/base.html index 2cbc1872e8..73e4cd81c4 100644 --- a/bitbake/lib/toaster/toastergui/templates/base.html +++ b/bitbake/lib/toaster/toastergui/templates/base.html | |||
| @@ -8,9 +8,8 @@ | |||
| 8 | {% block title %} Toaster {% endblock %} | 8 | {% block title %} Toaster {% endblock %} |
| 9 | </title> | 9 | </title> |
| 10 | <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"/> | 10 | <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"/> |
| 11 | <link rel="stylesheet" href="{% static 'css/bootstrap-responsive.min.css' %}" type='text/css'/> | 11 | <!--link rel="stylesheet" href="{% static 'css/bootstrap-theme.css' %}" type="text/css"/--> |
| 12 | <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type='text/css'/> | 12 | <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type='text/css'/> |
| 13 | <link rel="stylesheet" href="{% static 'css/prettify.css' %}" type='text/css'/> | ||
| 14 | <link rel="stylesheet" href="{% static 'css/default.css' %}" type='text/css'/> | 13 | <link rel="stylesheet" href="{% static 'css/default.css' %}" type='text/css'/> |
| 15 | 14 | ||
| 16 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | 15 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| @@ -60,69 +59,72 @@ | |||
| 60 | {% endblock %} | 59 | {% endblock %} |
| 61 | </head> | 60 | </head> |
| 62 | 61 | ||
| 63 | <body style="height: 100%"> | 62 | <body> |
| 64 | 63 | ||
| 65 | {% csrf_token %} | 64 | {% csrf_token %} |
| 66 | <div id="loading-notification" class="alert lead text-center" style="display:none"> | 65 | <div id="loading-notification" class="alert lead text-center" style="display:none"> |
| 67 | Loading <i class="fa-pulse icon-spinner"></i> | 66 | Loading <i class="fa-pulse icon-spinner"></i> |
| 68 | </div> | 67 | </div> |
| 69 | 68 | ||
| 70 | <div id="change-notification" class="alert lead alert-info" style="display:none"> | 69 | <div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none"> |
| 71 | <button type="button" class="close" id="hide-alert">×</button> | 70 | <button type="button" class="close" id="hide-alert" data-dismiss="alert">×</button> |
| 72 | <span id="change-notification-msg"></span> | 71 | <span id="change-notification-msg"></span> |
| 73 | </div> | 72 | </div> |
| 74 | 73 | ||
| 75 | <div class="navbar navbar-fixed-top"> | 74 | <nav class="navbar navbar-default navbar-fixed-top"> |
| 76 | <div class="navbar-inner"> | 75 | <div class="container-fluid"> |
| 77 | <div class="container-fluid"> | 76 | <div class="navbar-header"> |
| 78 | <a class="brand logo" href="#"><img src="{% static 'img/logo.png' %}" class="" alt="Yocto logo project"/></a> | 77 | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav" aria-expanded="false"> |
| 79 | <span class="brand"> | 78 | <span class="sr-only">Toggle navigation</span> |
| 80 | <a href="/">Toaster</a> | 79 | <span class="icon-bar"></span> |
| 80 | <span class="icon-bar"></span> | ||
| 81 | <span class="icon-bar"></span> | ||
| 82 | </button> | ||
| 83 | <div class="toaster-navbar-brand"> | ||
| 84 | <a href="/"> | ||
| 85 | <img class="logo" src="{% static 'img/logo.png' %}" class="" alt="Yocto logo project"/> | ||
| 86 | </a> | ||
| 87 | <a class="brand" href="/">Toaster</a> | ||
| 81 | {% if DEBUG %} | 88 | {% if DEBUG %} |
| 82 | <i class="icon-info-sign" title="<strong>Toaster version information</strong>" data-content="<dl><dt>Git branch</dt><dd>{{TOASTER_BRANCH}}</dd><dt>Git revision</dt><dd>{{TOASTER_REVISION}}</dd></dl>"></i> | 89 | <span class="glyphicon glyphicon-info-sign" title="<strong>Toaster version information</strong>" data-content="<dl><dt>Git branch</dt><dd>{{TOASTER_BRANCH}}</dd><dt>Git revision</dt><dd>{{TOASTER_REVISION}}</dd></dl>"></i> |
| 83 | {% endif %} | 90 | {% endif %} |
| 84 | </span> | 91 | </div> |
| 85 | {% if request.resolver_match.url_name != 'landing' and request.resolver_match.url_name != 'newproject' %} | 92 | </div> |
| 86 | <ul class="nav"> | 93 | <div class="collapse navbar-collapse" id="global-nav"> |
| 87 | <li {% if request.resolver_match.url_name == 'all-builds' %} | 94 | <ul class="nav navbar-nav"> |
| 88 | class="active" | 95 | {% if request.resolver_match.url_name != 'landing' and request.resolver_match.url_name != 'newproject' %} |
| 89 | {% endif %}> | 96 | <li {% if request.resolver_match.url_name == 'all-builds' %} |
| 97 | class="active" | ||
| 98 | {% endif %}> | ||
| 90 | <a href="{% url 'all-builds' %}"> | 99 | <a href="{% url 'all-builds' %}"> |
| 91 | <i class="icon-tasks"></i> | 100 | <i class="glyphicon glyphicon-tasks"></i> |
| 92 | All builds | 101 | All builds |
| 93 | </a> | 102 | </a> |
| 94 | </li> | 103 | </li> |
| 95 | <li {% if request.resolver_match.url_name == 'all-projects' %} | 104 | <li {% if request.resolver_match.url_name == 'all-projects' %} |
| 96 | class="active" | 105 | class="active" |
| 97 | {% endif %}> | 106 | {% endif %}> |
| 98 | <a href="{% url 'all-projects' %}"> | 107 | <a href="{% url 'all-projects' %}"> |
| 99 | <i class="icon-folder-open"></i> | 108 | <i class="icon-folder-open"></i> |
| 100 | All projects | 109 | All projects |
| 101 | </a> | 110 | </a> |
| 102 | </li> | 111 | </li> |
| 103 | </ul> | 112 | {% endif %} |
| 104 | {% endif %} | 113 | <li> |
| 105 | <ul class="nav pull-right"> | ||
| 106 | <li> | ||
| 107 | <a target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html"> | 114 | <a target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html"> |
| 108 | <i class="icon-book"></i> | 115 | <i class="glyphicon glyphicon-book"></i> |
| 109 | Manual | 116 | Documentation |
| 110 | </a> | 117 | </a> |
| 111 | </li> | 118 | </li> |
| 112 | </ul> | 119 | </ul> |
| 113 | <span class="pull-right divider-vertical"></span> | 120 | <a class="btn btn-default navbar-btn navbar-right" id="new-project-button" href="{% url 'newproject' %}">New project</a> |
| 114 | <div class="btn-group pull-right"> | ||
| 115 | <a class="btn" id="new-project-button" href="{% url 'newproject' %}">New project</a> | ||
| 116 | </div> | 121 | </div> |
| 117 | </div> | ||
| 118 | </div> | 122 | </div> |
| 119 | </div> | 123 | </nav> |
| 120 | 124 | ||
| 121 | <div class="container-fluid top-padded"> | 125 | <div class="container-fluid"> |
| 122 | <div class="row-fluid"> | 126 | {% block pagecontent %} |
| 123 | {% block pagecontent %} | 127 | {% endblock %} |
| 124 | {% endblock %} | ||
| 125 | </div> | ||
| 126 | </div> | 128 | </div> |
| 127 | </body> | 129 | </body> |
| 128 | </html> | 130 | </html> |
