From 2f2f0edff72e97cb079b3d262b9b6ff027c502b2 Mon Sep 17 00:00:00 2001
From: Timo Volkmann <volkmann@stud.hs-heilbronn.de>
Date: Sat, 23 Mar 2019 10:43:39 +0100
Subject: [PATCH] sample cards for caches

---
 .idea/modules.xml                             | 10 ---
 ....hhn.labsw.labswp_2019_sose_geocaching.iml | 12 ----
 .idea/vcs.xml                                 |  6 ++
 frontend/quasar.conf.js                       |  3 +-
 frontend/src/pages/Index.vue                  | 72 ++++++++-----------
 5 files changed, 37 insertions(+), 66 deletions(-)
 delete mode 100644 .idea/modules.xml
 delete mode 100644 .idea/modules/LabSWPS.de.hhn.labsw.labswp_2019_sose_geocaching.iml
 create mode 100644 .idea/vcs.xml

diff --git a/.idea/modules.xml b/.idea/modules.xml
deleted file mode 100644
index 9db8a1d..0000000
--- a/.idea/modules.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?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>
\ No newline at end of file
diff --git a/.idea/modules/LabSWPS.de.hhn.labsw.labswp_2019_sose_geocaching.iml b/.idea/modules/LabSWPS.de.hhn.labsw.labswp_2019_sose_geocaching.iml
deleted file mode 100644
index 92b5305..0000000
--- a/.idea/modules/LabSWPS.de.hhn.labsw.labswp_2019_sose_geocaching.iml
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module external.linked.project.id="labswp_2019_sose_geocaching" external.linked.project.path="$MODULE_DIR$/../.." external.root.project.path="$MODULE_DIR$/../.." external.system.id="GRADLE" external.system.module.group="de.hhn.labsw" external.system.module.version="0.0.1-SNAPSHOT" type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$/../..">
-      <excludeFolder url="file://$MODULE_DIR$/../../.gradle" />
-      <excludeFolder url="file://$MODULE_DIR$/../../build" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/frontend/quasar.conf.js b/frontend/quasar.conf.js
index f8f9711..51b4962 100644
--- a/frontend/quasar.conf.js
+++ b/frontend/quasar.conf.js
@@ -47,7 +47,8 @@ module.exports = function (ctx) {
         'QCardActions',
         'QCheckbox',
         'QSeparator',
-        'QInput'
+        'QInput',
+        'QImg'
       ],
 
       directives: [
diff --git a/frontend/src/pages/Index.vue b/frontend/src/pages/Index.vue
index 03ae658..0ad2ac0 100644
--- a/frontend/src/pages/Index.vue
+++ b/frontend/src/pages/Index.vue
@@ -1,49 +1,35 @@
 <template>
-  <div class="q-pa-md">
-    <q-table
-      title="Treats"
-      :data="todos"
-      :columns="columns"
-      row-key="title"
-      selection="single"
-      :selected.sync="selected"
-      :filter="filter"
-      grid
-      hide-header
-    >
-      <template v-slot:top-right>
-        <q-input borderless dense debounce="300" v-model="filter" placeholder="Search">
-          <template v-slot:append>
-            <q-icon name="search" />
-          </template>
-        </q-input>
-      </template>
+  <div class="q-pa-md row items-start q-col-gutter-md">
 
-      <template v-slot:item="props">
-        <div
-          class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition"
-          :style="props.selected ? 'transform: scale(0.98);' : ''"
-        >
-          <q-card :class="props.selected ? 'bg-grey-2' : ''">
-            <q-card-section>
-              <q-checkbox :dense="denseOn" v-model="props.selected" :label="props.row.title" />
-            </q-card-section>
-            <q-separator />
-            <q-list dense>
-              <q-item v-for="col in props.cols.filter(col => col.name !== 'desc')" :key="col.name">
-                <q-item-section>
-                  <q-item-label>{{ col.label }}</q-item-label>
-                </q-item-section>
-                <q-item-section side>
-                  <q-item-label caption>{{ col.value }}</q-item-label>
-                </q-item-section>
-              </q-item>
-            </q-list>
-          </q-card>
-        </div>
-      </template>
+    <div class="col-6">
+      <q-card class="my-card">
+        <q-img src="https://cdn.quasar-framework.org/img/parallax2.jpg">
+          <div class="absolute-bottom">
+            <div class="text-h6">Geocache</div>
+          </div>
+        </q-img>
+        <q-card-actions align="around">
+          <q-btn flat round color="red" icon="favorite" />
+          <q-btn flat round color="teal" icon="bookmark" />
+          <q-btn flat round color="primary" icon="share" />
+        </q-card-actions>
+      </q-card>
+    </div>
+
+    <div class="col-6" v-for="n in 10" :key="n">
+      <q-card class="my-card">
+        <q-img src="https://cdn.quasar-framework.org/img/parallax2.jpg">
+          <div class="absolute-bottom">
+            <div class="text-h6">Geocache</div>
+          </div>
+        </q-img>
+        <q-card-actions vertical align="around">
+          <q-btn flat color="red" >Action 1</q-btn>
+          <q-btn flat>Action 2</q-btn>
+        </q-card-actions>
+      </q-card>
+    </div>
 
-    </q-table>
   </div>
 </template>