casper/PuffercatApps
casper
/
PuffercatApps
mirror of https://github.com/KZacharski/PuffercatApps.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed coming soon routing except duo is broken and it won't tell me why

This commit is contained in:
KZacharski 2023-12-22 02:42:25 +01:00
parent e3d345f4ec
commit 7289717ca0
2 changed files with 42 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/views/ComingSoon.vue
View File

@ -89,59 +89,81 @@
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-grid> <ion-grid>
<ion-row class="column-standard"> <ion-row class="column-standard">
<ion-col size="auto"> <ion-col size="auto" button @click="() => router.push('/details/PufferIcons_Filled')">
<a href="/details/PufferIcons_Filled" class="hidden-link"><img src="../assets/Icon_PufferIcons_Filled.png" class="icon"></a> <img src="../assets/Icon_PufferIcons_Filled.png" class="icon">
</ion-col> </ion-col>
<ion-col size="auto" class="description-column"> <ion-col size="auto" class="description-column" button @click="() => router.push('/details/PufferIcons_Filled')">
<ion-row> <ion-row>
<a href="/details/PufferIcons_Filled" class="hidden-link"><ion-column><h4 class="size-appname">PufferIcons Filled</h4></ion-column></a> <ion-column><h4 class="size-appname">PufferIcons Filled</h4></ion-column>
</ion-row> </ion-row>
<ion-row> <ion-row>
<a href="/details/PufferIcons_Filled" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a> <ion-column button @click="() => router.push('/details/PufferIcons_Filled')"><ion-icon :icon="logoAndroid" class="size-appname-icon hidden-link"/></ion-column>
</ion-row> </ion-row>
</ion-col>
<ion-col>
</ion-col> </ion-col>
<ion-col class="download-column"> <ion-col class="download-column">
<ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button> <ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row class="column-standard"> <ion-row class="column-standard">
<ion-col size="auto"> <ion-col size="auto" button @click="() => router.push('/details/WallCat')">
<a href="/details/WallCat" class="hidden-link"><img src="../assets/Icon_WallCat.png" class="icon"></a> <img src="../assets/Icon_WallCat.png" class="icon">
</ion-col> </ion-col>
<ion-col size="auto" class="description-column"> <ion-col size="auto" class="description-column" button @click="() => router.push('/details/WallCat')">
<ion-row> <ion-row>
<a href="/details/WallCat" class="hidden-link"><ion-column><h4 class="size-appname">WallCat</h4></ion-column></a> <ion-column><h4 class="size-appname">WallCat</h4></ion-column>
</ion-row> </ion-row>
<ion-row> <ion-row>
<a href="/details/WallCat" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a> <ion-column button @click="() => router.push('/details/WallCat')"><ion-icon :icon="logoAndroid" class="size-appname-icon hidden-link"/></ion-column>
</ion-row> </ion-row>
</ion-col>
<ion-col>
</ion-col> </ion-col>
<ion-col class="download-column"> <ion-col class="download-column">
<ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button> <ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row class="column-standard"> <ion-row class="column-standard">
<ion-col size="auto"> <ion-col size="auto" button @click="() => router.push('/details/Duo')">
<a href="/details/Duo" class="hidden-link"><img src="../assets/Icon_Duo.png" class="icon"></a> <img src="../assets/Icon_Duo.png" class="icon">
</ion-col> </ion-col>
<ion-col size="auto" class="description-column"> <ion-col size="auto" class="description-column" button @click="() => router.push('/details/Duo')">
<ion-row> <ion-row>
<a href="/details/Duo" class="hidden-link"><ion-column><h4 class="size-appname">Duo</h4></ion-column></a> <ion-column><h4 class="size-appname">Duo</h4></ion-column>
</ion-row> </ion-row>
<ion-row> <ion-row>
<a href="/details/Duo" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a> <ion-column button @click="() => router.push('/details/Duo')"><ion-icon :icon="logoAndroid" class="size-appname-icon hidden-link"/></ion-column>
</ion-row> </ion-row>
</ion-col>
<ion-col>
</ion-col> </ion-col>
<ion-col class="download-column"> <ion-col class="download-column">
<ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button> <ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ion-content> </ion-content>
</ion-page> </ion-page>
</template> </template>
<script setup lang="ts">
const router = useRouter();
</script>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton, import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
@ -153,22 +175,10 @@ import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid,
IonLabel, IonPopover } from '@ionic/vue'; IonLabel, IonPopover } from '@ionic/vue';
import ExploreContainer from '@/components/ExploreContainer.vue'; import ExploreContainer from '@/components/ExploreContainer.vue';
import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons'; import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
import { useRouter } from 'vue-router';
export default defineComponent({ export default defineComponent ({
name: 'Tab1Page', methods: {
components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonButtons, IonIcon,
IonModal,
IonItem,
IonList, IonPopover },
setup() {
return {
logoAndroid,
arrowDown,
logoPwa,
ellipsisVertical
}
},
methods: {
dismiss() { dismiss() {
(this.$refs.modal as InstanceType<typeof IonModal>).$el.dismiss(); (this.$refs.modal as InstanceType<typeof IonModal>).$el.dismiss();
}, },

2
src/views/Duo.vue
View File

@ -82,7 +82,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton, import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
IonModal, IonModal,
IonItem, IonItem,