From b5ae2b0629fea23e4f415a17cdb029435bf56d29 Mon Sep 17 00:00:00 2001
From: Cayo Puigdefabregas <cayo@usody.com>
Date: Fri, 7 Jul 2023 16:57:36 +0200
Subject: [PATCH] add manuals in templates:

---
 .../modules/did/templates/anonymous.html      | 14 ++++
 .../modules/did/templates/operator.html       | 76 +++++++++++++++++--
 .../modules/did/templates/verifier.html       | 14 ++++
 ereuse_devicehub/modules/did/views.py         |  9 ++-
 4 files changed, 104 insertions(+), 9 deletions(-)

diff --git a/ereuse_devicehub/modules/did/templates/anonymous.html b/ereuse_devicehub/modules/did/templates/anonymous.html
index b2efdadc..a154468c 100644
--- a/ereuse_devicehub/modules/did/templates/anonymous.html
+++ b/ereuse_devicehub/modules/did/templates/anonymous.html
@@ -69,6 +69,20 @@
               <div class="row">
                 <div class="col-12">
                   <h5 class="card-title">Details</h5>
+                  {% if manuals.details %}
+                  <div class="row">
+                    <div class="col">
+                      {% if manuals.details.logo %}
+                        <img style="max-width: 50px; margin-right: 15px;" src="{{ manuals.details.logo }}" />
+                      {% endif %}
+                    </div>
+                    <div class="col">
+                      {% if manuals.details.image %}
+                        <img style="width: 100px;" src="{{ manuals.details.image }}" />
+                      {% endif %}
+                    </div>
+                  </div>
+                  {% endif %}
                   <div class="row">
                     <div class="col">
                       Type
diff --git a/ereuse_devicehub/modules/did/templates/operator.html b/ereuse_devicehub/modules/did/templates/operator.html
index fff3018c..8116354c 100644
--- a/ereuse_devicehub/modules/did/templates/operator.html
+++ b/ereuse_devicehub/modules/did/templates/operator.html
@@ -68,7 +68,21 @@
               <h3 class="nav-link mt-5" style="color: #993365">{{ device_real.type }} - {{ device_real.verbose_name }}</h3>
               <div class="row">
                 <div class="col-12">
-                  <h5 class="card-title">Basic</h5>
+                  <h5 class="card-title">Details</h5>
+                  {% if manuals.details %}
+                  <div class="row">
+                    <div class="col">
+                      {% if manuals.details.logo %}
+                        <img style="max-width: 50px; margin-right: 15px;" src="{{ manuals.details.logo }}" />
+                      {% endif %}
+                    </div>
+                    <div class="col">
+                      {% if manuals.details.image %}
+                        <img style="width: 100px;" src="{{ manuals.details.image }}" />
+                      {% endif %}
+                    </div>
+                  </div>
+                  {% endif %}
                   <div class="row">
                     <div class="col">
                       Type
@@ -148,7 +162,7 @@
                 </div>
               </div>
               <div class="row mt-3">
-                <div class="col-5">
+                <div class="col-6">
                   <h5 class="card-title">Status</h5>
                   <div class="row">
                     <div class="col">
@@ -174,6 +188,51 @@
                       </div>
                     </div>
                   </div>
+                </div>
+                <div class="col-6">
+                  {% if manuals.icecat %}
+                  <h5 class="card-title">Icecat data sheet</h5>
+                    <div class="row">
+                      <div class="col-12 list-group-item d-flex align-items-center">
+                        {% if manuals.details.logo %}
+                          <img style="max-width: 50px; margin-right: 15px;" src="{{ manuals.details.logo }}" />
+                        {% endif %}
+                        {% if manuals.details.image %}
+                          <img style="max-width: 100px; margin-right: 15px;" src="{{ manuals.details.image }}" />
+                        {% endif %}
+                        {% if manuals.details.pdf %}
+                          <a href="{{ manuals.details.pdf }}" target="_blank">{{ manuals.details.title }}</a><br />
+                        {% else %}
+                          {{ manuals.details.title }}<br />
+                        {% endif %}
+                      </div>
+                      <div class="col-12 accordion-item">
+                        <h5 class="card-title accordion-header">
+                          <button class="accordion-button collapsed" data-bs-target="#manuals-icecat" type="button"
+                            data-bs-toggle="collapse" aria-expanded="false">
+                            More examples
+                          </button>
+                        </h5>
+                        <div id="manuals-icecat" class="row accordion-collapse collapse">
+                          <div class="accordion-body">
+                            {% for m in manuals.icecat %}
+                            <div class="list-group-item d-flex align-items-center">
+                              {% if m.logo %}
+                                <img style="max-width: 50px; margin-right: 15px;" src="{{ m.logo }}" />
+                              {% endif %}
+                              {% if m.pdf %}
+                                <a href="{{ m.pdf }}" target="_blank">{{ m.title }}</a><br />
+                              {% else %}
+                                {{ m.title }}<br />
+                              {% endif %}
+                            </div>
+                            {% endfor %}
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  {% endif %}
+                </div>
               </div>
               <div class="row mt-3">
                 <div class="col-6">
@@ -223,10 +282,16 @@
                   </div>
                 </div>
               </div>
+              {% if manuals.ifixit %}
               <div class="row">
-                <div class="col-12">
-                  <h5 class="card-title">Repair manuals</h5>
-                  <div class="row">
+                <div class="col-12 accordion-item">
+                  <h5 class="card-title accordion-header">
+                    <button class="accordion-button collapsed" data-bs-target="#manuals-repair" type="button"
+                      data-bs-toggle="collapse" aria-expanded="false">
+                      Repair manuals
+                    </button>
+                  </h5>
+                  <div id="manuals-repair" class="row accordion-collapse collapse">
                     <div class="list-group col">
                       {% for m in manuals.ifixit %}
                       <div class="list-group-item d-flex align-items-center">
@@ -244,6 +309,7 @@
                   </div>
                 </div>
               </div>
+              {% endif %}
             </div>
           </div>
         </div>
diff --git a/ereuse_devicehub/modules/did/templates/verifier.html b/ereuse_devicehub/modules/did/templates/verifier.html
index bf6348be..ac0e17b9 100644
--- a/ereuse_devicehub/modules/did/templates/verifier.html
+++ b/ereuse_devicehub/modules/did/templates/verifier.html
@@ -69,6 +69,20 @@
               <div class="row">
                 <div class="col-12">
                   <h5 class="card-title">Details</h5>
+                  {% if manuals.details %}
+                  <div class="row">
+                    <div class="col">
+                      {% if manuals.details.logo %}
+                        <img style="max-width: 50px; margin-right: 15px;" src="{{ manuals.details.logo }}" />
+                      {% endif %}
+                    </div>
+                    <div class="col">
+                      {% if manuals.details.image %}
+                        <img style="width: 100px;" src="{{ manuals.details.image }}" />
+                      {% endif %}
+                    </div>
+                  </div>
+                  {% endif %}
                   <div class="row">
                     <div class="col">
                       Type
diff --git a/ereuse_devicehub/modules/did/views.py b/ereuse_devicehub/modules/did/views.py
index bd7e0ab5..b9a270b3 100644
--- a/ereuse_devicehub/modules/did/views.py
+++ b/ereuse_devicehub/modules/did/views.py
@@ -192,14 +192,15 @@ class DidView(View):
 
     def get_manuals(self):
         params = {
-            "manufacturer": 'HP' or self.device.manufacturer,
-            "model": 'Pavilion dv6000' or self.device.model,
+            "manufacturer": self.device.manufacturer,
+            "model": self.device.model,
         }
         self.params = json.dumps(params)
-        manuals = {'ifixit': {}, 'icecat': {}}
+        manuals = {'ifixit': [], 'icecat': [], 'details': {}}
         manuals['ifixit'] = self.request_manuals('ifixit')
         manuals['icecat'] = self.request_manuals('icecat')
-        # import pdb; pdb.set_trace()
+        if manuals['icecat']:
+            manuals['details'] = manuals['icecat'][0]
         self.context['manuals'] = manuals
 
     def request_manuals(self, prefix):