diff options
| author | Alexandru DAMIAN <alexandru.damian@intel.com> | 2013-12-11 16:42:34 +0000 |
|---|---|---|
| committer | Richard Purdie <richard.purdie@linuxfoundation.org> | 2014-01-10 15:20:25 +0000 |
| commit | 2251426ae420640c082ec0d0109b9be435075411 (patch) | |
| tree | 0f58f48d18bbfd9054c928f3ef554365f74d6ed8 /bitbake/lib/toaster/toastergui/templates/base.html | |
| parent | c2fc6ca2fa68aca17235cac306b6df4b882fe9ff (diff) | |
| download | poky-2251426ae420640c082ec0d0109b9be435075411.tar.gz | |
bitbake: toaster: Create the base page navigation structure
Updating the general container pages to use the graphical
design and features from the design phase.
In the process of adapting the Simple UI to the designed
interface, we create all the pages and the navigation
structure for the Toaster GUI.
Views for each page have been added, and the url mapping
has been updated to reflect newly added pages.
The table page has been refactored to be component-oriented
instead of class-oriented in order to facilitate reusage.
Changes are made in different layers of the template
(base, basetable) in order to maximize code reuse among
different pages in the build.
(Bitbake rev: d31f039ae31b77023722c06e66542751536a1362)
Signed-off-by: Alexandru DAMIAN <alexandru.damian@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 | 64 |
1 files changed, 49 insertions, 15 deletions
diff --git a/bitbake/lib/toaster/toastergui/templates/base.html b/bitbake/lib/toaster/toastergui/templates/base.html index d58cbeaed5..3508962e67 100644 --- a/bitbake/lib/toaster/toastergui/templates/base.html +++ b/bitbake/lib/toaster/toastergui/templates/base.html | |||
| @@ -1,30 +1,64 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | {% load static %} | 2 | {% load static %} |
| 3 | <html> | 3 | <html> |
| 4 | <head> | 4 | <head> |
| 5 | <title>Toaster Simple Explorer</title> | 5 | <title>Toaster</title> |
| 6 | <script src="{% static 'js/jquery-2.0.3.js' %}"> | 6 | <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"> |
| 7 | <link rel="stylesheet" href="{% static 'css/bootstrap-responsive.min.css' %}" type='text/css'> | ||
| 8 | <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type='text/css'> | ||
| 9 | <link rel="stylesheet" href="{% static 'css/prettify.css' %}" type='text/css'> | ||
| 10 | <link rel="stylesheet" href="{% static 'css/default.css' %}" type='text/css'> | ||
| 11 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| 12 | <script src="{% static 'js/jquery-2.0.3.min.js' %}"> | ||
| 7 | </script> | 13 | </script> |
| 8 | <script src="{% static 'js/bootstrap.js' %}"> | 14 | <script src="{% static 'js/bootstrap.min.js' %}"> |
| 9 | </script> | 15 | </script> |
| 10 | <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet" type="text/css"> | 16 | <script src="{% static 'js/prettify.js' %}"> |
| 11 | </head> | 17 | </script> |
| 18 | <script src="{% static 'js/main.js' %}"> | ||
| 19 | </script> | ||
| 20 | <script> | ||
| 21 | function reload_params(params) { | ||
| 22 | uri = window.location.href; | ||
| 23 | [url, parameters] = uri.split("?"); | ||
| 24 | // deserialize the call parameters | ||
| 25 | cparams = parameters.split("&"); | ||
| 26 | nparams = {} | ||
| 27 | for (i = 0; i < cparams.length; i++) { | ||
| 28 | temp = cparams[i].split("="); | ||
| 29 | nparams[temp[0]] = temp[1]; | ||
| 30 | } | ||
| 31 | // update parameter values | ||
| 32 | for (i in params) { | ||
| 33 | nparams[encodeURIComponent(i)] = encodeURIComponent(params[i]); | ||
| 34 | } | ||
| 35 | // serialize the structure | ||
| 36 | callparams = [] | ||
| 37 | for (i in nparams) { | ||
| 38 | callparams.push(i+"="+nparams[i]); | ||
| 39 | } | ||
| 40 | window.location.href = url+"?"+callparams.join('&'); | ||
| 41 | |||
| 42 | } | ||
| 43 | </script> | ||
| 44 | </head> | ||
| 12 | 45 | ||
| 13 | <body style="height: 100%"> | 46 | <body style="height: 100%"> |
| 14 | <div style="width:100%; height: 100%; position:absolute"> | 47 | <div class="navbar navbar-static-top"> |
| 15 | <div style="width: 100%; height: 3em" class="nav"> | 48 | <div class="navbar-inner"> |
| 16 | <ul class="nav nav-tabs"> | 49 | <a class="brand logo" href="#"><img src="{% static 'img/logo.png' %}" class="" alt="Yocto logo project"/></a> |
| 17 | <li><a href="{% url "all-builds" %}">All Builds</a></li> | 50 | <a class="brand" href="/">Toaster</a> |
| 18 | <li><a href="{% url "all-layers" %}">All Layers</a></li> | 51 | <a class="pull-right manual" href="#"> |
| 19 | </ul> | 52 | <i class="icon-book"></i> |
| 53 | Toaster manual | ||
| 54 | </a> | ||
| 55 | </div> | ||
| 20 | </div> | 56 | </div> |
| 21 | 57 | ||
| 22 | <div style="overflow-y:scroll; width: 100%; position: absolute; top: 3em; bottom:70px "> | 58 | <div class="container-fluid"> |
| 23 | {% block pagecontent %} | 59 | {% block pagecontent %} |
| 24 | {% endblock %} | 60 | {% endblock %} |
| 25 | </div> | 61 | </div> |
| 26 | <div class="navbar" style="position: absolute; bottom: 0; width:100%"><br/>About Toaster | Yocto Project </div> | ||
| 27 | </div> | ||
| 28 | </body> | 62 | </body> |
| 29 | </html> | 63 | </html> |
| 30 | 64 | ||