[vue] Wyswietlanie na froncie uzytkownikow z opisami i punktami

frontend/app/src/views/Game.vue

@@ -15,9 +15,6 @@
                         </div>
                     </div>
                 </v-flex>
-                <v-flex class="mb-3">
-                    <Popup @projectAdded="snackbar = true"/>
-                </v-flex>
             </v-layout>
             <v-layout row wrap>
             <v-flex xs12 sm6 md4 lg2 v-for="card in visibleCards()" :key="card.name">
@@ -46,9 +43,7 @@
 </template>
 
 <script>
-import Popup from'@/components/Popup'
 export default {
-    components: { Popup },
     data(){
       return{
           gentelaman: false,

frontend/app/src/views/Login.vue

@@ -1,3 +1,23 @@
 <template>
-    <h1>Logowanie</h1>
+<div id="login">
-</template>
+  <v-container>
+    <v-layout row class="text-xs-center">
+      <v-flex xs4 class="grey lighten-4">
+        <v-container style="position: relative;top: 13%;" class="text-xs-center">
+          <v-card flat>
+            <v-card-title primary-title>
+              <h4>Login</h4>
+            </v-card-title>
+            <v-form>
+            <v-text-field prepend-icon="person" name="Username" label="Username"></v-text-field>
+            <v-text-field prepend-icon="lock" name="Password" label="Password" type="password"></v-text-field>
+            <v-card-actions>
+              <v-btn primary large block>Login</v-btn>
+            </v-card-actions>
+            </v-form>
+          </v-card>
+        </v-container>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</div></template>

frontend/app/src/views/Register.vue

@@ -0,0 +1,44 @@
+<template>
+<div id="login">
+    <v-container class="my-5">
+        <v-layout column>
+            <v-flex xs6 sm3 md2 lg1 xl1>
+
+    <v-card>
+        <v-card-title>
+            <!-- to widac w wyswietlanym oknie -->
+            <h2>Nowa karta</h2>
+        </v-card-title>
+        <v-card-text>
+            <v-form class="px-3" ref="form">
+            <v-textarea label="Login" v-model="cardText" prepend-icon="edit" :rules="inputRules"></v-textarea>
+
+                <v-textarea label="Hasło" v-model="cardText" prepend-icon="edit" :rules="inputRules"></v-textarea>
+                <v-spacer></v-spacer>
+
+                <v-btn class="green darken-4 white--text mt-4" @click="submit" :loading="loading" prepend-icon="edit" >
+                    <v-icon >done</v-icon>
+                </v-btn>
+                </v-form>
+        </v-card-text>
+    </v-card>
+              </v-flex>
+        </v-layout>
+    </v-container>
+</div></template>
+
+<script>
+export default {
+    data(){
+        return{
+            userLogin : '',
+            userPassword: ''
+        }
+    },
+    methods:{
+        login(){
+            console.log("Logowanie uzytkownika")
+        }
+    }
+}
+</script>

frontend/app/src/views/Users.vue

@@ -8,7 +8,7 @@
             <v-card flat class="text-xs-center ma-3">
               <v-responsive class="pt-4">
                   <v-avatar size="100" class="grey lighten-2">
-                    <img :src="userAvatar">
+                    <img src="/user-cylinder.png">
                   </v-avatar>
               </v-responsive>
               <v-card-text>
@@ -37,7 +37,6 @@ import  axios from 'axios'
 export default {
   data(){
     return{
-      userAvatar: '/user-cylinder.png',
       allUsers: []
     }
   },
@@ -64,7 +63,7 @@ export default {
       })
 
     //Promise.all czeka na wykonanie wszystkich
-      var fromResolve = Promise.race([promiseUsers]).then(function(){
+     Promise.race([promiseUsers]).then(function(){
         promiseUsers.then(function(fromResolve){
           objectVue.allUsers = fromResolve
           return fromResolve