- Adding map page (where is the location) #100

- fix menu appear Admin and Manager

src/components/CCardDiscipline/CCardDiscipline.vue

@@ -10,7 +10,7 @@
             </q-img>
 
             <q-card-section>
-                <div class="disc__description">{{discipline.description}}</div>
+                <div class="disc__description" v-html="discipline.description"></div>
             </q-card-section>
 
             <q-card-section v-if="ExistLesson()" class="text-blue">

src/components/CGoogleMap/CGoogleMap.scss

@@ -0,0 +1,4 @@
+#map {
+  height: 400px;
+  width: 90%;
+}

src/components/CGoogleMap/CGoogleMap.ts

@@ -0,0 +1,28 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { toolsext } from '@src/store/Modules/toolsext'
+
+@Component({
+  name: 'CGoogleMap'
+})
+
+export default class CGoogleMap extends Vue {
+  @Prop({ required: true, default: 'one' }) public tab
+
+  public map = null
+
+  public initMap() {
+
+    // this.map = new window.google.maps.Map(document.getElementById('map'), {
+    //   center: { lat: -34.397, lng: 150.644 },
+    //   zoom: 8
+    // })
+  }
+
+  public async mounted() {
+    // await this.$google()
+    // this.initMap()
+  }
+
+}

src/components/CGoogleMap/CGoogleMap.vue

@@ -0,0 +1,12 @@
+<template>
+    <q-page class="flex flex-center">
+        <div id="map"></div>
+    </q-page>
+</template>
+
+<script lang="ts" src="./CGoogleMap.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './CGoogleMap.scss';
+</style>

src/components/CGoogleMap/index.ts

@@ -0,0 +1 @@
+export {default as CGoogleMap} from './CGoogleMap.vue'

src/components/COpenStreetMap/COpenStreetMap.scss

@@ -0,0 +1,4 @@
+#map {
+  height: 400px;
+  width: 90%;
+}

src/components/COpenStreetMap/COpenStreetMap.ts

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { toolsext } from '@src/store/Modules/toolsext'
+import { tools } from '../../store/Modules/tools'
+
+@Component({
+  name: 'COpenStreetMap'
+})
+
+export default class COpenStreetMap extends Vue {
+  @Prop({required: true}) public title: string
+  @Prop({required: true}) public coordinates: string
+  @Prop({required: true}) public coord_big: string
+
+  get mywidth() {
+    return tools.getwidth(this) - 20
+  }
+
+  get myheight() {
+    return 450
+  }
+
+}

src/components/COpenStreetMap/COpenStreetMap.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="flex flex-center column justify-center">
+        <div class="">
+            <span class="text-subtitle2">{{title}}</span> - (<a :href="`https://www.openstreetmap.org/?` + coord_big + `&layers=N`" target="_blank">{{$t('showbigmap')}}</a>)
+        </div>
+        <div>
+            <iframe :width="mywidth" :height="myheight" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
+                    :src="`https://www.openstreetmap.org/export/embed.html?bbox=` + coordinates"
+                    style="border: 1px solid black"></iframe>
+
+        </div>
+    </div>
+</template>
+<script lang="ts" src="./COpenStreetMap.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './COpenStreetMap.scss';
+</style>

src/components/COpenStreetMap/index.ts

@@ -0,0 +1 @@
+export {default as COpenStreetMap} from './COpenStreetMap.vue'

src/components/Footer/Footer.vue

@@ -98,7 +98,7 @@
                         <logo></logo>
                     </p>
                     <div v-for="myitemmenu in static_data.routes">
-                        <div v-if="myitemmenu.infooter">
+                        <div v-if="myitemmenu.infooter && tools.visumenu(myitemmenu)">
 
                             <div v-if="myitemmenu.solotitle">
                                 <span class="footer_link">{{tools.getLabelByItem(myitemmenu, mythisfoot)}}</span><br/>

src/components/index.ts

@@ -30,3 +30,5 @@ export * from './FormNewsletter'
 export * from './CGridTableRec'
 export * from './CFacebookFrame'
 export * from './Shen/CTesseraElettronica'
+export * from './CGoogleMap'
+export * from './COpenStreetMap'