some changes

.gitignore

@@ -24,10 +24,7 @@ labswp_2019_sose_geocaching.iml
 # public folder
 src/main/resources/public/
 
-# .idea/
+.idea/
-# nicht notwendig. alle problematischen files sind draußen.
-# wenns trotzdem noch probleme macht muss man die entsprechenden
-# files noch mit "git rm --cached <file> untracken.
 
 
 # Gradle

.idea/modules.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/modules/de.hhn.labsw.labswp_2019_sose_geocaching.iml" filepath="$PROJECT_DIR$/.idea/modules/de.hhn.labsw.labswp_2019_sose_geocaching.iml" />
+      <module fileurl="file://$PROJECT_DIR$/.idea/modules/de.hhn.labsw.labswp_2019_sose_geocaching.main.iml" filepath="$PROJECT_DIR$/.idea/modules/de.hhn.labsw.labswp_2019_sose_geocaching.main.iml" />
+      <module fileurl="file://$PROJECT_DIR$/.idea/modules/de.hhn.labsw.labswp_2019_sose_geocaching.test.iml" filepath="$PROJECT_DIR$/.idea/modules/de.hhn.labsw.labswp_2019_sose_geocaching.test.iml" />
+    </modules>
+  </component>
+</project>

frontend/.eslintrc.js

@@ -14,7 +14,7 @@ module.exports = {
   // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
   extends: [
     'plugin:vue/essential',
-    '@vue/prettier'
+    // '@vue/prettier'
   ],
 
   // required to lint *.vue files

frontend/quasar.conf.js

@@ -47,7 +47,6 @@ module.exports = function (ctx) {
         'QCardActions',
         'QCheckbox',
         'QSeparator',
-        'QInput',
         'QImg',
         'QTabs',
         'QTab',

frontend/src/layouts/MyLayout.vue

@@ -1,7 +1,7 @@
 <template>
   <q-layout view="hhh Lpr lFf">
-    <q-header elevated class="bg-white text-green-8 shadow-2">
+    <q-header elevated class="bg-white text-green-8">
-      <q-toolbar class="">
+      <q-toolbar class="q-pa-md">
         <q-btn
           flat
           dense
@@ -13,7 +13,7 @@
         </q-btn>
 
         <q-toolbar-title>
-          BuGa Geocaching SPA
+          BuGa Geocaching
         </q-toolbar-title>
 
         <!--<div>Quasar v{{ $q.version }}</div>-->

frontend/src/pages/Dashboard.vue

@@ -1,14 +1,4 @@
 <template>
   <div class="q-pa-md">
-    <q-table
-      title="Treats"
-      :data="data"
-      :columns="columns"
-      row-key="name"
-      selection="single"
-      :selected.sync="selected"
-    />
-
-    <div class="q-mt-md">Selected: {{ JSON.stringify(selected) }}</div>
   </div>
 </template>

frontend/src/pages/Index.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="q-pa-md row items-start q-gutter-md">
+    <q-card class="my-card">
+      <q-card-section>
+        {{ lorem }}
+      </q-card-section>
+    </q-card>
+
+    <q-card
+      class="my-card text-white"
+      style="background: radial-gradient(circle, #35a2ff 0%, #014a88 100%)"
+    >
+      <q-card-section>
+        <div class="text-h6">Our Changing Planet</div>
+        <div class="text-subtitle2">by John Doe</div>
+      </q-card-section>
+
+      <q-card-section>
+        {{ lorem }}
+      </q-card-section>
+    </q-card>
+
+    <q-card dark bordered class="bg-grey-9 my-card">
+      <q-card-section>
+        <div class="text-h6">Our Changing Planet</div>
+        <div class="text-subtitle2">by John Doe</div>
+      </q-card-section>
+
+      <q-separator dark inset />
+
+      <q-card-section>
+        {{ lorem }}
+      </q-card-section>
+    </q-card>
+
+    <q-card flat bordered class="my-card">
+      <q-card-section>
+        <div class="text-h6">Our Changing Planet</div>
+      </q-card-section>
+
+      <q-card-section>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua.
+      </q-card-section>
+
+      <q-separator inset />
+
+      <q-card-section>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua.
+      </q-card-section>
+    </q-card>
+  </div>
+</template>

frontend/src/pages/Login.vue

@@ -1,43 +1,45 @@
 <template>
   <div class="q-pa-md">
-    <q-layout view="lhh LpR lff" container style="height: 350px" class="shadow-2 rounded-borders">
+    <!-- header und toolbar dürfen nur im Layout sein -->
+<!--
       <q-header reveal class="bg-white" text="green-8">
         <q-toolbar>
           <q-toolbar-title class="bg-white text-green-8">Login</q-toolbar-title>
         </q-toolbar>
       </q-header>
-      <q-page-container>
+-->
-        <q-page padding>
-            <template>
           <div class="q-pa-md">
-                <div class="column" style="height: 150px">
+            <div class="column" style="">
               <div class="col">
-                    <template>
                 <div class="q-pa-md">
                   <div class="q-gutter-md" style="max-width: 300px">
                     <q-input v-model="text" label="Benutzername"/>
                   </div>
                 </div>
-                    </template>
               </div>
               <div class="col">
-                    <template>
                 <div class="q-pa-md">
                   <div class="q-gutter-md" style="max-width: 300px">
                     <q-input v-model="text" label="Passwort"/>
                   </div>
                 </div>
-                    </template>
+              </div>
+              <div class="col">
+                <div class="q-pa-md">
+                  <div class="q-gutter-md" style="max-width: 300px">
+                    <q-btn
+                      fab
+                      color="bg-white"
+                      text-color="green-8"
+                      icon="keyboard_arrow_right"
+                    />
                   </div>
                 </div>
               </div>
-            </template>
+            </div>
-            <q-page-sticky position="bottom-right" :offset="[18, 18]">
+          </div>
-              <q-btn fab color="bg-white" text-color="green-8" @click="onClick" icon="keyboard_arrow_right"/>
+          <!--<q-page-sticky position="bottom-right" :offset="[18, 18]">-->
-            </q-page-sticky>
+          <!--</q-page-sticky>-->
-        </q-page>
-      </q-page-container>
-    </q-layout>
   </div>
 </template>
 
@@ -45,8 +47,8 @@
   export default {
     data() {
       return {
-      text: ''
+        text: ""
-    }
+      };
-  }
     }
+  };
 </script>

frontend/src/pages/TestCaches.vue

@@ -23,6 +23,7 @@
       </q-card>
     </div>
 
+    <a href="/">Hallo</a>
   </div>
 </template>
 
@@ -68,6 +69,7 @@ export default {
   },
 
   created: function() {
+    console.log("created(): " + this.caches);
     this.fetchTodos();
   },
 
@@ -75,6 +77,7 @@ export default {
     fetchTodos () {
       this.$axios.get('http://localhost:8080/allCaches')
         .then((response) => {
+          console.log("Caches: " + this.caches);
           this.caches = response.data;
         })
     }