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> |