All files / components NavBar.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export default {
    props: {
        username: String,
        points: Number
    },
    template: `
        <nav class="bg-white shadow-lg mb-8">
            <div class="container mx-auto px-4 py-3">
                <div class="flex justify-between items-center">
                    <div class="flex items-center space-x-4">
                        <button 
                            v-if="$parent.currentModule"
                            @click="$parent.currentModule = null"
                            class="text-indigo-600 hover:text-indigo-800"
                        >
                            ← Menu główne
                        </button>
                        <span class="text-xl font-bold text-indigo-600">EduApp</span>
                        <span class="text-gray-600">Witaj, {{ username }}!</span>
                    </div>
                    <div class="flex items-center space-x-4">
                        <div class="bg-indigo-100 px-4 py-2 rounded-full">
                            <span class="text-indigo-600 font-bold">{{ points }} punktów</span>
                        </div>
                        <button 
                            @click="$emit('logout')"
                            class="bg-red-500 text-white px-4 py-2 rounded-md hover:bg-red-600 transition-colors"
                        >
                            Wyloguj
                        </button>
                    </div>
                </div>
            </div>
        </nav>
    `
};