Mise à jour de la gstion des images montees en volume

Author: RICHARD-Quentin

package.json

@@ -26,7 +26,7 @@
     "moment": "^2.30.1",
     "openapi-fetch": "^0.8.2",
     "pinia": "^2.1.7",
-    "quasar": "^2.14.3",
+    "quasar": "^2.15.4",
     "radash": "^12.1.0",
     "sass": "^1.70.0",
     "vue-eslint-parser": "^9.4.2"
@@ -42,6 +42,7 @@
     "@vueuse/nuxt": "^10.7.2",
     "dayjs-nuxt": "^2.1.9",
     "eslint": "^8.56.0",
+    "memfs": "^4.8.2",
     "nuxt": "^3.9.3",
     "nuxt-quasar-ui": "^2.0.7",
     "openapi-typescript": "^6.7.4",

src/components/appbar/index.vue

@@ -6,7 +6,7 @@ q-header
 
     q-btn(flat @click="backToIndex()")
       q-avatar(square)
-        img(src="/sesame-logo.svg")
+        q-img(src="/config/logo.png" error-src="/default.png" alt="Sesame logo")
       q-toolbar-title SESAME
     //q-separator(vertical dark inset).q-mx-md
     //sesame-AppbarMenu

src/layouts/simple-centered.vue

@@ -1,8 +1,17 @@
 <template lang="pug">
-  q-layout(view="lHh Lpr fff")
-    q-page-container
-      q-page.window-height.window-width.row.justify-center.items-center(
-        :style='{background: "linear-gradient(#5274C5, #9A4A9F)"}'
-      )
-        nuxt-page
+q-layout(view="lHh Lpr fff")
+  q-page-container
+    q-page.window-height.window-width.row.justify-center.items-center(
+      :style-fn="getStyle"
+    )
+      nuxt-page
 </template>
+
+<script lang="ts" setup>
+const getStyle = () => {
+  return {
+    backgroundImage: `url('/config/login-background.png'), linear-gradient(#5274C5, #9A4A9F)`,
+    backgroundSize: 'cover',
+  }
+}
+</script>

src/pages/login.vue

@@ -1,18 +1,28 @@
 <template lang="pug">
-  q-card.column.shadow-24(:style='{width: "250px"}')
-    q-toolbar.bg-primary.text-white
-      q-toolbar-title Connexion
+q-card.shadow-24.row(style="max-width: 800px;")
+  q-toolbar.bg-primary.text-white
+    q-toolbar-title Connexion
+  q-card-section.col-6.flex.items-center
+    q-img(src="/config/login-side.png" error-src="/default.png" alt="Ecole logo" style="max-width: 100%;")
+  q-card-section.col-6.column
     form(@submit.prevent='submit')
       q-card.no-shadow
         q-card-section.q-pt-sm.q-px-lg.q-pb-lg
           q-input(v-model="formData.username" label="Username" type="text")
           q-input(v-model="formData.password" label="Password" type="password" auto-complete='current-password')
         q-inner-loading(:showing='pending')
           q-spinner-grid(color='primary' size='50px')
-      q-card-actions
-        q-space
-        q-btn(@click.prevent='submit' type='submit' color='primary') Se connecter
-        q-space
+      q-card-actions.column.justify-between
+        .col.q-my-sm.flex.items-center
+          q-btn(@click.prevent='submit' type='submit' color='primary') Se connecter
+        .col.row
+          q-separator
+        .col.row.q-my-sm.justify-between
+          .col-4
+            q-btn(@click="" color="primary" style="height:100%" disabled) Se connecter avec CAS
+          .col-4
+            q-btn(@click="" color="primary" style="height:100%" disabled) Se connecter avec microsoft
+
 </template>
 
 <script lang="ts" setup>

src/public/config/.gitkeep

@@ -4575,6 +4575,13 @@ mdn-data@2.0.30:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
   integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
 
+memfs@^4.8.2:
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-4.8.2.tgz#9bb7c3e43647348451082557f05fb170b7442949"
+  integrity sha512-j4WKth315edViMBGkHW6NTF0QBjsTrcRDmYNcGsPq+ozMEyCCCIlX2d2mJ5wuh6iHvJ3FevUrr48v58YRqVdYg==
+  dependencies:
+    tslib "^2.0.0"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -5837,10 +5844,10 @@ punycode@^2.1.0:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
-quasar@^2.14.3:
-  version "2.14.3"
-  resolved "https://registry.yarnpkg.com/quasar/-/quasar-2.14.3.tgz#0956f6bcdc9ce5a76728e1d7b235e9ce963f1d89"
-  integrity sha512-7WzbtZxykLn2ic5oNpepZ2ZjDVpmxyVD4KC9rWe+Ia+4Er61svGr4jOuttN+Ok7IerLSCmKIRyjQMgasF60rFA==
+quasar@^2.15.4:
+  version "2.15.4"
+  resolved "https://registry.yarnpkg.com/quasar/-/quasar-2.15.4.tgz#764bd886671f98d75f682b1df917adaf7dc4a849"
+  integrity sha512-6Rtj0KrsVA0IV9zMZ6R7U7hOpwLS/6E06hsISVHRPn21KEm3XAwHdvy9xWz5kwqWraHRlcisFSDu/KPL4VQK1w==
 
 queue-microtask@^1.2.2:
   version "1.2.3"
@@ -6599,7 +6606,7 @@ ts-api-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
   integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
 
-tslib@^2.0.1:
+tslib@^2.0.0, tslib@^2.0.1:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==