push notification initial

Author: Resul Avan

src/components/navbar/ProfileNavigator.vue

@@ -1,5 +1,11 @@
 <template>
-  <b-navbar-dropdown :boxed="true" :close-on-click="true">
+  <b-navbar-dropdown :boxed="true" :close-on-click="true" :arrowless="true">
+    <template slot="label">
+      <b-icon
+        icon="chevron-down"
+        size="is-small">
+      </b-icon>
+    </template>
     <b-navbar-item tag="router-link" :to="dynamicProfileRoute">
       <b-icon pack="fas" icon="user" class="has-margin-right-5"/>
       <p>{{$t('topNavbar.profileDynamic')}}</p>

src/components/profile/header/ProfileFollow.vue

@@ -90,7 +90,7 @@
     getCountOfFollowing,
     getFollowingByFollowerAndFollowing,
     saveFollowing
-  } from '~/service/firebase/firestore/following-service';
+  } from '~/service/firebase/firestore';
   import { sendDangerNotification, showErrorToaster, showInfoToaster } from '~/service/notification-service';
   import { reloadFollowing, showProfileModule } from '~/service/rx-service';
 

src/components/profile/module/ProfileFollowers.vue

@@ -29,7 +29,7 @@
   import PageTitle from '~/components/ui/PageTitle.vue';
   import SearchField from '~/components/search/SearchField.vue';
   import Paging from '~/components/ui/paging/Paging.vue';
-  import { searchFollowers } from '~/service/firebase/firestore/following-service';
+  import { searchFollowers } from '~/service/firebase/firestore';
   import BaseModule from '~/mixin/BaseModule';
   import { showErrorToaster } from '~/service/notification-service';
   import { reloadFollowing } from '~/service/rx-service';

src/components/profile/module/ProfileFollowings.vue

@@ -23,7 +23,7 @@
 <script lang="ts">
   import { Component, Watch } from 'nuxt-property-decorator';
   import { SearchData, User } from '~/types';
-  import { searchFollowings } from '~/service/firebase/firestore/following-service';
+  import { searchFollowings } from '~/service/firebase/firestore';
   import { showErrorToaster } from '~/service/notification-service';
   import { reloadFollowing } from '~/service/rx-service';
   import BaseModule from '~/mixin/BaseModule';

src/package.json

@@ -20,6 +20,7 @@
     "hooks": {}
   },
   "dependencies": {
+    "@creativebulma/bulma-badge": "^1.0.1",
     "@fortawesome/fontawesome-free": "^5.13.1",
     "@mdi/font": "^5.3.45",
     "@nuxt/typescript-runtime": "^0.4.10",

src/plugins/buefy-plugin.ts

@@ -4,6 +4,7 @@ import Buefy from 'buefy'
 import '@fortawesome/fontawesome-free/css/all.min.css'
 import '@mdi/font/css/materialdesignicons.min.css'
 import 'bulma-helpers/css/bulma-helpers.min.css'
+import '@creativebulma/bulma-badge/dist/bulma-badge.min.css'
 import 'buefy/dist/buefy.css'
 
 Vue.use(Buefy)

src/plugins/notification-plugin.ts

@@ -0,0 +1,14 @@
+import { Plugin } from '@nuxt/types'
+import { notificationObservable } from '~/service/rx-service'
+import { PushNotification } from '~/types'
+import { savePushNotification } from '~/service/firebase/firestore'
+
+const notificationPlugin: Plugin = () => {
+  notificationObservable
+    .asObservable()
+    .subscribe((notification: PushNotification) => {
+      savePushNotification(notification).catch((error) => console.log(error))
+    })
+}
+
+export default notificationPlugin

src/service/firebase/firestore/following-service.ts renamed to src/service/firebase/firestore/following-collection.ts

@@ -14,7 +14,7 @@ import {
   getModelsByWhereClauses,
   saveModel
 } from '~/service/firebase/firestore/firestore-service'
-import { getUser, toSearchDataPagingResponse, userIncludes } from '~/service/firebase/firestore/user-service'
+import { getUser, toSearchDataPagingResponse, userIncludes } from '~/service/firebase/firestore/user-collection'
 
 const followingWhereClause = (user: User): WhereClause => {
   return {

src/service/firebase/firestore/index.ts

@@ -1 +1,3 @@
-export * from './user-service'
+export * from './user-collection'
+export * from './following-collection'
+export * from './push-notification-collection'

src/service/firebase/firestore/push-notification-collection.ts

@@ -0,0 +1,6 @@
+import { collection, PushNotification } from '~/types';
+import { saveModel } from '~/service/firebase/firestore/firestore-service';
+
+export const savePushNotification = async (pushNotification: PushNotification): Promise<PushNotification> => {
+  return await saveModel(collection.FOLLOWING, pushNotification) as PushNotification
+}

src/service/firebase/firestore/user-service.ts renamed to src/service/firebase/firestore/user-collection.ts

@@ -1,10 +1,11 @@
 import { Subject } from 'rxjs'
-import { Image, ModuleType } from '~/types'
+import { Image, ModuleType, PushNotification } from '~/types'
 
 export const coverPhotoObservable = new Subject<Image>()
 export const profilePhotoObservable = new Subject<Image>()
 export const reauthenticateObservable = new Subject<void>()
 export const reloadUserFromDatabase = new Subject<string>()
 export const loadMoreSearchResult = new Subject<void>()
 export const showProfileModule = new Subject<ModuleType>()
-export const reloadFollowing = new Subject<void>();
+export const reloadFollowing = new Subject<void>()
+export const notificationObservable = new Subject<PushNotification>()

src/service/rx-service.ts

@@ -190,7 +190,6 @@ export interface OrderBy {
   direction: OrderByDirection
 }
 
-
 export const orderByName: OrderBy = {
   field: 'name',
   direction: 'asc'
@@ -208,6 +207,10 @@ export const CollectionField = {
   }
 }
 
+export enum PushNotificationType {
+  FOLLOW = 'follow'
+}
+
 export interface BaseModel {
   id?: string
   createdAt?: Date
@@ -233,3 +236,9 @@ export interface Following extends BaseModel {
   follower: string,
   following: string,
 }
+
+export interface PushNotification extends BaseModel {
+  from: string,
+  to: string,
+  notificationType: PushNotificationType
+}