Try to display Team in the same page, not working now

2 years ago · 665f8b3e68
parent 7ea12f3c89
commit 665f8b3e68
4 changed files with 49 additions and 11 deletions
--- a/css/style.css
+++ b/css/style.css
@ -20,6 +20,24 @@
    display: none;
 }

+.team{
+    position: absolute;
+    border: 0;
+    height: 1px;
+    width: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(1px 1px 1px 1px); /* IE6 & IE7 */
+    clip: rect(1px, 1px, 1px, 1px);
+}
+
+.team:target{
+    position: relative;
+    height: auto;
+    padding: initial;
+    clip: initial;
+}
+

 /* Formulaire */

@ -34,4 +52,15 @@ form input {
 .team-card {
    border: #000000 1px;
    border-radius: 5px;
+}
+
+
+/* Erreur */
+
+.text-error {
+    color: red;
+}
+
+.box-error {
+    border: 1px solid red;
 }
--- a/index.html
+++ b/index.html
@ -10,8 +10,11 @@

 <body>
    <div id="app">
+
        <navbar></navbar>
-        <team-card></team-card>
+        <div class="team" style="display: none;">
+            <team-card></team-card>
+        </div>
    </div>

    <script src="/src/misc/constant.js"></script>
@ -23,14 +26,18 @@
        import TeamCard from '/src/view/team_add.js';
      
        const app = createApp({
-            data(){
+            data() {
                return {
-                    message: 'Bonjour App'
+                    links: [
+                    '#',
+                    './src/viewhtml/team.html',
+                    'https://www.github.com',
+                    ]
                }
            }
        })
        app.component('Navbar', Navbar)
-           .component('TeamCard', TeamCard)
+           .component('TeamCard', TeamCard);
        app.mount('#app');
      </script>
 </body>
--- a/src/view/link_service.js
+++ b/src/view/link_service.js
@ -2,10 +2,9 @@ export default class LinkService{

    getLinks(){
        return [
-        '',
-        'https://www.youtube.com',
+        '#',
+        './src/viewhtml/team.html',
        'https://www.github.com',
        ];
    }
-    
 }
--- a/src/view/navbar.js
+++ b/src/view/navbar.js
@ -1,11 +1,14 @@
 export default {
+    props: {
+        linkHome: String,
+        linkTeam: String,
+        linkResults: String
+    },
    template:`
-    <section>
        <ul>
            <li><a href="#">Home</a></li>
-            <li><a href="#">Teams</a></li>
-            <li><a href="#">Results</a></li>
+            <li><a href="#team">Teams</a></li>
+            <li><a href="https://www.github.com">Results</a></li>
        </ul>
-    </section>
    `
 };