+<?xml version="1.0" encoding="UTF-8"?>

+<Workspace

+   version = "1.0">

+   <FileRef

+      location = "self:App.xcodeproj">

+   </FileRef>

+</Workspace>

+<?xml version="1.0" encoding="UTF-8"?>

+<Workspace

+   version = "1.0">

+   <FileRef

+      location = "group:App.xcodeproj">

+   </FileRef>

+   <FileRef

+      location = "group:Pods/Pods.xcodeproj">

+   </FileRef>

+</Workspace>

+<?xml version="1.0" encoding="UTF-8"?>

+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">

+<plist version="1.0">

+<dict>

+	<key>IDEDidComputeMac32BitWarning</key>

+	<true/>

+</dict>

+</plist>

+import UIKit

+import Capacitor

+import FBSDKCoreKit

+

+

+@UIApplicationMain

+class AppDelegate: UIResponder, UIApplicationDelegate {

+

+    var window: UIWindow?

+

+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

+        // Override point for customization after application launch.

+        FBSDKCoreKit.ApplicationDelegate.shared.application(application, didFinishLaunchingWithOptions: launchOptions)

+        return true

+    }

+

+    func applicationWillResignActive(_ application: UIApplication) {

+        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.

+        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.

+    }

+

+    func applicationDidEnterBackground(_ application: UIApplication) {

+        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.

+        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.

+    }

+

+    func applicationWillEnterForeground(_ application: UIApplication) {

+        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.

+    }

+

+    func applicationDidBecomeActive(_ application: UIApplication) {

+        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.

+    }

+

+    func applicationWillTerminate(_ application: UIApplication) {

+        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.

+    }

+

+    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {

+        // Called when the app was launched with a url. Feel free to add additional processing here,

+        // but if you want the App API to support tracking app url opens, make sure to keep this call

+        //return ApplicationDelegateProxy.shared.application(app, open: url, options: options)

+        

+        if (FBSDKCoreKit.ApplicationDelegate.shared.application(

+                    app,

+                    open: url,

+                    sourceApplication: options[UIApplication.OpenURLOptionsKey.sourceApplication] as? String,

+                    annotation: options[UIApplication.OpenURLOptionsKey.annotation]

+                )) {

+                    return true;

+                } else {

+                    return ApplicationDelegateProxy.shared.application(app, open: url, options: options)

+                }

+    }

+

+    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {

+        // Called when the app was launched with an activity, including Universal Links.

+        // Feel free to add additional processing here, but if you want the App API to support

+        // tracking app url opens, make sure to keep this call

+        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)

+    }

+

+}

+{

+  "images" : [

+    {

+      "filename" : "AppIcon-512@2x.png",

+      "idiom" : "universal",

+      "platform" : "ios",

+      "size" : "1024x1024"

+    }

+  ],

+  "info" : {

+    "author" : "xcode",

+    "version" : 1

+  }

+}

+{

+  "info" : {

+    "version" : 1,

+    "author" : "xcode"

+  }

+}

+{

+  "images" : [

+    {

+      "idiom" : "universal",

+      "filename" : "splash-2732x2732-2.png",

+      "scale" : "1x"

+    },

+    {

+      "idiom" : "universal",

+      "filename" : "splash-2732x2732-1.png",

+      "scale" : "2x"

+    },

+    {

+      "idiom" : "universal",

+      "filename" : "splash-2732x2732.png",

+      "scale" : "3x"

+    }

+  ],

+  "info" : {

+    "version" : 1,

+    "author" : "xcode"

+  }

+}

+<?xml version="1.0" encoding="UTF-8"?>

+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">

+    <device id="retina4_7" orientation="portrait" appearance="light"/>

+    <dependencies>

+        <deployment identifier="iOS"/>

+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>

+        <capability name="System colors in document resources" minToolsVersion="11.0"/>

+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>

+    </dependencies>

+    <scenes>

+        <!--View Controller-->

+        <scene sceneID="EHf-IW-A2E">

+            <objects>

+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">

+                    <imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">

+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>

+                        <autoresizingMask key="autoresizingMask"/>

+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>

+                    </imageView>

+                </viewController>

+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>

+            </objects>

+            <point key="canvasLocation" x="53" y="375"/>

+        </scene>

+    </scenes>

+    <resources>

+        <image name="Splash" width="1366" height="1366"/>

+        <systemColor name="systemBackgroundColor">

+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>

+        </systemColor>

+    </resources>

+</document>

+<?xml version="1.0" encoding="UTF-8"?>

+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">

+    <device id="retina4_7" orientation="portrait">

+        <adaptation id="fullscreen"/>

+    </device>

+    <dependencies>

+        <deployment identifier="iOS"/>

+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>

+    </dependencies>

+    <scenes>

+        <!--Bridge View Controller-->

+        <scene sceneID="tne-QT-ifu">

+            <objects>

+                <viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>

+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>

+            </objects>

+        </scene>

+    </scenes>

+</document>

+<?xml version="1.0" encoding="UTF-8"?>

+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">

+<plist version="1.0">

+<dict>

+	<key>CFBundleDevelopmentRegion</key>

+	<string>en</string>

+	<key>CFBundleDisplayName</key>

+	<string>TMTApp</string>

+	<key>CFBundleExecutable</key>

+	<string>$(EXECUTABLE_NAME)</string>

+	<key>CFBundleIdentifier</key>

+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>

+	<key>CFBundleInfoDictionaryVersion</key>

+	<string>6.0</string>

+	<key>CFBundleName</key>

+	<string>$(PRODUCT_NAME)</string>

+	<key>CFBundlePackageType</key>

+	<string>APPL</string>

+	<key>CFBundleShortVersionString</key>

+	<string>$(MARKETING_VERSION)</string>

+	<key>CFBundleVersion</key>

+	<string>$(CURRENT_PROJECT_VERSION)</string>

+	<key>LSRequiresIPhoneOS</key>

+	<true/>

+	<key>UILaunchStoryboardName</key>

+	<string>LaunchScreen</string>

+	<key>UIMainStoryboardFile</key>

+	<string>Main</string>

+	<key>UIRequiredDeviceCapabilities</key>

+	<array>

+		<string>armv7</string>

+	</array>

+	<key>UISupportedInterfaceOrientations</key>

+	<array>

+		<string>UIInterfaceOrientationPortrait</string>

+		<string>UIInterfaceOrientationLandscapeLeft</string>

+		<string>UIInterfaceOrientationLandscapeRight</string>

+	</array>

+	<key>UISupportedInterfaceOrientations~ipad</key>

+	<array>

+		<string>UIInterfaceOrientationPortrait</string>

+		<string>UIInterfaceOrientationPortraitUpsideDown</string>

+		<string>UIInterfaceOrientationLandscapeLeft</string>

+		<string>UIInterfaceOrientationLandscapeRight</string>

+	</array>

+	<key>UIViewControllerBasedStatusBarAppearance</key>

+	<true/>

+    <key>CFBundleURLTypes</key>

+        <array>

+        <dict>

+            <key>CFBundleURLSchemes</key>

+            <array>

+            <string>fb200395709360570</string>

+            </array>

+        </dict>

+        </array>

+        <key>FacebookAppID</key>

+        <string>200395709360570</string>

+        <key>FacebookClientToken</key>

+        <string>a3ae16e80d605bab9483feaa4c523e84</string>

+        <key>FacebookDisplayName</key>

+        <string>tigermuaythai.live</string>

+        <key>LSApplicationQueriesSchemes</key>

+        <array>

+            <string>fbapi</string>

+            <string>fbapi20130214</string>

+            <string>fbapi20130410</string>

+            <string>fbapi20130702</string>

+            <string>fbapi20131010</string>

+            <string>fbapi20131219</string>

+            <string>fbapi20140410</string>

+            <string>fbapi20140116</string>

+            <string>fbapi20150313</string>

+            <string>fbapi20150629</string>

+            <string>fbapi20160328</string>

+            <string>fbauth</string>

+            <string>fb-messenger-share-api</string>

+            <string>fbauth2</string>

+            <string>fbshareextension</string>

+        </array>

+</dict>

+</plist>

+require_relative '../../node_modules/@capacitor/ios/scripts/pods_helpers'

+

+platform :ios, '13.0'

+use_frameworks!

+

+# workaround to avoid Xcode caching of Pods that requires

+# Product -> Clean Build Folder after new Cordova plugins installed

+# Requires CocoaPods 1.6 or newer

+install! 'cocoapods', :disable_input_output_paths => true

+

+def capacitor_pods

+  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'

+  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'

+  pod 'CapacitorCommunityFacebookLogin', :path => '../../node_modules/@capacitor-community/facebook-login'

+  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'

+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'

+  pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'

+  pod 'CapacitorPreferences', :path => '../../node_modules/@capacitor/preferences'

+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'

+end

+

+target 'App' do

+  capacitor_pods

+  # Add your Pods here

+end

+

+post_install do |installer|

+  assertDeploymentTarget(installer)

+end

+PODS:

+  - Capacitor (5.5.0):

+    - CapacitorCordova

+  - CapacitorApp (5.0.6):

+    - Capacitor

+  - CapacitorCommunityFacebookLogin (5.0.3):

+    - Capacitor

+    - FBSDKCoreKit (= 16.1.3)

+    - FBSDKLoginKit (= 16.1.3)

+  - CapacitorCordova (5.5.0)

+  - CapacitorHaptics (5.0.6):

+    - Capacitor

+  - CapacitorKeyboard (5.0.6):

+    - Capacitor

+  - CapacitorPreferences (5.0.6):

+    - Capacitor

+  - CapacitorStatusBar (5.0.6):

+    - Capacitor

+  - FBAEMKit (16.1.3):

+    - FBSDKCoreKit_Basics (= 16.1.3)

+  - FBSDKCoreKit (16.1.3):

+    - FBAEMKit (= 16.1.3)

+    - FBSDKCoreKit_Basics (= 16.1.3)

+  - FBSDKCoreKit_Basics (16.1.3)

+  - FBSDKLoginKit (16.1.3):

+    - FBSDKCoreKit (= 16.1.3)

+

+DEPENDENCIES:

+  - "Capacitor (from `../../node_modules/@capacitor/ios`)"

+  - "CapacitorApp (from `../../node_modules/@capacitor/app`)"

+  - "CapacitorCommunityFacebookLogin (from `../../node_modules/@capacitor-community/facebook-login`)"

+  - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"

+  - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"

+  - "CapacitorKeyboard (from `../../node_modules/@capacitor/keyboard`)"

+  - "CapacitorPreferences (from `../../node_modules/@capacitor/preferences`)"

+  - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"

+

+SPEC REPOS:

+  trunk:

+    - FBAEMKit

+    - FBSDKCoreKit

+    - FBSDKCoreKit_Basics

+    - FBSDKLoginKit

+

+EXTERNAL SOURCES:

+  Capacitor:

+    :path: "../../node_modules/@capacitor/ios"

+  CapacitorApp:

+    :path: "../../node_modules/@capacitor/app"

+  CapacitorCommunityFacebookLogin:

+    :path: "../../node_modules/@capacitor-community/facebook-login"

+  CapacitorCordova:

+    :path: "../../node_modules/@capacitor/ios"

+  CapacitorHaptics:

+    :path: "../../node_modules/@capacitor/haptics"

+  CapacitorKeyboard:

+    :path: "../../node_modules/@capacitor/keyboard"

+  CapacitorPreferences:

+    :path: "../../node_modules/@capacitor/preferences"

+  CapacitorStatusBar:

+    :path: "../../node_modules/@capacitor/status-bar"

+

+SPEC CHECKSUMS:

+  Capacitor: 57890b363df14d5d2d5d8461aa23e886cb34da2a

+  CapacitorApp: 024e1b1bea5f883d79f6330d309bc441c88ad04a

+  CapacitorCommunityFacebookLogin: c0e2bb54cb567d90443a80ae20569fdac0df3f89

+  CapacitorCordova: 3d3908a3d208a11a75f9df3b18c4405c4de76e1d

+  CapacitorHaptics: 1fffc1217c7e64a472d7845be50fb0c2f7d4204c

+  CapacitorKeyboard: b978154b024a5f65e044908e37d15b7de58b9d12

+  CapacitorPreferences: f03954bcb0ff09c792909e46bff88e3183c16b10

+  CapacitorStatusBar: 565c0a1ebd79bb40d797606a8992b4a105885309

+  FBAEMKit: af2972f39bb0f3f7c45998f435b007833c32ffb2

+  FBSDKCoreKit: 19e2e18b3be578d7a51fed8fdd8c152bef0b9511

+  FBSDKCoreKit_Basics: dd9826ce3c9fd9f8cdf8dbbd0ef0a53e6c0c9e7e

+  FBSDKLoginKit: c395c63a1a6cf4a8a1e6103fd94b8c46329ee81c

+

+PODFILE CHECKSUM: c9736b063f76e0be20a97ef4e5e07cd2323fa896

+

+COCOAPODS: 1.12.1

+    "@capacitor-community/facebook-login": "^5.0.3",

+    "@capacitor/app": "5.0.6",

+    "@capacitor/core": "5.5.0",

+    "@capacitor/haptics": "5.0.6",

+    "@capacitor/ios": "5.5.0",

+    "@capacitor/keyboard": "5.0.6",

+    "@capacitor/preferences": "^5.0.6",

+    "@capacitor/status-bar": "5.0.6",

+    "@vimeo/player": "^2.20.1",

+    "axios": "^1.6.0",

+    "vue-core-video-player": "^0.2.0",

+    "vue-router": "^4.1.6",

+    "vue-vimeo-player": "^1.1.2"

+    "@capacitor/cli": "5.5.0",

+});

+

+import { addIcons } from 'ionicons';

+import { heart } from 'ionicons/icons';

+

+addIcons({

+  heart: heart,

+});

+      },

+      {

+        path: 'tab4',

+        component: () => import('@/views/ProfilePage.vue')

+      },

+      {

+        path: 'detail/:id/',

+        name: 'Detail', 

+        component: () => import('@/views/DetailPage.vue')

+import { CapacitorHttp } from '@capacitor/core';

+import axios from "axios";

+

+import { Preferences } from '@capacitor/preferences';

+

+

+export const TOKEN = '173cb9e357a861abd91e8008fab9246e0cc116af'

+//export const BASE_URL = 'http://192.168.1.35:8020/'

+export const BASE_URL = 'http://localhost:8020/'

+export const getProducts = async () => {

+  console.log("Get Products")

+  const { data } = await axios.get("https://yesno.wtf/api");

+  console.log(data)

+}

+

+export const setToken = async () => {

+   await Preferences.set({

+    key: 'user',

+    value: JSON.stringify({

+      id: 1,

+      name: 'Max'

+    })

+  });

+}

+

+export const getObject = async () => {

+  const ret = await Preferences.get({ key: 'user' });

+  const user = JSON.parse(ret.value);

+  return user

+}

+

+export const getToken = async () => {

+  console.log("get token ")

+  const { data } = await axios.post(BASE_URL + "api-token-auth/", {username: 'root', password: 'Tum 1984'})

+  console.log("get token ", data)

+  await Preferences.set({

+    key: 'token', 

+    value: data.token

+  })

+  return data.token

+}

+

+export const getTrainers = async () => {

+  const token = await Preferences.get({ key: 'token' });

+  console.log("token = ", token)

+  const { data } = await axios.get(BASE_URL + "backend/api/trainers/", {

+    headers: { 

+    'Authorization': `Token ${token.value}`

+    }

+  })

+  console.log(data)

+  return data.results

+}

+export const listMats = async  () => {

+

+  const token = await Preferences.get({ key: 'token' });

+  console.log("token = ", token)

+  const { data } = await axios.get(BASE_URL + "backend/api/mats/?ordering=-id", {

+    headers: { 

+    'Authorization': `Token ${token.value}`

+    }

+  })

+  console.log(data)

+  return data.results

+}

+

+<template>

+  <ion-page>

+    <ion-header>

+      <ion-toolbar>

+        <ion-buttons slot="start">

+          <ion-back-button></ion-back-button>

+          </ion-buttons>

+        <ion-title>Detail</ion-title>

+      </ion-toolbar>

+    </ion-header>

+    <ion-content :fullscreen="true">

+      <ion-header collapse="condense">

+        <ion-toolbar>

+          <ion-title size="large">Detail</ion-title>

+        </ion-toolbar>

+      </ion-header>

+      ID: {{ id }}

+    </ion-content>

+  </ion-page>

+</template>

+

+<script setup lang="ts">

+import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent,   IonNavLink,

+    IonButton,

+    IonButtons,

+    IonBackButton } from '@ionic/vue';

+import { useRoute } from 'vue-router';

+const route = useRoute();

+const { id } = route.params;

+</script>

+<template>

+   <ion-page>

+    <ion-header>

+      <ion-toolbar>

+        <ion-title>Listen now</ion-title>

+      </ion-toolbar>

+    </ion-header>

+    <ion-content>

+      <div class="example-content">Listen now content</div>

+      <ion-button @click='fbLogout' v-if='isLogin'>Facebook Logout</ion-button>

+      <ion-button @click='fbLogin' v-else>Facebook Login</ion-button>

+    </ion-content>

+  </ion-page>

+</template>

+

+<script setup lang="ts">

+import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonButton, onIonViewWillEnter } from '@ionic/vue';

+import ExploreContainer from '@/components/ExploreContainer.vue';

+

+import {

+  FacebookLogin,

+  FacebookLoginResponse,

+} from '@capacitor-community/facebook-login';

+

+import { ref } from 'vue';

+

+const FACEBOOK_PERMISSIONS = [

+  'email',

+  'public_profile',

+  //'user_photos',

+  //'user_gender',

+];

+

+const isLogin = ref(false)

+

+const fbLogin = async () => {

+  const result = await (<FacebookLoginResponse>(

+    FacebookLogin.login({ permissions: FACEBOOK_PERMISSIONS })

+  ));

+

+  if (result.accessToken) {

+    // Login successful.

+    isLogin.value = true

+    console.log(`Facebook access token is ${result.accessToken.token}`);

+  }

+}

+const fbLogout = async () => {

+  await FacebookLogin.logout();

+  isLogin.value = false

+}

+onIonViewWillEnter(async () => {

+  const result = await (<FacebookLoginResponse>(

+    FacebookLogin.getCurrentAccessToken()

+  ));

+  console.log(result == undefined)

+  if (result != undefined && result.accessToken) {

+    console.log(`Facebook access token is ${result.accessToken.token}`);

+    isLogin.value = true

+    await getProfile()

+  }else {

+    isLogin.value = false

+  }

+

+})

+const getProfile = async () => {

+  const result = await FacebookLogin.getProfile<{

+    email: string;

+  }>({ fields: ['email'] });

+

+  console.log(`Facebook user's email is ${result.email}`);

+}

+</script>

+    <ion-content>

+      <ion-grid>

+        <ion-row>

+          <ion-col size="12" size-md="4" size-lg="2">

+            <ion-card>

+              <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />

+              <ion-card-header>

+                <ion-card-title>Card Title</ion-card-title>

+                <ion-card-subtitle>Card Subtitle</ion-card-subtitle>

+              </ion-card-header>

+              <ion-card-content>

+                Here's a small text description for the card content. Nothing more, nothing less.

+              </ion-card-content>

+            </ion-card>

+          </ion-col>

+          <ion-col size="12" size-md="4" size-lg="2">

+            <ion-card>

+              <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />

+              <ion-card-header>

+                <ion-card-title>Card Title</ion-card-title>

+                <ion-card-subtitle>Card Subtitle</ion-card-subtitle>

+              </ion-card-header>

+

+              <ion-card-content>

+                Here's a small text description for the card content. Nothing more, nothing less.

+              </ion-card-content>

+            </ion-card>

+          </ion-col>

+        </ion-row>

+      </ion-grid>

+      {{ token }}

+      <ion-button router-link="/tabs/detail/3/" router-direction="forward">Click Me</ion-button>

+      {{ safeUrl }}

+      

+      <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/880005259?badge=0&amp;autopause=0&amp;quality_selector=1&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Muay Thai Advance"></iframe></div> 

+<!--

+<vue-core-video-player src="https://player.vimeo.com/progressive_redirect/playback/880005259/rendition/720p/file.mp4?loc=external&signature=5ddad1430211b33f65824444a3137fc0ec6fe61183d39997036d2dd3b78654f9"></vue-core-video-player> -->

+

+      Video

+

+

+<div id="made-in-ny" ref='video'></div>

+

+      <ul>

+        <li v-for="(item, index) in items">

+          {{ item.msg }}

+        </li>

+      </ul>

+      <ion-item v-for="t in trainers" :router-link="'/detail/'+t.id">

+        <ion-thumbnail slot="start" v-if="t.photo">

+          <img alt="Silhouette of mountains" :src="t.photo" />

+        </ion-thumbnail>

+        <ion-label class='ion-text-wrap'>{{ t.name }}</ion-label>

+      </ion-item>

+      <ion-icon icon="heart"></ion-icon>

+      <ion-button @click="scrollToBottom">Scroll to Bottom</ion-button>

+      {{ mats }}

+

+import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonIcon, onIonViewWillEnter, IonButton, 

+  onIonViewWillLeave, IonItem, IonLabel, IonThumbnail, IonCol, IonGrid, IonRow, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle  } from '@ionic/vue';

+import ExploreContainer  from '@/components/ExploreContainer.vue';

+import { CapacitorHttp } from '@capacitor/core';

+import { ref } from 'vue';

+import { TOKEN, getProducts, setToken, getObject, getToken, getTrainers, listMats } from '@/settings';

+//import VueCoreVideoPlayer from 'vue-core-video-player'

+import { vueVimeoPlayer } from 'vue-vimeo-player'

+

+

+import Player from '@vimeo/player';

+

+const safeUrl = "https://vimeo.com/880005259?share=copy"

+const token = ref()

+const trainers = ref([])

+const mats = ref()

+ const scrollToBottom = () => {

+    console.log("scroll")

+    //content.value.$el.scrollToBottom(300);

+  };

+  const items = ref([{msg: 'foo'}, {msg: 'bar2'}])

+

+  const options = {

+        id: 59777392,

+        width: 640,

+        loop: true

+    };

+ //const video = ref(null)

+

+  //const player = new Player(video, options);

+

+  onIonViewWillEnter(async () => {

+    //console.log("video " ,video)

+    //console.log("video id", video.value.id)

+    //const player = new Player(video.value.id, options);

+    //player.setVolume(0);

+

+    //player.on('play', function() {

+    //    console.log('played the video!');

+    //});

+    console.log("view view enter")

+    // doGet()

+    // await getProducts()

+    // console.log(TOKEN)

+    // setToken()

+    // let u = getObject()

+    //console.log('u ', u)

+

+    token.value = await getToken()

+    trainers.value = await getTrainers()

+    mats.value = await listMats()

+    console.log(" trainers => ", trainers)

+

+  })

+

+  onIonViewWillLeave(() => {

+    console.log("view will leave")

+  

+  })

+

+  const doGet = async () => {

+    console.log("do get")

+    const options = {

+      url: 'https://example.com/my/api',

+      headers: { 'X-Fake-Header': 'Fake-Value' },

+      params: { size: 'XL' },

+    };

+

+    const response: HttpResponse = await CapacitorHttp.get(options);

+    console.log(response)

+  }

+          <ion-icon aria-hidden="true" :icon="videocam" />

+          <ion-label>Trainings</ion-label>

+          <ion-icon aria-hidden="true" :icon="grid" />

+          <ion-label>Course</ion-label>

+          <ion-icon aria-hidden="true" :icon="time" />

+          <ion-label>Schedule</ion-label>

+        </ion-tab-button>

+        <ion-tab-button tab="profile" href="/tabs/tab4">

+          <ion-icon aria-hidden="true" :icon="person" />

+          <ion-label>Profile</ion-label>

+import { ellipse, square, triangle, person, time, videocam, grid } from 'ionicons/icons';

+