Merge pull request #267 from N5GEH/242-dashboard-visualization-grafana-url

chore(projects): dashboard navigation and model change

Author: djs0109

.pre-commit-config.yaml

@@ -24,5 +24,5 @@ repos:
           "--force-scope",
           "--verbose",
           "--scopes",
-          "entirety,entities,users,subscriptions,smartdatamodels,devices,semantics"
+          "entirety,entities,users,subscriptions,smartdatamodels,devices,semantic,projects"
         ]

app/Entirety/projects/forms.py

@@ -31,6 +31,7 @@ def __init__(self, user, *args, **kwargs):
 
         self.fields["logo"].required = False
         self.fields["webpage_url"].required = False
+        self.fields["dashboard_url"].required = False
 
         self.fields["viewers"] = forms.ModelMultipleChoiceField(
             queryset=(
@@ -124,6 +125,7 @@ class Meta:
             "description",
             "fiware_service",
             "webpage_url",
+            "dashboard_url",
             "logo",
             "owner",
         ]
@@ -163,4 +165,11 @@ class Meta:
                     "title": "Project logo",
                 }
             ),
+            "dashboard_url": forms.URLInput(
+                attrs={
+                    "data-bs-toggle": "tooltip",
+                    "data-bs-placement": "left",
+                    "title": "Project dashboard url",
+                }
+            ),
         }

app/Entirety/projects/models.py

@@ -15,6 +15,7 @@ class Project(models.Model):
     fiware_service = models.CharField(max_length=64, null=True)
     fiware_service_path = models.CharField(max_length=1, default="/", null=True)
     webpage_url = models.URLField(max_length=200, null=True)
+    dashboard_url = models.URLField(max_length=200, null=True)
     logo = ResizedImageField(
         size=[160, 150], crop=["middle", "center"], upload_to="images/", null=True
     )

app/Entirety/projects/templates/projects/detail.html

@@ -31,5 +31,10 @@
                 <strong>Webpage Url:</strong> {{ project.webpage_url }}
             </div>
         </div>
+        <div class="row">
+            <div class="col mb-3">
+                <strong>Dashboard Url:</strong> {{ project.dashboard_url }}
+            </div>
+        </div>
     </div>
 {% endblock %}

app/Entirety/templates/sidebar.html

@@ -66,6 +66,16 @@
                             </a>
                         </li>
                         {% endif %}
+                        {% if project.dashboard_url %}
+                        <li class="nav-item border-bottom d-inline-flex">
+                            <a href="{{ project.dashboard_url }}" class="nav-link btn-sidebar py-md-2"
+                               data-bs-toggle="tooltip" data-bs-placement="right" data-bs-custom-class="d-md-none"
+                               title="Dashboard" target="_blank" rel="noopener noreferrer">
+                                <i class="bi bi-diagram-3"></i>
+                                <span class="d-none d-md-inline-flex">Dashboard</span>
+                            </a>
+                        </li>
+                        {% endif %}
                     {% endif %}
                 {% endif %}