diff options
Diffstat (limited to 'bitbake/lib/toaster/toastergui/templates/recipedetails.html')
-rw-r--r-- | bitbake/lib/toaster/toastergui/templates/recipedetails.html | 154 |
1 files changed, 76 insertions, 78 deletions
diff --git a/bitbake/lib/toaster/toastergui/templates/recipedetails.html b/bitbake/lib/toaster/toastergui/templates/recipedetails.html index 23aa171ce6..19b18ffcda 100644 --- a/bitbake/lib/toaster/toastergui/templates/recipedetails.html +++ b/bitbake/lib/toaster/toastergui/templates/recipedetails.html | |||
@@ -4,25 +4,23 @@ | |||
4 | {% load static %} | 4 | {% load static %} |
5 | {% block pagecontent %} | 5 | {% block pagecontent %} |
6 | 6 | ||
7 | <div class="section"> | 7 | <ul class="breadcrumb"> |
8 | <ul class="breadcrumb"> | 8 | <li> |
9 | <li> | 9 | <a href="{% url 'project' project.id %}">{{project.name}}</a> |
10 | <a href="{% url 'project' project.id %}">{{project.name}}</a> | 10 | <span class="divider">→</span> |
11 | <span class="divider">→</span> | 11 | </li> |
12 | </li> | 12 | <li> |
13 | <li> | 13 | {% if recipe.is_image %} |
14 | {% if recipe.is_image %} | 14 | <a href="{% url 'projectimagerecipes' project.id %}">Image recipes</a> |
15 | <a href="{% url 'projectimagerecipes' project.id %}">Image recipes</a> | 15 | {% else %} |
16 | {% else %} | 16 | <a href="{% url 'projectsoftwarerecipes' project.id %}">Software recipes</a> |
17 | <a href="{% url 'projectsoftwarerecipes' project.id %}">Software recipes</a> | 17 | {% endif %} |
18 | {% endif %} | 18 | <span class="divider">→</span> |
19 | <span class="divider">→</span> | 19 | </li> |
20 | </li> | 20 | <li class="active"> |
21 | <li class="active"> | 21 | {{recipe.name}} ({{recipe.layer_version.layer.name}}) |
22 | {{recipe.name}} ({{recipe.layer_version.layer.name}}) | 22 | </li> |
23 | </li> | 23 | </ul> |
24 | </ul> | ||
25 | </div> | ||
26 | 24 | ||
27 | <script src="{% static 'js/recipedetails.js' %}"></script> | 25 | <script src="{% static 'js/recipedetails.js' %}"></script> |
28 | <script> | 26 | <script> |
@@ -51,42 +49,40 @@ | |||
51 | 49 | ||
52 | {% include 'newcustomimage_modal.html' %} | 50 | {% include 'newcustomimage_modal.html' %} |
53 | 51 | ||
54 | <div class="row-fluid span11"> | 52 | <div class="alert alert-success lead" id="image-created-notification" style="margin-top: 15px; display: none"> |
55 | <div class="alert alert-success lead" id="image-created-notification" style="margin-top: 15px; display: none"> | 53 | <button type="button" data-dismiss="alert" class="close">x</button> |
56 | <button type="button" data-dismiss="alert" class="close">x</button> | 54 | Your custom image <strong>{{recipe.name}}</strong> has been created. You can now add or remove packages as needed. |
57 | Your custom image <strong>{{recipe.name}}</strong> has been created. You can now add or remove packages as needed. | 55 | </div> |
58 | </div> | 56 | <div class="page-header"> |
59 | <div class="page-header air"> | 57 | <h1> |
60 | <h1> | 58 | {{recipe.name}} |
61 | {{recipe.name}} | 59 | <small>({{recipe.layer_version.layer.name}})</small> |
62 | <small>({{recipe.layer_version.layer.name}})</small> | 60 | </h1> |
63 | </h1> | ||
64 | </div> | ||
65 | </div> | 61 | </div> |
66 | 62 | ||
67 | <div class="row-fluid span11"> | 63 | <div class="row"> |
68 | <div class="span8"> | 64 | <div class="col-md-8"> |
69 | <div class="button-place btn-group" id="customise-build-btns" | 65 | <div class="button-place btn-group" id="customise-build-btns" |
70 | style="width: 100%; | 66 | style="width: 100%; |
71 | {% if not in_project %} | 67 | {% if not in_project %} |
72 | display:none; | 68 | display:none; |
73 | {% endif %}"> | 69 | {% endif %}"> |
74 | <button class="btn btn-large span6 build-recipe-btn" style="width: 50%"> | 70 | <button class="btn btn-default btn-lg build-recipe-btn" style="width: 50%"> |
75 | Build {{recipe.name}} | 71 | Build {{recipe.name}} |
76 | </button> | 72 | </button> |
77 | {% if recipe.is_image %} | 73 | {% if recipe.is_image %} |
78 | <button class="btn btn-large span6 customise-btn" data-recipe="{{recipe.pk}}" style="width: 50%"> | 74 | <button class="btn btn-default btn-lg customise-btn" data-recipe="{{recipe.pk}}" style="width: 50%"> |
79 | Customise {{recipe.name}} | 75 | Customise {{recipe.name}} |
80 | </button> | 76 | </button> |
81 | {% endif %} | 77 | {% endif %} |
82 | </div> | 78 | </div> |
83 | <div class="button-place"> | 79 | <div class="button-place"> |
84 | <button class="btn btn-block btn-large" id="add-layer-btn" | 80 | <button class="btn btn-default btn-block btn-lg" id="add-layer-btn" |
85 | style="width:100%; | 81 | style="width:100%; |
86 | {% if in_project %} | 82 | {% if in_project %} |
87 | display:none; | 83 | display:none; |
88 | {% endif %}"> | 84 | {% endif %}"> |
89 | <i class="icon-plus"></i> | 85 | <i class="glyphicon glyphicon-plus"></i> |
90 | Add the {{recipe.layer_version.layer.name}} layer to your project to build or customise this image recipe | 86 | Add the {{recipe.layer_version.layer.name}} layer to your project to build or customise this image recipe |
91 | </button> | 87 | </button> |
92 | </div> | 88 | </div> |
@@ -106,7 +102,7 @@ | |||
106 | style="display:none" | 102 | style="display:none" |
107 | {% endif %} > | 103 | {% endif %} > |
108 | <p class="lead">Toaster has no package information for {{recipe.name}}. To generate package information, build {{recipe.name}}</p> | 104 | <p class="lead">Toaster has no package information for {{recipe.name}}. To generate package information, build {{recipe.name}}</p> |
109 | <button class="btn btn-info btn-large build-recipe-btn" style="margin:20px 0 10px 0;">Build {{recipe.name}}</button> | 105 | <button class="btn btn-info btn-lg build-recipe-btn" style="margin:20px 0 10px 0;">Build {{recipe.name}}</button> |
110 | </div> | 106 | </div> |
111 | 107 | ||
112 | <div class="alert alert-info air" id="packages-alert" | 108 | <div class="alert alert-info air" id="packages-alert" |
@@ -119,58 +115,60 @@ | |||
119 | </div> | 115 | </div> |
120 | </div> | 116 | </div> |
121 | </div> | 117 | </div> |
122 | <div class="span4 well"> | 118 | <div class="col-md-4"> |
123 | <h2 style="margin-bottom:20px;">About {{recipe.name}}</h2> | 119 | <div class="well"> |
124 | <dl> | 120 | <h2>About {{recipe.name}}</h2> |
125 | <dt> | 121 | <dl> |
122 | <dt> | ||
126 | Approx. packages included | 123 | Approx. packages included |
127 | <i class="icon-question-sign get-help" title="" data-original-title="The number of packages included is based on information from previous builds and from parsing layers, so we can never be sure it is 100% accurate"></i> | 124 | <span class="glyphicon glyphicon-question-sign get-help" title="The number of packages included is based on information from previous builds and from parsing layers, so we can never be sure it is 100% accurate"></span> |
128 | </dt> | 125 | </dt> |
129 | <dd class="no-packages">{{packages.count}}</dd> | 126 | <dd class="no-packages">{{packages.count}}</dd> |
130 | <dt> | 127 | <dt> |
131 | Approx. package size | 128 | Approx. package size |
132 | <i class="icon-question-sign get-help" title="" data-original-title="Package size is based on information from previous builds, so we can never be sure it is 100% accurate"></i> | 129 | <span class="glyphicon glyphicon-question-sign get-help" title="Package size is based on information from previous builds, so we can never be sure it is 100% accurate"></span> |
133 | </dt> | 130 | </dt> |
134 | <dd>{{approx_pkg_size.size__sum|filtered_filesizeformat}}</dd> | 131 | <dd>{{approx_pkg_size.size__sum|filtered_filesizeformat}}</dd> |
135 | {% if last_build %} | 132 | {% if last_build %} |
136 | <dt>Last build</dt> | 133 | <dt>Last build</dt> |
137 | <dd> | 134 | <dd> |
138 | <i class="icon-ok-sign success"></i> | 135 | <span class="glyphicon glyphicon-ok-circle"></span> |
139 | <a href="{% url 'projectbuilds' project.id%}">{{last_build.completed_on|date:"d/m/y H:i"}}</a> | 136 | <a href="{% url 'projectbuilds' project.id%}">{{last_build.completed_on|date:"d/m/y H:i"}}</a> |
140 | </dd> | 137 | </dd> |
141 | {% endif %} | 138 | {% endif %} |
142 | <dt>Recipe file</dt> | 139 | <dt>Recipe file</dt> |
143 | <dd> | 140 | <dd> |
144 | <code>{{recipe.file_path|cut_path_prefix:recipe.layer_version.local_path}}</code> | 141 | <code>{{recipe.file_path|cut_path_prefix:recipe.layer_version.local_path}}</code> |
145 | <a href="{{recipe.get_vcs_recipe_file_link_url}}"><i class="icon-share" title="" data-original-title="View recipe file"></i></a> | 142 | <a href="{{recipe.get_vcs_recipe_file_link_url}}"><span class="glyphicon glyphicon-new-window" title="View recipe file" data-toggle="tooltip"></span></a> |
146 | </dd> | 143 | </dd> |
147 | <dt>Layer</dt> | 144 | <dt>Layer</dt> |
148 | <dd><a href="{% url 'layerdetails' project.id recipe.layer_version.pk %}">{{recipe.layer_version.layer.name}}</a></dd> | 145 | <dd><a href="{% url 'layerdetails' project.id recipe.layer_version.pk %}">{{recipe.layer_version.layer.name}}</a></dd> |
149 | <dt> | 146 | <dt> |
150 | Summary | 147 | Summary |
151 | </dt> | 148 | </dt> |
152 | <dd> | 149 | <dd> |
153 | {{recipe.summary}} | 150 | {{recipe.summary}} |
154 | </dd> | 151 | </dd> |
155 | <dt> | 152 | <dt> |
156 | Description | 153 | Description |
157 | </dt> | 154 | </dt> |
158 | <dd> | 155 | <dd> |
159 | {{recipe.description}} | 156 | {{recipe.description}} |
160 | </dd> | 157 | </dd> |
161 | <dt>Version</dt> | 158 | <dt>Version</dt> |
162 | <dd> | 159 | <dd> |
163 | {{recipe.version}} | 160 | {{recipe.version}} |
164 | </dd> | 161 | </dd> |
165 | <dt>Section</dt> | 162 | <dt>Section</dt> |
166 | <dd> | 163 | <dd> |
167 | {{recipe.section}} | 164 | {{recipe.section}} |
168 | </dd> | 165 | </dd> |
169 | <dt>License</dt> | 166 | <dt>License</dt> |
170 | <dd> | 167 | <dd> |
171 | {{recipe.license}} | 168 | {{recipe.license}} |
172 | </dd> | 169 | </dd> |
173 | </dl> | 170 | </dl> |
171 | </div> | ||
174 | </div> | 172 | </div> |
175 | </div> | 173 | </div> |
176 | 174 | ||