1 files changed, 46 insertions, 0 deletions

diff --git a/bitbake/lib/toaster/toastergui/templates/package_included_detail.html b/bitbake/lib/toaster/toastergui/templates/package_included_detail.html
new file mode 100644
index 0000000000..018de3eb42
--- /dev/null
+++ b/bitbake/lib/toaster/toastergui/templates/package_included_detail.html
@@ -0,0 +1,46 @@
+{% extends "package_detail_base.html" %}
+{% load projecttags %}
+
+{% block title %}
+{% with fullPackageSpec=package.name|add:"-"|add:package.version|add:"-"|add:package.revision|filtered_packagespec %}
+        <h1>{{fullPackageSpec}} <small>({{target.target}})</small></h1>
+{% endwith %}
+{% endblock title %}
+
+{% block tabcontent %}
+{% with fullPackageSpec=package.name|add:"-"|add:package.version|add:"-"|add:package.revision|filtered_packagespec packageFileCount=package.buildfilelist_package.count %}
+    {% include "package_included_tabs.html" with active_tab="detail" %}
+    <div class="tab-content">
+        <div class="tab-pane active" id="files">
+            {% if packageFileCount > 0 %}
+            <table class="table table-bordered table-hover">
+                <thead>
+                    <tr>
+                        <th>File</th>
+                        <th>Size</th>
+                    </tr>
+                </thead>
+                {% for file in package.buildfilelist_package.all|dictsort:"path" %}
+                    <tbody>
+                        <tr>
+                            <td>
+                                <a href="{% url 'image_information_dir' build.id target.id file.id %}">
+                                    {{file.path}}
+                                </a>
+                             </td>
+                            <td>{{file.size|filtered_filesizeformat}}</td>
+                        </tr>
+                    </tbody>
+                {% endfor %}
+            </table>
+
+            {% else %}
+            <div class="alert alert-info">
+                <strong>{{fullPackageSpec}}</strong> does not generate any files.
+            </div>
+            {% endif %}
+        </div> <!-- end tab-pane -->
+    </div> <!-- end tab content -->
+
+{% endwith %}
+{% endblock tabcontent %}