Usage statistics component added

README.md

@@ -20,13 +20,14 @@
   ![Stars](https://img.shields.io/github/stars/creatorsim/creator?style=social)
   ![Forks](https://img.shields.io/github/forks/dcamarmas/creator?style=social)
 
-  |                                        | URL                                            |
-  |:--------------------------------------:|:----------------------------------------------:|
-  | :computer: CREATOR                     | https://creatorsim.github.io/creator           |
-  | :globe_with_meridians: Project Website | https://creatorsim.github.io                   |
-  | :book: Documentation                   | https://creatorsim.github.io/creator-wiki      |
-  | :package: Docker Hub                   | https://hub.docker.com/repositories/creatorsim |
-  | :email: Email                          | [email protected]            |
+  |                                             | URL                                            |
+  |:-------------------------------------------:|:----------------------------------------------:|
+  | :computer: CREATOR                          | https://creatorsim.github.io/creator           |
+  | :globe_with_meridians: Project Website      | https://creatorsim.github.io                   |
+  | :book: Documentation                        | https://creatorsim.github.io/creator-wiki      |
+  | :package: Docker Hub                        | https://hub.docker.com/repositories/creatorsim |
+  | :chart_with_upwards_trend: Usage Statistics | https://lookerstudio.google.com/s/pQXDJar8aoM  |
+  | :email: Email                               | [email protected]            |
 
   <h3 align="center">Source Code</h3>
 

src/web/App.vue

@@ -43,6 +43,7 @@ import SettingsModal from "./components/general/SettingsModal.vue";
 import UIeltoNotifications from "./components/general/UIeltoNotifications.vue";
 import NavbarCREATOR from "./components/general/NavbarCREATOR.vue";
 import UIeltoInstitutions from "./components/general/UIeltoInstitutions.vue";
+import UIeltoStatistics from "./components/general/UIeltoStatistics.vue";
 import UIeltoAbout from "./components/general/AboutModal.vue";
 import UIeltoBackup from "./components/select_architecture/UIeltoBackup.vue";
 import MobileSettings from "./components/mobile/MobileSettings.vue";
@@ -79,6 +80,7 @@ export default {
     UIeltoNotifications,
     NavbarCREATOR,
     UIeltoInstitutions,
+    UIeltoStatistics,
     UIeltoAbout,
     UIeltoBackup,
     MobileSettings,
@@ -678,6 +680,9 @@ export default {
     <!-- Institutions modal -->
     <UIeltoInstitutions id="institutions" />
 
+    <!-- Statistics modal -->
+    <UIeltoStatistics id="statistics" />
+
     <!-- About modal -->
     <UIeltoAbout id="about" :dark="dark!" />
 

src/web/components/general/NavbarCREATOR.vue

@@ -378,9 +378,13 @@ export default defineComponent({
           <font-awesome-icon :icon="['fas', 'building-columns']" class="me-2" />
           Community
         </b-dropdown-item>
+        <b-dropdown-item v-b-modal.statistics>
+          <font-awesome-icon :icon="['fas', 'chart-line']" class="me-2" />
+          Usage Statistics
+        </b-dropdown-item>
         <b-dropdown-item v-b-modal.about>
           <font-awesome-icon :icon="['fas', 'address-card']" class="me-2" />
-          About Creator
+          About CREATOR
         </b-dropdown-item>
       </b-nav-item-dropdown>
     </b-navbar-nav>

src/web/components/general/UIeltoStatistics.vue

@@ -0,0 +1,42 @@
+<!--
+Copyright 2018-2026 CREATOR Team.
+
+This file is part of CREATOR.
+
+CREATOR is free software: you can redistribute it and/or modify
+it under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+CREATOR is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public License
+along with CREATOR.  If not, see <http://www.gnu.org/licenses/>.
+-->
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  props: {
+    id: { type: String, required: true },
+  },
+});
+</script>
+
+<template>
+  <b-modal :id="id" title="CREATOR Usage Statistics" scrollable no-footer size="xl">
+    <b-container fluid align-h="center" class="mx-0 px-0" style="height: 80vh;">
+      <iframe 
+          src="https://lookerstudio.google.com/embed/reporting/769b4a4c-4d22-4472-a293-2b7f20fad040/page/PjKmF" 
+          frameborder="0" 
+          style="border:0; width: 100%; height: 100%;" 
+          allowfullscreen
+          sandbox="allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"
+        >
+      </iframe>
+    </b-container>
+  </b-modal>
+</template>