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 */
@ -35,3 +53,14 @@ form input {
    border: #000000 1px;
    border-radius: 5px;
 }
 /* Erreur */
 .text-error {
    color: red;
 }
 .box-error {
    border: 1px solid red;
 }
--- a/index.html
+++ b/index.html
@ -10,9 +10,12 @@
 <body>
    <div id="app">
        <navbar></navbar>
        <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="#team">Teams</a></li>
-            <li><a href="#">Results</a></li>
+            <li><a href="https://www.github.com">Results</a></li>
        </ul>
    </section>
    `
 };