td> 6 6
7 7 
 <script setup lang="ts">
8 
-import { IonApp, IonRouterOutlet } from '@ionic/vue';
8 
+import { IonApp, IonRouterOutlet, onIonViewWillEnter } from '@ionic/vue';
9 
+import { defineComponent, onMounted } from 'vue';
10 
+
11 
+
12 
+
13 
+onIonViewWillEnter(() => {
14 
+  console.log("Init On Mouting")
15 
+});
16 
+
9 17 
 </script>

+ 14 - 0
src/settings.ts
Parādīt failu 

@@ -63,3 +63,17 @@ export const listMats = async  () => {
63 63 
   console.log(data)
64 64 
   return data.results
65 65 
 }
66 
+
67 
+export const storeAPNToken = async (device_token) => {
68 
+
69 
+  const token = await Preferences.get({ key: 'token' });
70 
+  console.log("token = ", token)
71 
+  const { data } = await axios.post(BASE_URL + "backend/api/device_tokens/",{token: device_token},
72 
+  {
73 
+    headers: {
74 
+    'Authorization': `Token ${token.value}`
75 
+    }
76 
+  })
77 
+  console.log(data)
78 
+  return data
79 
+}

+ 36 - 2
src/views/ProfilePage.vue
Parādīt failu 

@@ -7,8 +7,13 @@
7 7 
     </ion-header>
8 8 
     <ion-content>
9 9 
       <div class="example-content">Listen now content</div>
10 
-      <ion-button @click='fbLogout' v-if='isLogin'>Facebook Logout</ion-button>
11 
-      <ion-button @click='fbLogin' v-else>Facebook Login</ion-button>
10 
+      <template v-if="isLogin">
11 
+      <ion-button @click='fbLogout'>Logout</ion-button>
12 
+      </template>
13 
+      <template v-else>
14 
+        <ion-button @click='fbLogin'>Facebook Login</ion-button>
15 
+        <ion-button @click='ggLogin'>Google Login</ion-button>
16 
+      </template>
12 17 
     </ion-content>
13 18 
   </ion-page>
14 19 
 </template>
 
@@ -16,6 +21,12 @@
16 21 
 <script setup lang="ts">
17 22 
 import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonButton, onIonViewWillEnter } from '@ionic/vue';
18 23 
 import ExploreContainer from '@/components/ExploreContainer.vue';
24 
+import { defineComponent, onMounted } from 'vue';
25 
+import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth';
26 
+
27 
+onMounted(() => {
28 
+  GoogleAuth.initialize();
29 
+});
19 30
20 31 
 import {
21 32 
   FacebookLogin,
 
@@ -33,6 +44,15 @@ const FACEBOOK_PERMISSIONS = [
33 44
34 45 
 const isLogin = ref(false)
35 46
47 
+const ggLogin = async () => {
48 
+  const response = await GoogleAuth.signIn();
49 
+  console.log(response);
50 
+  console.log(response.accessToken)
51 
+  if( response.authentication.accessToken ) {
52 
+    isLogin.value = true
53 
+  }
54 
+}
55 
+
36 56 
 const fbLogin = async () => {
37 57 
   const result = await (<FacebookLoginResponse>(
38 58 
     FacebookLogin.login({ permissions: FACEBOOK_PERMISSIONS })
 
@@ -60,6 +80,7 @@ onIonViewWillEnter(async () => {
60 80 
   }else {
61 81 
     isLogin.value = false
62 82 
   }
83 
+  ggCheckLogin()
63 84
64 85 
 })
65 86 
 const getProfile = async () => {
 
@@ -69,4 +90,17 @@ const getProfile = async () => {
69 90
70 91 
   console.log(`Facebook user's email is ${result.email}`);
71 92 
 }
93 
+const ggCheckLogin = async() => {
94 
+    GoogleAuth.refresh()
95 
+        .then((data) => {
96 
+            if (data.accessToken) {
97 
+                isLogin.value = true
98 
+            }
99 
+        })
100 
+        .catch((error) => {
101 
+            if (error.type === 'userLoggedOut') {
102 
+                //this.signin()
103 
+            }
104 
+        });
105 
+}
72 106 
 </script>

+ 44 - 1
src/views/Tab1Page.vue
Parādīt failu 

@@ -79,10 +79,13 @@ import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonIcon, onIonVie
79 79 
 import ExploreContainer  from '@/components/ExploreContainer.vue';
80 80 
 import { CapacitorHttp } from '@capacitor/core';
81 81 
 import { ref } from 'vue';
82 
-import { TOKEN, getProducts, setToken, getObject, getToken, getTrainers, listMats } from '@/settings';
82 
+import { TOKEN, getProducts, setToken, getObject, getToken, getTrainers, listMats, storeAPNToken } from '@/settings';
83 83 
 //import VueCoreVideoPlayer from 'vue-core-video-player'
84 84 
 import { vueVimeoPlayer } from 'vue-vimeo-player'
85 85
86 
+import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth';
87 
+
88 
+import { PushNotifications } from '@capacitor/push-notifications';
86 89
87 90 
 import Player from '@vimeo/player';
88 91 
 
@@ -127,6 +130,9 @@ const mats = ref()
127 130 
     mats.value = await listMats()
128 131 
     console.log(" trainers => ", trainers)
129 132
133 
+    GoogleAuth.initialize();
134 
+    registerNotifications()
135 
+    addListeners()
130 136 
   })
131 137
132 138 
   onIonViewWillLeave(() => {
 
@@ -145,4 +151,41 @@ const mats = ref()
145 151 
     const response: HttpResponse = await CapacitorHttp.get(options);
146 152 
     console.log(response)
147 153 
   }
154 
+const addListeners = async () => {
155 
+  await PushNotifications.addListener('registration', token => {
156 
+    console.info('Registration token: ', token.value);
157 
+    storeAPNToken(token.value)
158 
+  });
159 
+
160 
+  await PushNotifications.addListener('registrationError', err => {
161 
+    console.error('Registration error: ', err.error);
162 
+  });
163 
+
164 
+  await PushNotifications.addListener('pushNotificationReceived', notification => {
165 
+    console.log('Push notification received: ', notification);
166 
+  });
167 
+
168 
+  await PushNotifications.addListener('pushNotificationActionPerformed', notification => {
169 
+    console.log('Push notification action performed', notification.actionId, notification.inputValue);
170 
+  });
171 
+}
172 
+
173 
+const registerNotifications = async () => {
174 
+  let permStatus = await PushNotifications.checkPermissions();
175 
+
176 
+  if (permStatus.receive === 'prompt') {
177 
+    permStatus = await PushNotifications.requestPermissions();
178 
+  }
179 
+
180 
+  if (permStatus.receive !== 'granted') {
181 
+    throw new Error('User denied permissions!');
182 
+  }
183 
+
184 
+  await PushNotifications.register();
185 
+}
186 
+
187 
+const getDeliveredNotifications = async () => {
188 
+  const notificationList = await PushNotifications.getDeliveredNotifications();
189 
+  console.log('delivered notifications', notificationList);
190 
+}
148 191 
 </script>

tum/trafficcounter - Gogs: Simplico Git Service
Почетна Преглед Помоћ
Пријавите Се
tum
/
trafficcounter
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Комити 3 Издања 0 Вики
Грана: master
Гране Ознаке

1 Комити (master)

Аутор SHA1 Порука Датум
  Tum 84fcb913c1 abc пре 3 година