TheDiligentDev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-header> | |
| <ion-toolbar> | |
| <ion-title>Map</ion-title> | |
| </ion-toolbar> | |
| </ion-header> | |
| <ion-content :fullscreen="true"> | |
| <div ref="mapRef" id="map"></div> | |
| </ion-content> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script lang="ts"> | |
| // @ts-nocheck | |
| /* eslint-disable */ | |
| import { ref, onMounted } from "vue"; | |
| import { db, auth } from "../main"; | |
| import { | |
| IonPage, | |
| IonHeader, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-header> | |
| <ion-toolbar> | |
| <ion-title>Images</ion-title> | |
| </ion-toolbar> | |
| </ion-header> | |
| <ion-content v-if="loading"> | |
| <div class="center"> | |
| <ion-spinner color="primary"></ion-spinner> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-tabs> | |
| <ion-tab-bar slot="bottom"> | |
| <ion-tab-button tab="tab1" href="/tabs/tab1"> | |
| <ion-icon :icon="cameraOutline" /> | |
| <ion-label>Camera</ion-label> | |
| </ion-tab-button> | |
| <ion-tab-button tab="tab2" href="/tabs/tab2"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-header> | |
| <ion-toolbar> | |
| <ion-title>Camera</ion-title> | |
| </ion-toolbar> | |
| </ion-header> | |
| <ion-content :fullscreen="true"> | |
| <div class="center"> | |
| <ion-button size="large" fill="solid" @click="takePicture"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-tabs> | |
| <ion-tab-bar slot="bottom"> | |
| <ion-tab-button tab="tab1" href="/tabs/tab1"> | |
| <ion-icon :icon="cameraOutline" /> | |
| <ion-label>Camera</ion-label> | |
| </ion-tab-button> | |
| <ion-tab-button tab="tab2" href="/tabs/tab2"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { createRouter, createWebHistory } from '@ionic/vue-router'; | |
| import { RouteRecordRaw, RouteLocationNormalized, NavigationGuardNext } from 'vue-router'; | |
| import Tabs from '../views/Tabs.vue' | |
| import { auth } from '../main' | |
| const guard = (to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => { | |
| try { | |
| if (auth.currentUser?.uid) { | |
| next(); |
TheDiligentDev
/ Authentication.vue
Last active
December 19, 2020 20:47
Photo sharing app - Authentication.vue
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-header> | |
| <ion-toolbar> | |
| <ion-title>Photo Share</ion-title> | |
| </ion-toolbar> | |
| </ion-header> | |
| <ion-content :fullscreen="true"> | |
| <ion-card> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-header> | |
| <ion-toolbar> | |
| <ion-title>Search</ion-title> | |
| </ion-toolbar> | |
| <ion-toolbar> | |
| <ion-searchbar | |
| debounce="500" | |
| :onIonChange="(e) => fetchSearchResults(e.detail.value)" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <ion-page> | |
| <ion-header> | |
| <ion-toolbar> | |
| <ion-buttons slot="start"> | |
| <ion-back-button></ion-back-button> | |
| </ion-buttons> | |
| <ion-title>{{state.drink.strDrink}}</ion-title> | |
| </ion-toolbar> | |
| </ion-header> |