adding the dependance

better select buttons
researcher profile page separations
2024-03-30 13:10:11 +01:00 · 2024-03-30 12:38:18 +01:00 · 2024-03-30 12:38:18 +01:00 · 2024-03-30 12:38:18 +01:00 · 2024-03-30 12:38:18 +01:00 · 2024-03-30 12:38:17 +01:00
11 changed files with 180 additions and 217 deletions
--- a/1
+++ b/1
--- a/backend/build.gradle.kts
+++ b/backend/build.gradle.kts
@ -25,6 +25,7 @@ dependencies {
 	implementation("com.kohlschutter.junixsocket:junixsocket-core:2.9.0")
 	// implementation("org.springframework.session:spring-session-jdbc")
 	developmentOnly("org.springframework.boot:spring-boot-devtools")
+	// developmentOnly("org.springframework.boot:spring-boot-docker-compose")
 	runtimeOnly("org.postgresql:postgresql")
 	testImplementation("org.springframework.boot:spring-boot-starter-test")
 	testImplementation("org.springframework.boot:spring-boot-testcontainers")
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/ApplicationsController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/ApplicationsController.java
@ -47,7 +47,6 @@ public class ApplicationsController {

        //if unAuthed
        authorizedApps.add(Applications.Login);
-        authorizedApps.add(Applications.Schedule);

 		User user = authServ.getUserFromToken(token);
 		if(user == null)
--- a/backend/src/main/java/ovh/herisson/Clyde/Tables/Applications.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/Tables/Applications.java
@ -3,7 +3,6 @@ package ovh.herisson.Clyde.Tables;
 public enum Applications {
    // without any token
    Login,
-    Schedule,

    // with any token
    Profile,
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@ -8,6 +8,7 @@
      "name": "clyde",
      "version": "0.0.0",
      "dependencies": {
+        "@canvasjs/vue-charts": "^1.0.4",
        "vite-plugin-top-level-await": "^1.4.1",
        "vue": "^3.4.15",
        "vue3-toastify": "^0.2.1"
@ -29,6 +30,20 @@
        "node": ">=6.0.0"
      }
    },
+    "node_modules/@canvasjs/charts": {
+      "version": "3.7.45",
+      "resolved": "https://registry.npmjs.org/@canvasjs/charts/-/charts-3.7.45.tgz",
+      "integrity": "sha512-FPMX8wn+PEHzAa/GLBsL5lWB81AzKZLw51t7SiSUjMbtUN5/OIrmDcwUTw+53/Bbdd9gm2LLmxAdZsQ75JI31g=="
+    },
+    "node_modules/@canvasjs/vue-charts": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@canvasjs/vue-charts/-/vue-charts-1.0.4.tgz",
+      "integrity": "sha512-PzOA8xeb/f68a39uoFZNn843dGPU36bsqmbO5DWjP7k6FwkK5AeGkYa/H3RHC02Xc6mG68vg9aFNj2Fyqhu4UQ==",
+      "dependencies": {
+        "@canvasjs/charts": "^3.7.5",
+        "vue": ">=3.0.0"
+      }
+    },
    "node_modules/@esbuild/aix-ppc64": {
      "version": "0.19.12",
      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz",
--- a/frontend/package.json
+++ b/frontend/package.json
@ -9,6 +9,7 @@
    "preview": "vite preview"
  },
  "dependencies": {
+    "@canvasjs/vue-charts": "^1.0.4",
    "vite-plugin-top-level-await": "^1.4.1",
    "vue": "^3.4.15",
    "vue3-toastify": "^0.2.1"
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@ -25,6 +25,7 @@ window.addEventListener('hashchange', () => {
  const login=ref(i18n("app.login"))
  const active=ref(false)

+
 	const apps = ref([])
 	appList().then(e => apps.value = e)

--- a/frontend/src/Apps/ResearcherProfile.vue
+++ b/frontend/src/Apps/ResearcherProfile.vue
@ -0,0 +1,156 @@
+<script setup>
+  import CanvasJSChart from "@canvasjs/vue-charts";
+
+  const chartData ={
+      options: {
+    theme: "light2",
+        animationEnabled: true,
+        title:{
+      text: "Visitors By Channel"
+    },
+    data: [{
+      type: "pie",
+      indexLabel: "{label} (#percent%)",
+      yValueFormatString: "#,##0",
+      toolTipContent: "<span style='\"'color: {color};'\"'>{label}</span> {y}(#percent%)",
+      dataPoints: [
+        { label: "Organic Traffic", y: 130631 },
+        { label: "Direct", y: 28874 },
+        { label: "Referral", y: 15467 },
+        { label: "Social", y: 10543 },
+        { label: "Email", y: 5613 },
+        { label: "Others", y: 8492 }
+      ]
+    }]
+  },
+  styleOptions: {
+    width: "100%",
+        height: "360px"
+  }
+  }
+
+
+</script>
+
+<template>
+<div id="main">
+  <div id="profilePicture">
+    <img src="/Clyde.png">
+  </div>
+  <div id="researcherInfos">
+    <div class="surrounded" >
+      John Doe
+
+    </div>
+    <div class="surrounded" >
+      Orcid :
+      12144-2144-12336-B
+
+    </div>
+    <div class="surrounded" >
+      Email : John.Doe@umons.ac.be
+
+    </div>
+
+    <div class="surrounded" >
+      site :
+      <a href="http://localhost:5173" style="color: #007aff">here</a>
+
+    </div>
+    <div class="surrounded" >
+      Domain : physics, IT
+    </div>
+    <div id="coAuthorList" class="surrounded">
+     Co-authors list : D
+    </div>
+
+  </div>
+  <div id="stats">
+    <div class="surrounded">
+      Stat type : <select name="stats" id="stats-select">
+      <option value="views">Views</option>
+      <option value="co-authors">Co-authors</option>
+      <option value="articles">Articles</option>
+      <option value="language">Languages</option>
+    </select>
+    </div>
+    <div class="surrounded">
+      Class by: <select name="classedBy" id="classed-select">
+      <option value="years">Years</option>
+      <option value="months">Months</option>
+      <option value="topics">Topics</option>
+    </select>
+    </div>
+    <div id="statsPie">
+      <CanvasJSChart :data="chartData"/>
+
+
+
+    </div>
+
+  </div>
+  <div id="articles">
+
+  </div>
+</div>
+</template>
+
+<style scoped>
+
+#main {
+  display: grid;
+  grid-template-columns: 22% auto;
+  grid-template-rows: 26% auto;
+  height: 100%;
+  width: 100%;
+}
+
+
+#profilePicture {
+  display: flex;
+  justify-content: center;
+}
+#profilePicture img{
+  align-self: center;
+  justify-self: center;
+  width:60%;
+}
+
+#researcherInfos {
+  display: grid;
+  grid-template-columns: auto auto auto;
+  column-gap: 5px;
+  grid-template-rows: auto auto ;
+}
+.surrounded {
+  border:2px solid black;
+  color:white;
+  font-size: x-large;
+  align-self: center;
+  text-align: center;
+  background-color: rgba(255, 255, 255, 0.09);
+  border-radius:20px;margin-bottom:10px;
+}
+
+.surrounded select {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  border: 1px solid black;
+  color: white;
+  background-color: rgb(255,255,255,0.1);
+  font-size: large;
+  align-self: center;
+  text-align: center;
+
+}
+
+#stats {
+
+}
+
+
+#articles {
+  background-color: orange;
+}
+
+</style>
--- a/frontend/src/Apps/Schedule.vue
+++ b/frontend/src/Apps/Schedule.vue
@ -1,211 +0,0 @@
-<script setup>
-  import { ref } from 'vue'
- 
-  const schedule = [
-    {course:"Math Pour L'info",
-     start:"Wed Mar 27 2024 10:15 GMT+0100",
-     end:"Wed Mar 27 2024 12:15 GMT+0100"},
-    {
-      course:"Calculus",
-      start:"Wed Mar 27 2024 08:00 GMT+0100",
-      end:"Wed Mar 27 2024 10:00 GMT+0100"
-      
-  },
-  {
-      course:"Physique II",
-      start:"Tue Mar 26 2024 10:15 GMT+0100",
-      end:"Tue Mar 26 2024 12:15 GMT+0100"      
-  },
-    {
-      course:"Math Pour L'info",
-      start:"Thu Mar 28 2024 10:15 GMT+0100",
-      end:"Thu Mar 28 2024 12:15 GMT+0100"      
-  }]
-  function formatDate(date) {
-    var d = new Date(date),
-        month = '' + (d.getMonth() + 1),
-        day = '' + d.getDate(),
-        year = d.getFullYear();
-
-    if (month.length < 2) 
-        month = '0' + month;
-    if (day.length < 2) 
-        day = '0' + day;
-
-    return [day, month, year].join('-');
-  }
-  function getMonday(d) {
-    d = new Date(d);
-    var day = d.getDay(),
-    diff = d.getDate() - day + (day == 0 ? -6 : 1);
-    return new Date(d.setDate(diff));
-  }
-
-  function getAnyDays(d){
-
-    var day = new Date(mondayOfWeek.value);
-    day.setDate(day.getDate() + d );
-
-    return day;
-  }
-
-  const mondayOfWeek=ref(getMonday(new Date(schedule[1].start)))
-
-  function isNotCourse(element){
-    return element==null;
-  }
-
-  function durationCourse(element){
-    const hour = element.end.substring(3,5) -element.start.substring(3,5);
-    
-    
-    return (element.end - element.start)%2;
-  }
-  function sortByDate(a, b) {
-    const nameA = a.start; // ignore upper and lowercase
-    const nameB = b.start; // ignore upper and lowercase
-    
-    if (nameA < nameB) {
-      return -1;
-    }
-    if (nameA > nameB) {
-      return 1;
-    }
-    return 0; 
-      }
-
-  function transpose(a) {
-    const trans = [[],[],[],[],[],[]];
-    for(let i = 0; i < 6;i++){
-      for(let j=0; j< 7; j++){
-        if(a[j][i] !== null){
-          trans[i].push(a[j][i]);
-        }
-      }
-    }
-    return trans;
-}
-
-  function matrixFromList(list){
-    const matrix = [[],[],[],[],[],[],[]];
-    for(let key in list){
-      const temp = [];
-      const day = new Date(list[key].start);
-      matrix[day.getDay()].push(list[key]);
-      matrix[day.getDay()].sort((a,b) => sortByDate(a,b));
-    }
-      return matrix;
-  }
-
-  
-  const schedule2 = matrixFromList(schedule);
-  const scheduleByWeek = transpose(schedule2);
-  
-  console.log(scheduleByWeek)
-
-</script>
-<template>
-  <div class="grid">
-    <div class="options" >
-    </div>
-    <div class="schedule">
-      <table class="table">
-        <tr style="background-color:rgb(24,24,24)">
-          <th/>
-          <th class="header">Lundi {{formatDate(getAnyDays(0))}}</th>
-          <th class="header">Mardi {{formatDate(getAnyDays(1))}}</th>
-          <th class="header">Mercredi {{formatDate(getAnyDays(2))}}</th>
-          <th class="header">Jeudi {{formatDate(getAnyDays(3))}}</th>
-          <th class="header">Vendredi {{formatDate(getAnyDays(4))}}</th>
-          <th class="header">Samedi {{formatDate(getAnyDays(5))}}</th>
-          <th class="header">Dimanche {{formatDate(getAnyDays(6))}}</th>
-        </tr>
-        <tr v-for="(n,index) in 12">
-          <th class="hour">{{8 + index}}:00-{{9+index}}:00</th>
-            <td v-for="m in 7"></td>
-        </tr>
-      </table>
-      <div class="courseGrid">
-        <div v-for="i in 7">
-          Test
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<style scoped>
-  .grid{
-    display:grid;
-    margin-top:2%;
-    align-items:center;
-    justify-content:center;
-    grid-template-columns:15vw 70vw;
-    column-gap:2.5vw;
-
-    grid-template-areas:"options schedule";
-  }
-  .schedule{
-    position:relative;  
-    border-radius:20px;
-    grid-area:schedule;
-    width:100%;
-    height:85vh;
-    background-color:rgba(255,255,255,0.1);    
-  }
-  .options{
-    border-radius:20px;
-    grid-area:options;
-    background-color:rgba(255,255,255,0.1);
-    width:100%;
-    height:85vh;
-  }
-
-  .table{
-    width:100%;
-    height:100%;
-    border-spacing:0;
-    border-collapse:separate;
-    border-radius: 20px;
-    border: 2px solid black
-  }
-  
-  .hour{
-    background-color:rgb(72,72,72)
-
-  }
-  
-  .header{
-    align-items:center;
-    width:12.5%;
-    color:#FFFFFF;
-  }
-  table th:not(:last-child),
-  table td:not(:last-child) {
-  border-right: 1px solid black;
-  }
-  
-  table tr:not(:last-child)>td,
-  table tr:not(:last-child)>th
-  {
-    border-bottom:1px solid black;
-  }
-  
-  .courseGrid{
-    top:13.75%;   
-    left:12.5%;
-    position:absolute;
-    width:87.5%;
-    height:86.25%; 
-    display:grid;
-    grid-template-columns:repeat(7,1fr);
-      }
-  
-
-  .course{
-    width:100%;
-    height:100%;
-    background-color:rgb(100,0,100);
-  }
-
-  
-</style>
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@ -4,5 +4,8 @@ import 'https://kit.fontawesome.com/fb3bbd0a95.js'

 import { createApp } from 'vue'
 import App from './App.vue'
+import CanvasJSChart from '@canvasjs/vue-charts';

-createApp(App).mount('#app')
+const app = createApp(App);
+app.use(CanvasJSChart);
+app.mount('#app');
--- a/frontend/src/rest/apps.js
+++ b/frontend/src/rest/apps.js
@ -9,16 +9,16 @@ import Profil from "@/Apps/Profil.vue"
 import Courses from "@/Apps/ManageCourses.vue"
 import Users from "@/Apps/UsersList.vue"
 import Students from "@/Apps/StudentsList.vue"
-import Schedule from "@/Apps/Schedule.vue"
+import ResearcherProfile from "@/Apps/ResearcherProfile.vue";

 const apps = {
-		'/schedule': Schedule,
 		'/login': LoginPage,
 		'/inscription': Inscription,
 		'/profil': Profil,
 		'/manage-courses' : Courses,
 		'/users-list' : Users,
 		'/students-list' : Students,
+		'/researcher-profile' : ResearcherProfile,
 }

 const appsList = {
Author	SHA1	Message	Date
Bartha Maxime	91ee3adbcd	adding the dependance	2024-03-30 13:10:11 +01:00
Bartha Maxime	c1b2742a8f	better select buttons	2024-03-30 12:38:18 +01:00
Bartha Maxime	2805fede4b	researcher profile page separations	2024-03-30 12:38:18 +01:00
Wawilski	951feed3c8	Full screen apps	2024-03-30 12:38:18 +01:00
Wawilski	95054fa973	Login 'fixed'	2024-03-30 12:38:18 +01:00
Wawilski	3af83a58d3	Just to merge	2024-03-30 12:38:17 +01:00
Anthony Debucquoy	47c5c14862	Make app use full space	2024-03-30 12:38:17 +01:00
Bartha Maxime	db895a6091	added temporary fix to docker issue	2024-03-23 14:38:26 +01:00