-
-
-
- Schedule
-
-
-
-
- Speakers
-
-
-
-
- Map
-
-
-
-
- About
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- All
-
-
- Favorites
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- No Sessions Found
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/03_source/mobile_notworking.del/src/components/ChatBottomDetails.jsx b/03_source/mobile_notworking.del/src/components/ChatBottomDetails.jsx
deleted file mode 100644
index deab9ca..0000000
--- a/03_source/mobile_notworking.del/src/components/ChatBottomDetails.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { IonIcon } from '@ionic/react';
-import { checkmarkDone, star } from 'ionicons/icons';
-
-export const ChatBottomDetails = ({ message }) => (
-
- {message.date}
- {message.sent &&
- {avatarUrl ? 
:
- 
-
- {contact.name}
- {read && received &&
- {preview}
-
-
-
-
- {date}
-
- {notificationCount > 0 && {notificationCount} }
-
-
-
-
-);
-
-export const ChatRepliedQuote = ({ message, contact, repliedMessage }) => {
- if (message.reply && repliedMessage) {
- return {contact.name}
-{repliedMessage.preview}
-; - } else { - return ''; - } -}; diff --git a/03_source/mobile_notworking.del/src/components/ContactModal.jsx b/03_source/mobile_notworking.del/src/components/ContactModal.jsx deleted file mode 100644 index 53e68c7..0000000 --- a/03_source/mobile_notworking.del/src/components/ContactModal.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import { - IonButton, - IonButtons, - IonContent, - IonHeader, - IonItem, - IonLabel, - IonList, - IonTitle, - IonToolbar, -} from '@ionic/react'; -import { ContactStore } from '../store'; -import { getContacts } from '../store/Selectors'; - -import './ContactModal.scss'; - -const ContactModal = ({ close }) => { - const contacts = ContactStore.useState(getContacts); - - return ( -
-
-
- New Chat
-
-
- Cancel
-
-
-
-
-
-
-
- {contacts.map(contact => {
- return (
-
- 
-
-
-
- );
- })}
-
-
-
- );
-};
-
-export default ContactModal;
diff --git a/03_source/mobile_notworking.del/src/components/ContactModal.scss b/03_source/mobile_notworking.del/src/components/ContactModal.scss
deleted file mode 100644
index 0ed4a84..0000000
--- a/03_source/mobile_notworking.del/src/components/ContactModal.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.contact-item {
- img {
- border-radius: 500px;
- height: 2.5rem;
- width: 2.5rem;
- margin-right: 1.5rem;
- }
-
- ion-label {
- h1 {
- font-size: 1rem;
- }
- }
-}
diff --git a/03_source/mobile_notworking.del/src/components/HKPartyIonArchiveIcon/index.tsx b/03_source/mobile_notworking.del/src/components/HKPartyIonArchiveIcon/index.tsx
deleted file mode 100644
index 8dc349e..0000000
--- a/03_source/mobile_notworking.del/src/components/HKPartyIonArchiveIcon/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { IonIcon } from '@ionic/react';
-import { trashOutline } from 'ionicons/icons';
-
-const HKPartyIonDeleteIcon = ({ ...props }) => {
- return {contact.name}
-Available
-
- {children}
-
- {/* */}
-
- {'Loading'}
-
- ${markerData.name}
`, - }); - - let marker = new google.maps.Marker({ - position: new google.maps.LatLng(markerData.lat, markerData.lng), - map: map.current!, - title: markerData.name, - }); - - marker.addListener('click', () => { - infoWindow.open(map.current!, marker); - }); - }); - } - }, [mapCenter, locations]); - - return ; -}; - -export default Map; diff --git a/03_source/mobile_notworking.del/src/components/Menu.css b/03_source/mobile_notworking.del/src/components/Menu.css deleted file mode 100644 index 1740a2f..0000000 --- a/03_source/mobile_notworking.del/src/components/Menu.css +++ /dev/null @@ -1,88 +0,0 @@ -ion-menu ion-content { - --padding-top: 20px; - --padding-bottom: 20px; - - --background: var(--ion-item-background, var(--ion-background-color, #fff)); -} - -/* Remove background transitions for switching themes */ -ion-menu ion-item { - --transition: none; -} - -ion-item.selected { - --color: var(--ion-color-primary); -} - -/* - * Material Design Menu -*/ -ion-menu.md ion-list { - padding: 20px 0; -} - -ion-menu.md ion-list-header { - padding-left: 18px; - padding-right: 18px; - - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: min(0.875rem, 32px); - font-weight: 450; -} - -ion-menu.md ion-item { - --padding-start: 18px; - - margin-right: 10px; - - border-radius: 0 50px 50px 0; - - font-weight: 500; -} - -ion-menu.md ion-item.selected { - --background: rgba(var(--ion-color-primary-rgb), 0.14); -} - -ion-menu.md ion-item.selected ion-icon { - color: var(--ion-color-primary); -} - -ion-menu.md ion-list-header, -ion-menu.md ion-item ion-icon { - color: var(--ion-color-step-650, #5f6368); -} - -ion-menu.md ion-list:not(:last-of-type) { - border-bottom: 1px solid var(--ion-color-step-150, #d7d8da); -} - -/* - * iOS Menu -*/ -ion-menu.ios ion-list-header { - padding-left: 16px; - padding-right: 16px; - - margin-bottom: 8px; - font-size: clamp(22px, 1.375rem, 40px); -} - -ion-menu.ios ion-list { - padding: 20px 0 0; -} - -ion-menu.ios ion-item { - --padding-start: 16px; - --min-height: 50px; -} - -ion-menu.ios ion-item ion-icon { - font-size: 24px; - color: #73849a; -} - -ion-menu.ios ion-item.selected ion-icon { - color: var(--ion-color-primary); -} diff --git a/03_source/mobile_notworking.del/src/components/Menu.tsx b/03_source/mobile_notworking.del/src/components/Menu.tsx deleted file mode 100644 index 98ff2e6..0000000 --- a/03_source/mobile_notworking.del/src/components/Menu.tsx +++ /dev/null @@ -1,138 +0,0 @@ -import React from 'react'; -import { RouteComponentProps, useLocation, withRouter } from 'react-router'; - -import { - IonContent, - IonIcon, - IonItem, - IonLabel, - IonList, - IonListHeader, - IonMenu, - IonMenuToggle, - IonToggle, -} from '@ionic/react'; -import { - calendarOutline, - hammer, - help, - informationCircleOutline, - logIn, - logOut, - mapOutline, - moonOutline, - peopleOutline, - person, - personAdd, -} from 'ionicons/icons'; - -import { connect } from '../data/connect'; -import { setDarkMode } from '../data/user/user.actions'; - -import './Menu.css'; - -const routes = { - appPages: [ - { title: 'Schedule', path: '/tabs/schedule', icon: calendarOutline }, - { title: 'Speakers', path: '/tabs/speakers', icon: peopleOutline }, - { title: 'Map', path: '/tabs/map', icon: mapOutline }, - { title: 'About', path: '/tabs/about', icon: informationCircleOutline }, - { title: 'Message', path: '/tabs/message', icon: informationCircleOutline }, - { title: 'Profile', path: '/tabs/profile', icon: informationCircleOutline }, - ], - loggedInPages: [ - { title: 'Account', path: '/account', icon: person }, - { title: 'Support', path: '/support', icon: help }, - { title: 'Logout', path: '/logout', icon: logOut }, - ], - loggedOutPages: [ - { title: 'Login', path: '/login', icon: logIn }, - { title: 'Support', path: '/support', icon: help }, - { title: 'Signup', path: '/signup', icon: personAdd }, - ], -}; - -interface Pages { - title: string; - path: string; - icon: string; - routerDirection?: string; -} -interface StateProps { - darkMode: boolean; - isAuthenticated: boolean; - menuEnabled: boolean; -} - -interface DispatchProps { - setDarkMode: typeof setDarkMode; -} - -interface MenuProps extends RouteComponentProps, StateProps, DispatchProps {} - -const Menu: React.FC{session.name}
-- {session.timeStart}— - {session.timeStart}— - {session.location} -
-{speaker.name}
-{speaker.title}
-{session.name}
-About {speaker.name}
-
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
- 
-
- clicked('Update Picture')}>Update Picture
- setShowAlert(true)}>Change Username
- clicked('Change Password')}>Change Password
-
- Support
-
-
- Logout
-
-
-
- )}
-
- {username}
-
- 
-
-
-
-
-
- {
- router.push('/sblogout', 'forward', 'replace');
- }}
- >
- Log Out
-
-
- Session not found
;
- }
-
- const isFavorite = favoriteSessions.indexOf(session.id) > -1;
-
- const toggleFavorite = () => {
- isFavorite ? removeFavorite(session.id) : addFavorite(session.id);
- };
- const shareSession = () => {};
- const sessionClick = (text: string) => {
- console.log(`Clicked ${text}`);
- };
-
- return (
-
-
- {session.timeStart} – {session.timeEnd}
-
- {session.location} -
-
- {session.name}
- {session.tracks.map(track => ( - - {track} - - ))} -{session.description}
-- {session.location} -
-
-
-
-
-
- Speaker not found
;
- }
-
- return (
-
- 
-
-
- {speaker.name}
-
-
- - openExternalUrl(`https://twitter.com/${speaker.twitter}`)}>
- Twitter
-
-
- openExternalUrl('https://github.com/ionic-team/ionic-framework')}>
- GitHub
-
-
- openExternalUrl('https://instagram.com/ionicframework')}>
- Instagram
-
-
- {speaker.about} Say hello on social media!
- -- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
- - Welcome to ICA -
-- The ionic conference app is a practical preview of the ionic framework in action, and a - demonstration of proper code use. -
-
- 
-
-
- What is Ionic?
-- Ionic Framework is an open source SDK that enables developers to build high quality mobile apps - with web technologies like HTML, CSS, and JavaScript. -
-
- 
-
-
- What is Ionic Appflow?
-- Ionic Appflow is a powerful set of services and features built on top of Ionic Framework that - brings a totally new level of app development agility to mobile dev teams. -
-
- 
-
- Continue
-
-
-
- Ready to Play?
-{'Unlock membership place holder'}
-
- {
- window.history.back();
- }}
- >
- {'Back'}
-
-
-
- );
-};
-
-export default UnlockMemberShip;
diff --git a/03_source/mobile_notworking.del/src/pages/ViewParticipants/ParticipantDetail/index.tsx b/03_source/mobile_notworking.del/src/pages/ViewParticipants/ParticipantDetail/index.tsx
deleted file mode 100644
index f0b1b39..0000000
--- a/03_source/mobile_notworking.del/src/pages/ViewParticipants/ParticipantDetail/index.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import {
- IonBackButton,
- IonButton,
- IonButtons,
- IonChip,
- IonContent,
- IonFooter,
- IonIcon,
- IonItem,
- IonLabel,
- IonList,
- IonPopover,
- IonText,
- IonTitle,
-} from '@ionic/react';
-import React, { useEffect } from 'react';
-import HKPartyIonHeader from '../../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../../components/HKPartyIonToolbar';
-import { useGetUserProfileById } from '../../../hooks/useGetUserProfileById';
-
-import { chevronBackOutline, ellipsisHorizontal, ellipsisVertical, helpCircleOutline } from 'ionicons/icons';
-import Loading from '../../../components/Loading';
-import constants from '../../../constants';
-import './style.scss';
-
-function ParticipantDetail({ user_id }) {
- const [user_profile] = useGetUserProfileById({ user_id });
-
- const [page_content, setPageContent] = React.useState(null);
-
- useEffect(() => {
- setPageContent({
- about_user: user_profile?.about_user || 'No About',
- gender: user_profile?.gender || -1,
- height_cm: user_profile?.height_cm || -1,
- weight_kg: user_profile?.weight_kg || -1,
- avatar_url: user_profile?.avatar_urls?.length > 0 ? user_profile?.avatar_urls[0] : constants.IONIC_DEFAULT_AVATAR,
- other_tags: user_profile?.other_tags || [],
- career: user_profile?.career || [],
- spoken_language: user_profile?.spoken_language || [],
- education: user_profile?.education || [],
- });
- }, [user_profile]);
-
- if (!page_content) return
-
-
-
-
-
-
-
- {page_content.about_user}
-
-
-
-
-
-
-
-
- {page_content.gender == 1 ? 'Male' : 'Female'}
-
-
- {page_content.height_cm} cm
-
-
- {page_content.weight_kg} kg
-
-
-
-
- Doctor
-
-
-
-
- {page_content.spoken_language.map((t, i) => (i > 0 ? ', ' + t : t))}
-
-
-
-
- {page_content.education}
-
-
- {page_content.about_user}
-
-
- {'About me'}
-
-
-
- {'Career'}
-
- {page_content.career.map((t, i) => (
- {t}
- ))}
-
-
-
-
- {'Spoken Language'}
-
- {page_content.spoken_language.map((t, i) => (
- {t}
- ))}
-
-
-
- {'Other Tags'}
-
- {page_content.other_tags.map((t, i) => (
- {t}
- ))}
-
-
- {participants.map((u, i) => (
-
-
-
- {'Unlock'}
-
-
-
- );
-}
-
-export default ViewParticipants;
diff --git a/03_source/mobile_notworking.del/src/pages/ViewParticipants/style.scss b/03_source/mobile_notworking.del/src/pages/ViewParticipants/style.scss
deleted file mode 100644
index 3ae038e..0000000
--- a/03_source/mobile_notworking.del/src/pages/ViewParticipants/style.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.ion-padding {
- background-color: gold;
-}
diff --git a/03_source/mobile_notworking.del/src/pages/chat/index.tsx b/03_source/mobile_notworking.del/src/pages/chat/index.tsx
deleted file mode 100644
index 5c9fe75..0000000
--- a/03_source/mobile_notworking.del/src/pages/chat/index.tsx
+++ /dev/null
@@ -1,421 +0,0 @@
-import {
- CreateAnimation,
- IonActionSheet,
- IonBackButton,
- IonButton,
- IonButtons,
- IonCol,
- IonContent,
- IonFooter,
- IonGrid,
- IonIcon,
- IonRow,
- IonText,
- IonTextarea,
- IonThumbnail,
- IonTitle,
- IonToast,
- createGesture,
- useIonViewWillEnter,
-} from '@ionic/react';
-import {
- addOutline,
- alertOutline,
- callOutline,
- cameraOutline,
- chevronBackOutline,
- micOutline,
- send,
- shareOutline,
- starOutline,
- trashOutline,
- videocamOutline,
-} from 'ionicons/icons';
-import { useEffect, useRef, useState } from 'react';
-import { ChatStore, ContactStore } from '../../store';
-import { getNotificationCount, markAllAsRead, sendChatMessage, starChatMessage } from '../../store/ChatStore';
-import { getChat, getChats, getContact } from '../../store/Selectors';
-
-//
-import { useLongPress } from 'react-use';
-import { ChatBottomDetails } from '../../components/ChatBottomDetails';
-import { ChatRepliedQuote } from '../../components/ChatRepliedQuote';
-import ReplyTo from '../../components/ReplyTo';
-import { useCamera } from '../../hooks/useCamera';
-import { useGallery } from '../../hooks/useGallery';
-
-//
-import HKPartyIonHeader from '../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../components/HKPartyIonToolbar';
-import './style.scss';
-
-const ChatHelloworld = () => {
- // TODO: hardcoded for development purpose, should use `useParams()`
- // const params = useParams();
- const params = { contact_id: 1 };
- // Global State
- const chat = ChatStore.useState(getChat(params.contact_id));
-
- const chats = ChatStore.useState(getChats);
- const contact = ContactStore.useState(getContact(params.contact_id));
- const notificationCount = getNotificationCount(chats);
-
- const { takePhoto } = useCamera();
- const { prompt } = useGallery();
-
- // Local state
- const [message, setMessage] = useState('');
- const [showSendButton, setShowSendButton] = useState(false);
- const [replyToMessage, setReplyToMessage] = useState(false);
- const [messageSent, setMessageSent] = useState(false);
-
- const [showActionSheet, setShowActionSheet] = useState(false);
- const [actionMessage, setActionMessage] = useState(false);
-
- const [showToast, setShowToast] = useState(false);
- const [toastMessage, setToastMessage] = useState('');
-
- // Refs
- const contentRef = useRef();
- const swiperRefs = useRef([]);
- const textareaRef = useRef();
- const sideRef = useRef();
- const sendRef = useRef();
- const replyToAnimationRef = useRef();
-
- const actionSheetButtons = [
- {
- text: actionMessage && actionMessage.starred ? 'Unstar Message' : 'Star Message',
- icon: starOutline,
- handler: () => starChatMessage(params.contact_id, actionMessage.id),
- },
- actionMessage && actionMessage.received
- ? {
- text: 'Reply To Message',
- icon: shareOutline,
- handler: () => showReplyToMessage(actionMessage),
- }
- : {
- text: 'Unsend Message',
- icon: alertOutline,
- handler: () => toaster("I haven't implemented unsend :) Simple store update though"),
- },
- {
- text: 'Delete Message',
- icon: trashOutline,
- handler: () => toaster("I haven't implemented delete :) Simple store update though"),
- role: 'destructive',
- },
- ];
-
- useEffect(() => {
- !showActionSheet && setActionMessage(false);
- }, [showActionSheet]);
-
- // Scroll to end of content
- // Mark all chats as read if we come into a chat
- // Set up our swipe events for animations and gestures
- useIonViewWillEnter(() => {
- scrollToBottom();
- setupObserver();
- markAllAsRead(params.contact_id);
- setSwipeEvents();
- });
-
- // For displaying toast messages
- const toaster = message => {
- setToastMessage(message);
- setShowToast(true);
- };
-
- // Scroll to end of content
- const scrollToBottom = async () => {
- contentRef.current.scrollToBottom();
- };
-
- // Watch for DOM changes
- // Then scroll to bottom
- // This ensures that the new chat message has *actually* been rendered
- // Check this:
- // https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
- const setupObserver = () => {
- // Mutation Observers watch for DOM changes
- // This will ensure that we scroll to bottom AFTER the new chat has rendered
- const observer = new MutationObserver(() => {
- scrollToBottom();
- });
-
- // We observe the ion-content (or containing element of chats)
- observer.observe(contentRef.current, {
- childList: true,
- });
- };
-
- // Long press callback
- const onLongPress = e => {
- const elementID = e.target.id;
- const chatMessageID = elementID.includes('chatText')
- ? parseInt(elementID.replace('chatText_', ''))
- : elementID.includes('chatTime')
- ? parseInt(elementID.replace('chatTime_', ''))
- : parseInt(elementID.replace('chatBubble_', ''));
-
- const chatMessage = chat.filter(message => parseInt(message.id) === parseInt(chatMessageID))[0];
-
- setActionMessage(chatMessage);
- setShowActionSheet(true);
- };
-
- const longPressEvent = useLongPress(onLongPress, {
- isPreventDefault: true,
- delay: 2000,
- });
-
- const showReplyToMessage = async message => {
- // Activate reply-to functionality
- setReplyToMessage(message);
- await replyToAnimationRef.current.animation.play();
- contentRef.current.scrollToBottom(300);
- };
-
- const checkBubble = async (bubble, message, event) => {
- if (event.deltaX >= 120) {
- // Activate reply-to functionality
- bubble.style.transform = 'none';
- showReplyToMessage(message);
- } else {
- // Put chat bubble back to original position
- bubble.style.transform = 'none';
- }
- };
-
- // Function to move a bubble with the deltaX swipe
- const moveBubble = (bubble, event) => {
- if (event.velocityX > 0) {
- bubble.style.transform = `translateX(${event.deltaX}px)`;
- }
- };
-
- const setSwipeEvents = () => {
- chat.forEach((message, index) => {
- if (!message.sent) {
- const chatBubble = swiperRefs.current[index];
-
- const swipeGesture = createGesture({
- el: chatBubble,
- onEnd: e => checkBubble(chatBubble, message, e),
- onMove: e => moveBubble(chatBubble, e),
- });
-
- swipeGesture.enable();
- }
- });
- };
-
- const widthAnimation = {
- property: 'width',
- fromValue: '110%',
- toValue: '100%',
- };
-
- const fadeAnimation = {
- property: 'opacity',
- fromValue: '100%',
- toValue: '0%',
- };
-
- const sideButtonsAnimation = {
- duration: 200,
- direction: showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const sendButtonAnimation = {
- duration: showSendButton ? 300 : 100,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const textareaAnimation = {
- duration: 200,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [widthAnimation],
- easing: 'ease-in-out',
- };
-
- // Set the state value when message val changes
- useEffect(() => {
- setShowSendButton(message !== '');
- }, [message]);
-
- // Play the animations when the state value changes
- useEffect(() => {
- textareaRef.current.animation.play();
- sideRef.current.animation.play();
- sendRef.current.animation.play();
- }, [showSendButton]);
-
- const sendMessage = (image = false, imagePath = false) => {
- if (message !== '' || image === true) {
- sendChatMessage(
- params.contact_id,
- message,
- replyToMessage,
- replyToMessage ? replyToMessage.id : false,
- image,
- imagePath,
- );
- setMessage('');
-
- setMessageSent(true);
- setTimeout(() => setMessageSent(false), 10);
- image && setTimeout(() => scrollToBottom(), 100);
- }
- };
-
- const handlePhoto = async () => {
- const returnedFilePath = await takePhoto();
- sendMessage(true, returnedFilePath);
- };
-
- const handlePrompt = async () => {
- const returnedFilePath = await prompt();
- sendMessage(true, returnedFilePath);
- };
-
- const replyToProps = {
- replyToAnimationRef,
- replyToMessage,
- setReplyToMessage,
- contact: contact.name,
- messageSent,
- };
-
- return (
- <>
-
-
-
-
-
-
-
- {contact.name}
- last seen today at 22:10
-
- (swiperRefs.current[index] = ref)}
- id={`chatBubble_${message.id}`}
- key={index}
- className={`chat-bubble ${message.sent ? 'bubble-sent' : 'bubble-received'}`}
- {...longPressEvent}
- >
-
- );
- })}
-
-
- 
}
-
-
-
-
-
- {
- // console.log('helloworl');
- // setMessage(e.target.value);
- // }}
- onIonInput={e => {
- // console.log('findme ?');
- setMessage(e.target.value);
- }}
- mode="ios"
- />
-
-
-
-
- HK Single Party
-
-
-
-
- Icon
-
-
-
-
- HK Single Party
-
- {t('helloworld')}
- Let's get together into your account
-
-
-
- {
- i18n.changeLanguage('en');
- }}
- >
- eng 1
-
- {
- i18n.changeLanguage('zhHk');
- }}
- >
- chi 2
-
-
- Continue with Phone
- 
-
-
-
-
- {dayjs(page_content.event_date).format('DD/MM/YYYY')}
- {party_event.title}
-
-
-
- {'More'}
-
-
-
-
- {page_content.show_party_participants ? (
- <>
- {page_content.party_participants.map(({ profile }, i) => (
-
- +{page_content.party_participants_going} Going
- ) : (
- <>
- )}
-
- ) : (
- <>
- )}
-
-
-
-
-
-
- {page_content.currency}
- {page_content.price_per_person} {'per person'}
-
-
-
-
-
- {page_content.event_duration_min / 60} {'hours'}
-
-
-
-
-
- {page_content.age_min}-{page_content.age_max} {'years old'}
-
-
-
-
- {page_content.address}
-
-
- {page_content.num_m + page_content.num_f}
- {page_content.num_m}
- {page_content.num_f}
-
-
-
-
-
-
-
-
- );
-};
-
-export default React.memo(EventIonCard);
diff --git a/03_source/mobile_notworking.del/src/pages/events/PageOne.tsx b/03_source/mobile_notworking.del/src/pages/events/PageOne.tsx
deleted file mode 100644
index 05df72a..0000000
--- a/03_source/mobile_notworking.del/src/pages/events/PageOne.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-// REQ0041/home_discover_event_tab
-
-import { IonBackButton, IonButton, IonButtons, IonContent, IonIcon, IonItem, IonList, IonTitle } from '@ionic/react';
-import { chevronBackOutline, settingsSharp } from 'ionicons/icons';
-import React from 'react';
-import './style.scss';
-
-import EventIonCard from './EventIonCard';
-
-import { useListPartyEventSummaries } from '../../hooks/useListPartyEventSummaries';
-
-import dayjs from 'dayjs';
-import duration from 'dayjs/plugin/duration';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import HKPartyIonHeader from '../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../components/HKPartyIonToolbar';
-import Loading from '../../components/Loading';
-dayjs.extend(duration);
-dayjs.extend(relativeTime);
-
-interface AboutProps {}
-
-const Events: React.FC
- {
- e.stopPropagation();
- }}
- >
-
-
-
-
-
- {page_content.title}
-
- {page_content.currency}
- {page_content.price}
-
-
-
-
-
- {page_content.NUM_M + page_content.NUM_F}
-
-
- {page_content.NUM_M}
-
-
- {page_content.NUM_F}
- Page Two
-Use the back button to navigate to the previous page.
-hello favourite
-
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
-
-
-
- last seen today at 22:10
-
- {contact.name}
- (swiperRefs.current[index] = ref)}
- id={`chatBubble_${message.id}`}
- key={index}
- className={`chat-bubble ${message.sent ? 'bubble-sent' : 'bubble-received'}`}
- {...longPressEvent}
- >
-
- );
- })}
-
-
-
-
-
-
-
- setMessage(e.target.value)} />
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default VisitorAvatar;
diff --git a/03_source/mobile_notworking.del/src/pages/messages/VisitorAvatar/style.scss b/03_source/mobile_notworking.del/src/pages/messages/VisitorAvatar/style.scss
deleted file mode 100644
index 33a4cfe..0000000
--- a/03_source/mobile_notworking.del/src/pages/messages/VisitorAvatar/style.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.visitor-avatar {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-
- .time {
- padding-top: 1rem;
- }
-}
-
-#date-input-popover {
- --offset-y: -var(--ion-safe-area-bottom);
-
- --max-width: 90%;
- --width: 336px;
-}
diff --git a/03_source/mobile_notworking.del/src/pages/messages/chat.tsx b/03_source/mobile_notworking.del/src/pages/messages/chat.tsx
deleted file mode 100644
index d21db27..0000000
--- a/03_source/mobile_notworking.del/src/pages/messages/chat.tsx
+++ /dev/null
@@ -1,406 +0,0 @@
-import {
- CreateAnimation,
- IonActionSheet,
- IonBackButton,
- IonButton,
- IonButtons,
- IonCol,
- IonContent,
- IonFooter,
- IonGrid,
- IonHeader,
- IonIcon,
- IonPage,
- IonRow,
- IonText,
- IonTextarea,
- IonTitle,
- IonToast,
- IonToolbar,
- createGesture,
- useIonViewWillEnter,
-} from '@ionic/react';
-import {
- addOutline,
- alertOutline,
- callOutline,
- cameraOutline,
- micOutline,
- send,
- shareOutline,
- starOutline,
- trashOutline,
- videocamOutline,
-} from 'ionicons/icons';
-import { useEffect, useRef, useState } from 'react';
-//
-import { ChatStore, ContactStore } from '../../store';
-import { getNotificationCount, markAllAsRead, sendChatMessage, starChatMessage } from '../../store/ChatStore';
-import { getChat, getChats, getContact } from '../../store/Selectors';
-
-//
-import { useLongPress } from 'react-use';
-//
-import { ChatBottomDetails } from '../../components/ChatBottomDetails';
-import { ChatRepliedQuote } from '../../components/ChatRepliedQuote';
-import ReplyTo from '../../components/ReplyTo';
-import { useCamera } from '../../hooks/useCamera';
-import { useGallery } from '../../hooks/useGallery';
-import './Chat.css';
-
-const Chat = () => {
- // const params = useParams();
-
- // TODO: Fix this
- const params = { contact_id: 1 };
- // Global State
- const chat = ChatStore.useState(getChat(params.contact_id));
-
- const chats = ChatStore.useState(getChats);
- const contact = ContactStore.useState(getContact(params.contact_id));
- const notificationCount = getNotificationCount(chats);
-
- const { takePhoto } = useCamera();
- const { prompt } = useGallery();
-
- // Local state
- const [message, setMessage] = useState('');
- const [showSendButton, setShowSendButton] = useState(false);
- const [replyToMessage, setReplyToMessage] = useState(false);
- const [messageSent, setMessageSent] = useState(false);
-
- const [showActionSheet, setShowActionSheet] = useState(false);
- const [actionMessage, setActionMessage] = useState(false);
-
- const [showToast, setShowToast] = useState(false);
- const [toastMessage, setToastMessage] = useState('');
-
- // Refs
- const contentRef = useRef();
- const swiperRefs = useRef([]);
- const textareaRef = useRef();
- const sideRef = useRef();
- const sendRef = useRef();
- const replyToAnimationRef = useRef();
-
- const actionSheetButtons = [
- {
- text: actionMessage && actionMessage.starred ? 'Unstar Message' : 'Star Message',
- icon: starOutline,
- handler: () => starChatMessage(params.contact_id, actionMessage.id),
- },
- actionMessage && actionMessage.received
- ? {
- text: 'Reply To Message',
- icon: shareOutline,
- handler: () => showReplyToMessage(actionMessage),
- }
- : {
- text: 'Unsend Message',
- icon: alertOutline,
- handler: () => toaster("I haven't implemented unsend :) Simple store update though"),
- },
- {
- text: 'Delete Message',
- icon: trashOutline,
- handler: () => toaster("I haven't implemented delete :) Simple store update though"),
- role: 'destructive',
- },
- ];
-
- useEffect(() => {
- !showActionSheet && setActionMessage(false);
- }, [showActionSheet]);
-
- // Scroll to end of content
- // Mark all chats as read if we come into a chat
- // Set up our swipe events for animations and gestures
- useIonViewWillEnter(() => {
- scrollToBottom();
- setupObserver();
- markAllAsRead(params.contact_id);
- setSwipeEvents();
- });
-
- // For displaying toast messages
- const toaster = message => {
- setToastMessage(message);
- setShowToast(true);
- };
-
- // Scroll to end of content
- const scrollToBottom = async () => {
- contentRef.current.scrollToBottom();
- };
-
- // Watch for DOM changes
- // Then scroll to bottom
- // This ensures that the new chat message has *actually* been rendered
- // Check this:
- // https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
- const setupObserver = () => {
- // Mutation Observers watch for DOM changes
- // This will ensure that we scroll to bottom AFTER the new chat has rendered
- const observer = new MutationObserver(() => {
- scrollToBottom();
- });
-
- // We observe the ion-content (or containing element of chats)
- observer.observe(contentRef.current, {
- childList: true,
- });
- };
-
- // Long press callback
- const onLongPress = e => {
- const elementID = e.target.id;
- const chatMessageID = elementID.includes('chatText')
- ? parseInt(elementID.replace('chatText_', ''))
- : elementID.includes('chatTime')
- ? parseInt(elementID.replace('chatTime_', ''))
- : parseInt(elementID.replace('chatBubble_', ''));
-
- const chatMessage = chat.filter(message => parseInt(message.id) === parseInt(chatMessageID))[0];
-
- setActionMessage(chatMessage);
- setShowActionSheet(true);
- };
-
- const longPressEvent = useLongPress(onLongPress, {
- isPreventDefault: true,
- delay: 2000,
- });
-
- const showReplyToMessage = async message => {
- // Activate reply-to functionality
- setReplyToMessage(message);
- await replyToAnimationRef.current.animation.play();
- contentRef.current.scrollToBottom(300);
- };
-
- const checkBubble = async (bubble, message, event) => {
- if (event.deltaX >= 120) {
- // Activate reply-to functionality
- bubble.style.transform = 'none';
- showReplyToMessage(message);
- } else {
- // Put chat bubble back to original position
- bubble.style.transform = 'none';
- }
- };
-
- // Function to move a bubble with the deltaX swipe
- const moveBubble = (bubble, event) => {
- if (event.velocityX > 0) {
- bubble.style.transform = `translateX(${event.deltaX}px)`;
- }
- };
-
- const setSwipeEvents = () => {
- chat.forEach((message, index) => {
- if (!message.sent) {
- const chatBubble = swiperRefs.current[index];
-
- const swipeGesture = createGesture({
- el: chatBubble,
- onEnd: e => checkBubble(chatBubble, message, e),
- onMove: e => moveBubble(chatBubble, e),
- });
-
- swipeGesture.enable();
- }
- });
- };
-
- const widthAnimation = {
- property: 'width',
- fromValue: '110%',
- toValue: '100%',
- };
-
- const fadeAnimation = {
- property: 'opacity',
- fromValue: '100%',
- toValue: '0%',
- };
-
- const sideButtonsAnimation = {
- duration: 200,
- direction: showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const sendButtonAnimation = {
- duration: showSendButton ? 300 : 100,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const textareaAnimation = {
- duration: 200,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [widthAnimation],
- easing: 'ease-in-out',
- };
-
- // Set the state value when message val changes
- useEffect(() => {
- setShowSendButton(message !== '');
- }, [message]);
-
- // Play the animations when the state value changes
- useEffect(() => {
- textareaRef.current.animation.play();
- sideRef.current.animation.play();
- sendRef.current.animation.play();
- }, [showSendButton]);
-
- const sendMessage = (image = false, imagePath = false) => {
- if (message !== '' || image === true) {
- sendChatMessage(
- params.contact_id,
- message,
- replyToMessage,
- replyToMessage ? replyToMessage.id : false,
- image,
- imagePath,
- );
- setMessage('');
-
- setMessageSent(true);
- setTimeout(() => setMessageSent(false), 10);
- image && setTimeout(() => scrollToBottom(), 100);
- }
- };
-
- const handlePhoto = async () => {
- const returnedFilePath = await takePhoto();
- sendMessage(true, returnedFilePath);
- };
-
- const handlePrompt = async () => {
- const returnedFilePath = await prompt();
- sendMessage(true, returnedFilePath);
- };
-
- const replyToProps = {
- replyToAnimationRef,
- replyToMessage,
- setReplyToMessage,
- contact: contact.name,
- messageSent,
- };
-
- return (
-
- 12:30
-
-
-
-
- last seen today at 22:10
-
- {contact.name}
- (swiperRefs.current[index] = ref)}
- id={`chatBubble_${message.id}`}
- key={index}
- className={`chat-bubble ${message.sent ? 'bubble-sent' : 'bubble-received'}`}
- {...longPressEvent}
- >
-
- );
- })}
-
-
-
-
-
-
-
- setMessage(e.target.value)} />
-
-
-
-
-
-
- {results.map((chat, index) => {
- return Visitor
-
- {[...Array(3)].map((_, i) => (
-
-
-
-
- {results.map((chat, index) => {
- return Visitor
-
- {[...Array(3)].map((_, i) => (
-
-
-
-
-
- 
-
-
-
-
-
- {page_content.full_name || ''} {page_content.year_of_birth}
-
-
- {user_profile.other_tags.map((o, i) => (
- <>
- {i > 0 && ', '}
- {o}
-
- ))}
-
-
- {page_content.distance_between}
- km. {'Sai Kung'}
-
- {page_content.event_date}
- {page_content.title}
-
-
- {
- console.log('click into view participants');
- return {'More'}
-
-
-
-
- {page_content.show_party_participants ? (
- <>
- {page_content.party_participants.map((profile, i) =>
- i < 3 ?
-
- {/*
- {' '}
- +{page_content.party_participants_going} {'Going'}
-
- ) : (
- <>
- )}
-
- ) : (
- <>
- )}
-
-
-
-
-
- {page_content.currency}
- {page_content.price_per_person} {'per person'}
-
-
-
-
- {page_content.event_duration_min / 60} {'hours'}
-
-
-
-
- {page_content.age_min}-{page_content.age_max} {'years old'}
-
-
-
-
- Room 1228, Luk hwu Estate, Hong Kong
-
-
- {page_content.num_m + page_content.num_f}
- {page_content.num_m}
- {page_content.num_f}
-
- {/* */}
-
-
-
- 
-
-
-
-
- {/* */}
- {contents.title}
-
-
-
-
-
- {'Number of participants:'}
- {contents.participant_count}
-
-
-
- {'Order time:'}
- {contents.order_time}
-
-
-
- {'Last payment date:'}
- {contents.last_payment_date}
-
-
-
- {'Remaining dates:'}
- {contents.renmaining_date}
-
-
-
- {contents.status ? 'Pending' : 'Paid'}
-
-
- Page Two
-Use the back button to navigate to the previous page.
-
-
- {/* */}
- {'What assistance do you need?'}
- -{'Add attachments'}
-
-
-
-
-
-
-
-
-
- {'Send'}
-
-
-
-
- {/* */}
- What assistance do you need?
-
- Add attachments
-
-
-
-
-
-
-
-
- Send
-
-
-
-
- {/* */}
- What assistance do you need?
-
- Add attachments
-
-
-
-
-
-
-
-
- Send
-
-
-
-
-
-
-
-
-
- {/* */}
-
-
- {page_content.full_name}
- {page_content.user_verified ? <>verified : <>}
- {page_content.user_vip ? <>VIP : <>}
-
-
-
- {'Edit'}
-
-
-
-
- {
- window.location.href = '/unlock-membership';
- }}
- >
- {'Unlock'}
-
-
-
-
-
-
-
-
-
- {'MemberShip'}
- 7 {'of the exclusive privileges'}
-
-
-
- Privileges Unlocked
-
-
-
-
- Unlock participant list
-
-
-
-
- Exclusive vip logo
-
-
-
-
- View visitors
-
-
-
-
- Tips of message read
-
-
-
-
- Voice and images transmission
-
-
-
-
- Pinned to the top of nearby list
-
-
-
-
- {/* */}
- What assistance do you need?
-
- Add attachments
-
-
-
-
-
-
-
-
- Send
-
-
-
-
-
- );
-};
-
-export default ChangeLanguageModal;
diff --git a/03_source/mobile_notworking.del/src/pages/profile/page-setting/ChangeLanguageModal/style.scss b/03_source/mobile_notworking.del/src/pages/profile/page-setting/ChangeLanguageModal/style.scss
deleted file mode 100644
index cc447c0..0000000
--- a/03_source/mobile_notworking.del/src/pages/profile/page-setting/ChangeLanguageModal/style.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.change-language-modal-block {
- width: 100%;
- height: 400px;
-
- position: relative;
-
- //
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- //
-
- .title {
- font-weight: bold;
- font-size: 1.2rem;
- padding-top: 1rem;
- }
-
- .subtitle {
- font-size: 0.9rem;
- font-weight: 300;
- padding-top: 1rem;
- }
-
- .button-row {
- display: flex;
- flex-direction: row;
- width: 100%;
- justify-content: center;
- align-items: center;
-
- ion-button {
- width: 45%;
- }
- }
-
- .button-column {
- display: flex;
- flex-direction: column;
-
- width: 100%;
-
- padding: 1rem 2rem;
-
- ion-button {
- padding-top: 1rem;
- }
- }
-}
-
-ion-modal {
- --height: auto;
-}
-
-.modal-wrapper {
- position: fixed;
- bottom: 0px;
-}
-
-.apple {
- position: fixed;
- bottom: 0px;
-}
-
-ion-modal::part(content) {
- position: fixed;
- bottom: 0;
-}
diff --git a/03_source/mobile_notworking.del/src/pages/profile/page-setting/index.tsx b/03_source/mobile_notworking.del/src/pages/profile/page-setting/index.tsx
deleted file mode 100644
index e25ab6f..0000000
--- a/03_source/mobile_notworking.del/src/pages/profile/page-setting/index.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import {
- IonBackButton,
- IonButton,
- IonButtons,
- IonContent,
- IonIcon,
- IonItem,
- IonLabel,
- IonList,
- IonNavLink,
- IonTitle,
- useIonModal,
-} from '@ionic/react';
-import {
- alertCircle,
- chatbubbles,
- chevronBackOutline,
- earth,
- idCard,
- newspaper,
- shareSocial,
- trash,
-} from 'ionicons/icons';
-import { useRef, useState } from 'react';
-
-import ContactUsPage from '../Contactus';
-import Privacy from '../Privacy';
-
-import { OverlayEventDetail } from '@ionic/react/dist/types/components/react-component-lib/interfaces';
-import HKPartyIonHeader from '../../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../../components/HKPartyIonToolbar';
-import ServiceAgreement from '../ServiceAgreement';
-import ChangeLanguageModal from './ChangeLanguageModal';
-import './style.scss';
-
-const DeleteTheAccountModal = ({
- dismiss,
-}: {
- dismiss: (data?: string | null | undefined | number, role?: string) => void;
-}) => {
- const inputRef = useRefLanguage
-
-
- dismiss(inputRef.current?.value, 'confirm')}
- fill="outline"
- shape="round"
- size="large"
- >
- English
-
- dismiss(inputRef.current?.value, 'confirm')}
- fill="outline"
- shape="round"
- size="large"
- >
- 中文
-
-
-
-
-
- Change
-
-
-
-
-
- );
-};
-
-function PageSetting() {
- const [delete_the_account_modal_present, delete_the_account_modal_dismiss] = useIonModal(DeleteTheAccountModal, {
- dismiss: (data: string, role: string) => delete_the_account_modal_dismiss(data, role),
- });
- const [message, setMessage] = useState('This modal example uses the modalController to present and dismiss modals.');
-
- function openDeleteTheAccountModal() {
- delete_the_account_modal_present({
- onWillDismiss: (ev: CustomEvent
-
- Delete the Account
- You cannot re-register after deleting your account
-
-
- Confirm
-
- dismiss(inputRef.current?.value, 'confirm')}
- fill="outline"
- shape="round"
- size="large"
- >
- Cancel
-
-
-
-
-
-
- {/* */}
-
- );
-}
-
-export default PageSetting;
diff --git a/03_source/mobile_notworking.del/src/pages/profile/page-setting/style.scss b/03_source/mobile_notworking.del/src/pages/profile/page-setting/style.scss
deleted file mode 100644
index 1a337fe..0000000
--- a/03_source/mobile_notworking.del/src/pages/profile/page-setting/style.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.block {
- width: 100%;
- height: 400px;
-
- position: relative;
-
- //
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- //
-
- .title {
- font-weight: bold;
- font-size: 1.2rem;
- padding-top: 1rem;
- }
-
- .subtitle {
- font-size: 0.9rem;
- font-weight: 300;
- padding-top: 1rem;
- }
-
- .button-column {
- display: flex;
- flex-direction: column;
-
- width: 100%;
-
- padding: 1rem 2rem;
-
- ion-button {
- padding-top: 1rem;
- }
- }
-}
-
-ion-modal {
- --height: auto;
-}
-
-.modal-wrapper {
- position: fixed;
- bottom: 0px;
-}
-
-.apple {
- position: fixed;
- bottom: 0px;
-}
-
-ion-modal::part(content) {
- position: fixed;
- bottom: 0;
-}
diff --git a/03_source/mobile_notworking.del/src/pages/profile/page-three.tsx b/03_source/mobile_notworking.del/src/pages/profile/page-three.tsx
deleted file mode 100644
index 5cbb9e4..0000000
--- a/03_source/mobile_notworking.del/src/pages/profile/page-three.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { IonBackButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
-
-function PageThree() {
- return (
- <>
- {'Logout'}
- Page Three
-Page Two
-Use the back button to navigate to the previous page.
-
-
-
-
-
-
-
-
-
-
- John 20
- Fishing, basketball, piano
- 40 km. Sai Kung
-
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
-
-
-
-
-
- {page_content.about_user}
-
- {page_content.gender == 1 ? 'Male' : 'Female'}
- {page_content.height_cm} cm
- {page_content.weight_kg} kg
- {page_content.career}
- {page_content.spoken_language}
- {page_content.education}
-
-
-
-
- Schedule
-
-
-
-
- Speakers
-
-
-
-
- Map
-
-
-
-
- About
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- All
-
-
- Favorites
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- No Sessions Found
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/03_source/mobile_old.del/mobile_main/src/components/ChatBottomDetails.jsx b/03_source/mobile_old.del/mobile_main/src/components/ChatBottomDetails.jsx
deleted file mode 100644
index deab9ca..0000000
--- a/03_source/mobile_old.del/mobile_main/src/components/ChatBottomDetails.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { IonIcon } from '@ionic/react';
-import { checkmarkDone, star } from 'ionicons/icons';
-
-export const ChatBottomDetails = ({ message }) => (
-
- {message.date}
- {message.sent &&
- {avatarUrl ? :
-
-
- {contact.name}
- {read && received &&
- {preview}
-
-
-
-
- {date}
-
- {notificationCount > 0 && {notificationCount} }
-
-
-
-
-);
-
-export const ChatRepliedQuote = ({ message, contact, repliedMessage }) => {
- if (message.reply && repliedMessage) {
- return {contact.name}
-{repliedMessage.preview}
-; - } else { - return ''; - } -}; diff --git a/03_source/mobile_old.del/mobile_main/src/components/ContactModal.jsx b/03_source/mobile_old.del/mobile_main/src/components/ContactModal.jsx deleted file mode 100644 index 53e68c7..0000000 --- a/03_source/mobile_old.del/mobile_main/src/components/ContactModal.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import { - IonButton, - IonButtons, - IonContent, - IonHeader, - IonItem, - IonLabel, - IonList, - IonTitle, - IonToolbar, -} from '@ionic/react'; -import { ContactStore } from '../store'; -import { getContacts } from '../store/Selectors'; - -import './ContactModal.scss'; - -const ContactModal = ({ close }) => { - const contacts = ContactStore.useState(getContacts); - - return ( -
-
-
- New Chat
-
-
- Cancel
-
-
-
-
-
-
-
- {contacts.map(contact => {
- return (
-
-
-
-
-
- );
- })}
-
-
-
- );
-};
-
-export default ContactModal;
diff --git a/03_source/mobile_old.del/mobile_main/src/components/ContactModal.scss b/03_source/mobile_old.del/mobile_main/src/components/ContactModal.scss
deleted file mode 100644
index 0ed4a84..0000000
--- a/03_source/mobile_old.del/mobile_main/src/components/ContactModal.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.contact-item {
- img {
- border-radius: 500px;
- height: 2.5rem;
- width: 2.5rem;
- margin-right: 1.5rem;
- }
-
- ion-label {
- h1 {
- font-size: 1rem;
- }
- }
-}
diff --git a/03_source/mobile_old.del/mobile_main/src/components/HKPartyIonArchiveIcon/index.tsx b/03_source/mobile_old.del/mobile_main/src/components/HKPartyIonArchiveIcon/index.tsx
deleted file mode 100644
index 2c53cff..0000000
--- a/03_source/mobile_old.del/mobile_main/src/components/HKPartyIonArchiveIcon/index.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { IonHeader, IonIcon } from '@ionic/react';
-import { trashOutline } from 'ionicons/icons';
-
-const HKPartyIonDeleteIcon = ({ ...props }) => {
- return {contact.name}
-Available
-
- {children}
-
- {/* */}
-
- {'Loading'}
-
- ${markerData.name}
`, - }); - - let marker = new google.maps.Marker({ - position: new google.maps.LatLng(markerData.lat, markerData.lng), - map: map.current!, - title: markerData.name, - }); - - marker.addListener('click', () => { - infoWindow.open(map.current!, marker); - }); - }); - } - }, [mapCenter, locations]); - - return ; -}; - -export default Map; diff --git a/03_source/mobile_old.del/mobile_main/src/components/Menu.css b/03_source/mobile_old.del/mobile_main/src/components/Menu.css deleted file mode 100644 index 1740a2f..0000000 --- a/03_source/mobile_old.del/mobile_main/src/components/Menu.css +++ /dev/null @@ -1,88 +0,0 @@ -ion-menu ion-content { - --padding-top: 20px; - --padding-bottom: 20px; - - --background: var(--ion-item-background, var(--ion-background-color, #fff)); -} - -/* Remove background transitions for switching themes */ -ion-menu ion-item { - --transition: none; -} - -ion-item.selected { - --color: var(--ion-color-primary); -} - -/* - * Material Design Menu -*/ -ion-menu.md ion-list { - padding: 20px 0; -} - -ion-menu.md ion-list-header { - padding-left: 18px; - padding-right: 18px; - - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: min(0.875rem, 32px); - font-weight: 450; -} - -ion-menu.md ion-item { - --padding-start: 18px; - - margin-right: 10px; - - border-radius: 0 50px 50px 0; - - font-weight: 500; -} - -ion-menu.md ion-item.selected { - --background: rgba(var(--ion-color-primary-rgb), 0.14); -} - -ion-menu.md ion-item.selected ion-icon { - color: var(--ion-color-primary); -} - -ion-menu.md ion-list-header, -ion-menu.md ion-item ion-icon { - color: var(--ion-color-step-650, #5f6368); -} - -ion-menu.md ion-list:not(:last-of-type) { - border-bottom: 1px solid var(--ion-color-step-150, #d7d8da); -} - -/* - * iOS Menu -*/ -ion-menu.ios ion-list-header { - padding-left: 16px; - padding-right: 16px; - - margin-bottom: 8px; - font-size: clamp(22px, 1.375rem, 40px); -} - -ion-menu.ios ion-list { - padding: 20px 0 0; -} - -ion-menu.ios ion-item { - --padding-start: 16px; - --min-height: 50px; -} - -ion-menu.ios ion-item ion-icon { - font-size: 24px; - color: #73849a; -} - -ion-menu.ios ion-item.selected ion-icon { - color: var(--ion-color-primary); -} diff --git a/03_source/mobile_old.del/mobile_main/src/components/Menu.tsx b/03_source/mobile_old.del/mobile_main/src/components/Menu.tsx deleted file mode 100644 index d8ce977..0000000 --- a/03_source/mobile_old.del/mobile_main/src/components/Menu.tsx +++ /dev/null @@ -1,138 +0,0 @@ -import React from 'react'; -import { RouteComponentProps, withRouter, useLocation } from 'react-router'; - -import { - IonContent, - IonIcon, - IonItem, - IonLabel, - IonList, - IonListHeader, - IonMenu, - IonMenuToggle, - IonToggle, -} from '@ionic/react'; -import { - calendarOutline, - hammer, - moonOutline, - help, - informationCircleOutline, - logIn, - logOut, - mapOutline, - peopleOutline, - person, - personAdd, -} from 'ionicons/icons'; - -import { connect } from '../data/connect'; -import { setDarkMode } from '../data/user/user.actions'; - -import './Menu.css'; - -const routes = { - appPages: [ - { title: 'Schedule', path: '/tabs/schedule', icon: calendarOutline }, - { title: 'Speakers', path: '/tabs/speakers', icon: peopleOutline }, - { title: 'Map', path: '/tabs/map', icon: mapOutline }, - { title: 'About', path: '/tabs/about', icon: informationCircleOutline }, - { title: 'Message', path: '/tabs/message', icon: informationCircleOutline }, - { title: 'Profile', path: '/tabs/profile', icon: informationCircleOutline }, - ], - loggedInPages: [ - { title: 'Account', path: '/account', icon: person }, - { title: 'Support', path: '/support', icon: help }, - { title: 'Logout', path: '/logout', icon: logOut }, - ], - loggedOutPages: [ - { title: 'Login', path: '/login', icon: logIn }, - { title: 'Support', path: '/support', icon: help }, - { title: 'Signup', path: '/signup', icon: personAdd }, - ], -}; - -interface Pages { - title: string; - path: string; - icon: string; - routerDirection?: string; -} -interface StateProps { - darkMode: boolean; - isAuthenticated: boolean; - menuEnabled: boolean; -} - -interface DispatchProps { - setDarkMode: typeof setDarkMode; -} - -interface MenuProps extends RouteComponentProps, StateProps, DispatchProps {} - -const Menu: React.FC{session.name}
-- {session.timeStart}— - {session.timeStart}— - {session.location} -
-{speaker.name}
-{speaker.title}
-{session.name}
-About {speaker.name}
-
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
-
-
- clicked('Update Picture')}>Update Picture
- setShowAlert(true)}>Change Username
- clicked('Change Password')}>Change Password
-
- Support
-
-
- Logout
-
-
-
- )}
-
- {username}
-
-
-
-
-
-
-
- {
- router.push('/sblogout', 'forward', 'replace');
- }}
- >
- Log Out
-
-
- Session not found
;
- }
-
- const isFavorite = favoriteSessions.indexOf(session.id) > -1;
-
- const toggleFavorite = () => {
- isFavorite ? removeFavorite(session.id) : addFavorite(session.id);
- };
- const shareSession = () => {};
- const sessionClick = (text: string) => {
- console.log(`Clicked ${text}`);
- };
-
- return (
-
-
- {session.timeStart} – {session.timeEnd}
-
- {session.location} -
-
- {session.name}
- {session.tracks.map(track => ( - - {track} - - ))} -{session.description}
-- {session.location} -
-
-
-
-
-
- Speaker not found
;
- }
-
- return (
-
-
-
-
- {speaker.name}
-
-
- - openExternalUrl(`https://twitter.com/${speaker.twitter}`)}>
- Twitter
-
-
- openExternalUrl('https://github.com/ionic-team/ionic-framework')}>
- GitHub
-
-
- openExternalUrl('https://instagram.com/ionicframework')}>
- Instagram
-
-
- {speaker.about} Say hello on social media!
- -- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Welcome to ICA -
-- The ionic conference app is a practical preview of the ionic framework in action, and a - demonstration of proper code use. -
-
-
-
-
- What is Ionic?
-- Ionic Framework is an open source SDK that enables developers to build high quality mobile apps - with web technologies like HTML, CSS, and JavaScript. -
-
-
-
-
- What is Ionic Appflow?
-- Ionic Appflow is a powerful set of services and features built on top of Ionic Framework that - brings a totally new level of app development agility to mobile dev teams. -
-
-
-
- Continue
-
-
-
- Ready to Play?
-{'Unlock membership place holder'}
-
- {
- window.history.back();
- }}
- >
- {'Back'}
-
-
-
- );
-};
-
-export default UnlockMemberShip;
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/ViewParticipants/ParticipantDetail/index.tsx b/03_source/mobile_old.del/mobile_main/src/pages/ViewParticipants/ParticipantDetail/index.tsx
deleted file mode 100644
index f0b1b39..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/ViewParticipants/ParticipantDetail/index.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-import {
- IonBackButton,
- IonButton,
- IonButtons,
- IonChip,
- IonContent,
- IonFooter,
- IonIcon,
- IonItem,
- IonLabel,
- IonList,
- IonPopover,
- IonText,
- IonTitle,
-} from '@ionic/react';
-import React, { useEffect } from 'react';
-import HKPartyIonHeader from '../../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../../components/HKPartyIonToolbar';
-import { useGetUserProfileById } from '../../../hooks/useGetUserProfileById';
-
-import { chevronBackOutline, ellipsisHorizontal, ellipsisVertical, helpCircleOutline } from 'ionicons/icons';
-import Loading from '../../../components/Loading';
-import constants from '../../../constants';
-import './style.scss';
-
-function ParticipantDetail({ user_id }) {
- const [user_profile] = useGetUserProfileById({ user_id });
-
- const [page_content, setPageContent] = React.useState(null);
-
- useEffect(() => {
- setPageContent({
- about_user: user_profile?.about_user || 'No About',
- gender: user_profile?.gender || -1,
- height_cm: user_profile?.height_cm || -1,
- weight_kg: user_profile?.weight_kg || -1,
- avatar_url: user_profile?.avatar_urls?.length > 0 ? user_profile?.avatar_urls[0] : constants.IONIC_DEFAULT_AVATAR,
- other_tags: user_profile?.other_tags || [],
- career: user_profile?.career || [],
- spoken_language: user_profile?.spoken_language || [],
- education: user_profile?.education || [],
- });
- }, [user_profile]);
-
- if (!page_content) return
-
-
-
-
-
-
-
- {page_content.about_user}
-
-
-
-
-
-
-
-
- {page_content.gender == 1 ? 'Male' : 'Female'}
-
-
- {page_content.height_cm} cm
-
-
- {page_content.weight_kg} kg
-
-
-
-
- Doctor
-
-
-
-
- {page_content.spoken_language.map((t, i) => (i > 0 ? ', ' + t : t))}
-
-
-
-
- {page_content.education}
-
-
- {page_content.about_user}
-
-
- {'About me'}
-
-
-
- {'Career'}
-
- {page_content.career.map((t, i) => (
- {t}
- ))}
-
-
-
-
- {'Spoken Language'}
-
- {page_content.spoken_language.map((t, i) => (
- {t}
- ))}
-
-
-
- {'Other Tags'}
-
- {page_content.other_tags.map((t, i) => (
- {t}
- ))}
-
-
- {participants.map((u, i) => (
-
-
-
- {'Unlock'}
-
-
-
- );
-}
-
-export default ViewParticipants;
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/ViewParticipants/style.scss b/03_source/mobile_old.del/mobile_main/src/pages/ViewParticipants/style.scss
deleted file mode 100644
index 3ae038e..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/ViewParticipants/style.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.ion-padding {
- background-color: gold;
-}
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/chat/index.tsx b/03_source/mobile_old.del/mobile_main/src/pages/chat/index.tsx
deleted file mode 100644
index 5c9fe75..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/chat/index.tsx
+++ /dev/null
@@ -1,421 +0,0 @@
-import {
- CreateAnimation,
- IonActionSheet,
- IonBackButton,
- IonButton,
- IonButtons,
- IonCol,
- IonContent,
- IonFooter,
- IonGrid,
- IonIcon,
- IonRow,
- IonText,
- IonTextarea,
- IonThumbnail,
- IonTitle,
- IonToast,
- createGesture,
- useIonViewWillEnter,
-} from '@ionic/react';
-import {
- addOutline,
- alertOutline,
- callOutline,
- cameraOutline,
- chevronBackOutline,
- micOutline,
- send,
- shareOutline,
- starOutline,
- trashOutline,
- videocamOutline,
-} from 'ionicons/icons';
-import { useEffect, useRef, useState } from 'react';
-import { ChatStore, ContactStore } from '../../store';
-import { getNotificationCount, markAllAsRead, sendChatMessage, starChatMessage } from '../../store/ChatStore';
-import { getChat, getChats, getContact } from '../../store/Selectors';
-
-//
-import { useLongPress } from 'react-use';
-import { ChatBottomDetails } from '../../components/ChatBottomDetails';
-import { ChatRepliedQuote } from '../../components/ChatRepliedQuote';
-import ReplyTo from '../../components/ReplyTo';
-import { useCamera } from '../../hooks/useCamera';
-import { useGallery } from '../../hooks/useGallery';
-
-//
-import HKPartyIonHeader from '../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../components/HKPartyIonToolbar';
-import './style.scss';
-
-const ChatHelloworld = () => {
- // TODO: hardcoded for development purpose, should use `useParams()`
- // const params = useParams();
- const params = { contact_id: 1 };
- // Global State
- const chat = ChatStore.useState(getChat(params.contact_id));
-
- const chats = ChatStore.useState(getChats);
- const contact = ContactStore.useState(getContact(params.contact_id));
- const notificationCount = getNotificationCount(chats);
-
- const { takePhoto } = useCamera();
- const { prompt } = useGallery();
-
- // Local state
- const [message, setMessage] = useState('');
- const [showSendButton, setShowSendButton] = useState(false);
- const [replyToMessage, setReplyToMessage] = useState(false);
- const [messageSent, setMessageSent] = useState(false);
-
- const [showActionSheet, setShowActionSheet] = useState(false);
- const [actionMessage, setActionMessage] = useState(false);
-
- const [showToast, setShowToast] = useState(false);
- const [toastMessage, setToastMessage] = useState('');
-
- // Refs
- const contentRef = useRef();
- const swiperRefs = useRef([]);
- const textareaRef = useRef();
- const sideRef = useRef();
- const sendRef = useRef();
- const replyToAnimationRef = useRef();
-
- const actionSheetButtons = [
- {
- text: actionMessage && actionMessage.starred ? 'Unstar Message' : 'Star Message',
- icon: starOutline,
- handler: () => starChatMessage(params.contact_id, actionMessage.id),
- },
- actionMessage && actionMessage.received
- ? {
- text: 'Reply To Message',
- icon: shareOutline,
- handler: () => showReplyToMessage(actionMessage),
- }
- : {
- text: 'Unsend Message',
- icon: alertOutline,
- handler: () => toaster("I haven't implemented unsend :) Simple store update though"),
- },
- {
- text: 'Delete Message',
- icon: trashOutline,
- handler: () => toaster("I haven't implemented delete :) Simple store update though"),
- role: 'destructive',
- },
- ];
-
- useEffect(() => {
- !showActionSheet && setActionMessage(false);
- }, [showActionSheet]);
-
- // Scroll to end of content
- // Mark all chats as read if we come into a chat
- // Set up our swipe events for animations and gestures
- useIonViewWillEnter(() => {
- scrollToBottom();
- setupObserver();
- markAllAsRead(params.contact_id);
- setSwipeEvents();
- });
-
- // For displaying toast messages
- const toaster = message => {
- setToastMessage(message);
- setShowToast(true);
- };
-
- // Scroll to end of content
- const scrollToBottom = async () => {
- contentRef.current.scrollToBottom();
- };
-
- // Watch for DOM changes
- // Then scroll to bottom
- // This ensures that the new chat message has *actually* been rendered
- // Check this:
- // https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
- const setupObserver = () => {
- // Mutation Observers watch for DOM changes
- // This will ensure that we scroll to bottom AFTER the new chat has rendered
- const observer = new MutationObserver(() => {
- scrollToBottom();
- });
-
- // We observe the ion-content (or containing element of chats)
- observer.observe(contentRef.current, {
- childList: true,
- });
- };
-
- // Long press callback
- const onLongPress = e => {
- const elementID = e.target.id;
- const chatMessageID = elementID.includes('chatText')
- ? parseInt(elementID.replace('chatText_', ''))
- : elementID.includes('chatTime')
- ? parseInt(elementID.replace('chatTime_', ''))
- : parseInt(elementID.replace('chatBubble_', ''));
-
- const chatMessage = chat.filter(message => parseInt(message.id) === parseInt(chatMessageID))[0];
-
- setActionMessage(chatMessage);
- setShowActionSheet(true);
- };
-
- const longPressEvent = useLongPress(onLongPress, {
- isPreventDefault: true,
- delay: 2000,
- });
-
- const showReplyToMessage = async message => {
- // Activate reply-to functionality
- setReplyToMessage(message);
- await replyToAnimationRef.current.animation.play();
- contentRef.current.scrollToBottom(300);
- };
-
- const checkBubble = async (bubble, message, event) => {
- if (event.deltaX >= 120) {
- // Activate reply-to functionality
- bubble.style.transform = 'none';
- showReplyToMessage(message);
- } else {
- // Put chat bubble back to original position
- bubble.style.transform = 'none';
- }
- };
-
- // Function to move a bubble with the deltaX swipe
- const moveBubble = (bubble, event) => {
- if (event.velocityX > 0) {
- bubble.style.transform = `translateX(${event.deltaX}px)`;
- }
- };
-
- const setSwipeEvents = () => {
- chat.forEach((message, index) => {
- if (!message.sent) {
- const chatBubble = swiperRefs.current[index];
-
- const swipeGesture = createGesture({
- el: chatBubble,
- onEnd: e => checkBubble(chatBubble, message, e),
- onMove: e => moveBubble(chatBubble, e),
- });
-
- swipeGesture.enable();
- }
- });
- };
-
- const widthAnimation = {
- property: 'width',
- fromValue: '110%',
- toValue: '100%',
- };
-
- const fadeAnimation = {
- property: 'opacity',
- fromValue: '100%',
- toValue: '0%',
- };
-
- const sideButtonsAnimation = {
- duration: 200,
- direction: showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const sendButtonAnimation = {
- duration: showSendButton ? 300 : 100,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const textareaAnimation = {
- duration: 200,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [widthAnimation],
- easing: 'ease-in-out',
- };
-
- // Set the state value when message val changes
- useEffect(() => {
- setShowSendButton(message !== '');
- }, [message]);
-
- // Play the animations when the state value changes
- useEffect(() => {
- textareaRef.current.animation.play();
- sideRef.current.animation.play();
- sendRef.current.animation.play();
- }, [showSendButton]);
-
- const sendMessage = (image = false, imagePath = false) => {
- if (message !== '' || image === true) {
- sendChatMessage(
- params.contact_id,
- message,
- replyToMessage,
- replyToMessage ? replyToMessage.id : false,
- image,
- imagePath,
- );
- setMessage('');
-
- setMessageSent(true);
- setTimeout(() => setMessageSent(false), 10);
- image && setTimeout(() => scrollToBottom(), 100);
- }
- };
-
- const handlePhoto = async () => {
- const returnedFilePath = await takePhoto();
- sendMessage(true, returnedFilePath);
- };
-
- const handlePrompt = async () => {
- const returnedFilePath = await prompt();
- sendMessage(true, returnedFilePath);
- };
-
- const replyToProps = {
- replyToAnimationRef,
- replyToMessage,
- setReplyToMessage,
- contact: contact.name,
- messageSent,
- };
-
- return (
- <>
-
-
-
-
-
-
-
- {contact.name}
- last seen today at 22:10
-
- (swiperRefs.current[index] = ref)}
- id={`chatBubble_${message.id}`}
- key={index}
- className={`chat-bubble ${message.sent ? 'bubble-sent' : 'bubble-received'}`}
- {...longPressEvent}
- >
-
- );
- })}
-
-
-
-
-
-
-
- {
- // console.log('helloworl');
- // setMessage(e.target.value);
- // }}
- onIonInput={e => {
- // console.log('findme ?');
- setMessage(e.target.value);
- }}
- mode="ios"
- />
-
-
-
-
- HK Single Party
-
-
-
-
- Icon
-
-
-
-
- HK Single Party
-
- {t('helloworld')}
- Let's get together into your account
-
-
-
- {
- i18n.changeLanguage('en');
- }}
- >
- eng 1
-
- {
- i18n.changeLanguage('zhHk');
- }}
- >
- chi 2
-
-
- Continue with Phone
-
-
-
-
-
- {dayjs(page_content.event_date).format('DD/MM/YYYY')}
- {party_event.title}
-
-
-
- {'More'}
-
-
-
-
- {page_content.show_party_participants ? (
- <>
- {page_content.party_participants.map(({ profile }, i) => (
-
- +{page_content.party_participants_going} Going
- ) : (
- <>
- )}
-
- ) : (
- <>
- )}
-
-
-
-
-
-
- {page_content.currency}
- {page_content.price_per_person} {'per person'}
-
-
-
-
-
- {page_content.event_duration_min / 60} {'hours'}
-
-
-
-
-
- {page_content.age_min}-{page_content.age_max} {'years old'}
-
-
-
-
- {page_content.address}
-
-
- {page_content.num_m + page_content.num_f}
- {page_content.num_m}
- {page_content.num_f}
-
-
-
-
-
-
-
-
- );
-};
-
-export default React.memo(EventIonCard);
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/events/PageOne.tsx b/03_source/mobile_old.del/mobile_main/src/pages/events/PageOne.tsx
deleted file mode 100644
index 05df72a..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/events/PageOne.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-// REQ0041/home_discover_event_tab
-
-import { IonBackButton, IonButton, IonButtons, IonContent, IonIcon, IonItem, IonList, IonTitle } from '@ionic/react';
-import { chevronBackOutline, settingsSharp } from 'ionicons/icons';
-import React from 'react';
-import './style.scss';
-
-import EventIonCard from './EventIonCard';
-
-import { useListPartyEventSummaries } from '../../hooks/useListPartyEventSummaries';
-
-import dayjs from 'dayjs';
-import duration from 'dayjs/plugin/duration';
-import relativeTime from 'dayjs/plugin/relativeTime';
-import HKPartyIonHeader from '../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../components/HKPartyIonToolbar';
-import Loading from '../../components/Loading';
-dayjs.extend(duration);
-dayjs.extend(relativeTime);
-
-interface AboutProps {}
-
-const Events: React.FC
- {
- e.stopPropagation();
- }}
- >
-
-
-
-
-
- {page_content.title}
-
- {page_content.currency}
- {page_content.price}
-
-
-
-
-
- {page_content.NUM_M + page_content.NUM_F}
-
-
- {page_content.NUM_M}
-
-
- {page_content.NUM_F}
- Page Two
-Use the back button to navigate to the previous page.
-hello favourite
-
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
-
-
-
- last seen today at 22:10
-
- {contact.name}
- (swiperRefs.current[index] = ref)}
- id={`chatBubble_${message.id}`}
- key={index}
- className={`chat-bubble ${message.sent ? 'bubble-sent' : 'bubble-received'}`}
- {...longPressEvent}
- >
-
- );
- })}
-
-
-
-
-
-
-
- setMessage(e.target.value)} />
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default VisitorAvatar;
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/messages/VisitorAvatar/style.scss b/03_source/mobile_old.del/mobile_main/src/pages/messages/VisitorAvatar/style.scss
deleted file mode 100644
index 33a4cfe..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/messages/VisitorAvatar/style.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.visitor-avatar {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-
- .time {
- padding-top: 1rem;
- }
-}
-
-#date-input-popover {
- --offset-y: -var(--ion-safe-area-bottom);
-
- --max-width: 90%;
- --width: 336px;
-}
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/messages/chat.tsx b/03_source/mobile_old.del/mobile_main/src/pages/messages/chat.tsx
deleted file mode 100644
index e0f08e6..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/messages/chat.tsx
+++ /dev/null
@@ -1,408 +0,0 @@
-import {
- IonBackButton,
- IonButton,
- IonButtons,
- IonCol,
- IonContent,
- IonFooter,
- IonGrid,
- IonHeader,
- IonIcon,
- IonPage,
- IonRow,
- IonText,
- IonTextarea,
- IonTitle,
- IonToolbar,
- CreateAnimation,
- createGesture,
- useIonViewWillEnter,
- IonActionSheet,
- IonToast,
-} from '@ionic/react';
-import {
- addOutline,
- alertOutline,
- callOutline,
- cameraOutline,
- micOutline,
- send,
- shareOutline,
- starOutline,
- trashOutline,
- videocamOutline,
-} from 'ionicons/icons';
-import { useRef } from 'react';
-import { useEffect, useState } from 'react';
-import { useParams } from 'react-router';
-//
-import { ChatStore, ContactStore } from '../../store';
-import { getNotificationCount, markAllAsRead, sendChatMessage, starChatMessage } from '../../store/ChatStore';
-import { getChat, getChats, getContact } from '../../store/Selectors';
-
-//
-import { useLongPress } from 'react-use';
-//
-import './Chat.css';
-import ReplyTo from '../../components/ReplyTo';
-import { ChatBottomDetails } from '../../components/ChatBottomDetails';
-import { ChatRepliedQuote } from '../../components/ChatRepliedQuote';
-import { useCamera } from '../../hooks/useCamera';
-import { useGallery } from '../../hooks/useGallery';
-
-const Chat = () => {
- // const params = useParams();
-
- // TODO: Fix this
- const params = { contact_id: 1 };
- // Global State
- const chat = ChatStore.useState(getChat(params.contact_id));
-
- const chats = ChatStore.useState(getChats);
- const contact = ContactStore.useState(getContact(params.contact_id));
- const notificationCount = getNotificationCount(chats);
-
- const { takePhoto } = useCamera();
- const { prompt } = useGallery();
-
- // Local state
- const [message, setMessage] = useState('');
- const [showSendButton, setShowSendButton] = useState(false);
- const [replyToMessage, setReplyToMessage] = useState(false);
- const [messageSent, setMessageSent] = useState(false);
-
- const [showActionSheet, setShowActionSheet] = useState(false);
- const [actionMessage, setActionMessage] = useState(false);
-
- const [showToast, setShowToast] = useState(false);
- const [toastMessage, setToastMessage] = useState('');
-
- // Refs
- const contentRef = useRef();
- const swiperRefs = useRef([]);
- const textareaRef = useRef();
- const sideRef = useRef();
- const sendRef = useRef();
- const replyToAnimationRef = useRef();
-
- const actionSheetButtons = [
- {
- text: actionMessage && actionMessage.starred ? 'Unstar Message' : 'Star Message',
- icon: starOutline,
- handler: () => starChatMessage(params.contact_id, actionMessage.id),
- },
- actionMessage && actionMessage.received
- ? {
- text: 'Reply To Message',
- icon: shareOutline,
- handler: () => showReplyToMessage(actionMessage),
- }
- : {
- text: 'Unsend Message',
- icon: alertOutline,
- handler: () => toaster("I haven't implemented unsend :) Simple store update though"),
- },
- {
- text: 'Delete Message',
- icon: trashOutline,
- handler: () => toaster("I haven't implemented delete :) Simple store update though"),
- role: 'destructive',
- },
- ];
-
- useEffect(() => {
- !showActionSheet && setActionMessage(false);
- }, [showActionSheet]);
-
- // Scroll to end of content
- // Mark all chats as read if we come into a chat
- // Set up our swipe events for animations and gestures
- useIonViewWillEnter(() => {
- scrollToBottom();
- setupObserver();
- markAllAsRead(params.contact_id);
- setSwipeEvents();
- });
-
- // For displaying toast messages
- const toaster = message => {
- setToastMessage(message);
- setShowToast(true);
- };
-
- // Scroll to end of content
- const scrollToBottom = async () => {
- contentRef.current.scrollToBottom();
- };
-
- // Watch for DOM changes
- // Then scroll to bottom
- // This ensures that the new chat message has *actually* been rendered
- // Check this:
- // https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
- const setupObserver = () => {
- // Mutation Observers watch for DOM changes
- // This will ensure that we scroll to bottom AFTER the new chat has rendered
- const observer = new MutationObserver(() => {
- scrollToBottom();
- });
-
- // We observe the ion-content (or containing element of chats)
- observer.observe(contentRef.current, {
- childList: true,
- });
- };
-
- // Long press callback
- const onLongPress = e => {
- const elementID = e.target.id;
- const chatMessageID = elementID.includes('chatText')
- ? parseInt(elementID.replace('chatText_', ''))
- : elementID.includes('chatTime')
- ? parseInt(elementID.replace('chatTime_', ''))
- : parseInt(elementID.replace('chatBubble_', ''));
-
- const chatMessage = chat.filter(message => parseInt(message.id) === parseInt(chatMessageID))[0];
-
- setActionMessage(chatMessage);
- setShowActionSheet(true);
- };
-
- const longPressEvent = useLongPress(onLongPress, {
- isPreventDefault: true,
- delay: 2000,
- });
-
- const showReplyToMessage = async message => {
- // Activate reply-to functionality
- setReplyToMessage(message);
- await replyToAnimationRef.current.animation.play();
- contentRef.current.scrollToBottom(300);
- };
-
- const checkBubble = async (bubble, message, event) => {
- if (event.deltaX >= 120) {
- // Activate reply-to functionality
- bubble.style.transform = 'none';
- showReplyToMessage(message);
- } else {
- // Put chat bubble back to original position
- bubble.style.transform = 'none';
- }
- };
-
- // Function to move a bubble with the deltaX swipe
- const moveBubble = (bubble, event) => {
- if (event.velocityX > 0) {
- bubble.style.transform = `translateX(${event.deltaX}px)`;
- }
- };
-
- const setSwipeEvents = () => {
- chat.forEach((message, index) => {
- if (!message.sent) {
- const chatBubble = swiperRefs.current[index];
-
- const swipeGesture = createGesture({
- el: chatBubble,
- onEnd: e => checkBubble(chatBubble, message, e),
- onMove: e => moveBubble(chatBubble, e),
- });
-
- swipeGesture.enable();
- }
- });
- };
-
- const widthAnimation = {
- property: 'width',
- fromValue: '110%',
- toValue: '100%',
- };
-
- const fadeAnimation = {
- property: 'opacity',
- fromValue: '100%',
- toValue: '0%',
- };
-
- const sideButtonsAnimation = {
- duration: 200,
- direction: showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const sendButtonAnimation = {
- duration: showSendButton ? 300 : 100,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [fadeAnimation],
- easing: 'ease-in-out',
- };
-
- const textareaAnimation = {
- duration: 200,
- direction: !showSendButton ? 'normal' : 'reverse',
- iterations: '1',
- fromTo: [widthAnimation],
- easing: 'ease-in-out',
- };
-
- // Set the state value when message val changes
- useEffect(() => {
- setShowSendButton(message !== '');
- }, [message]);
-
- // Play the animations when the state value changes
- useEffect(() => {
- textareaRef.current.animation.play();
- sideRef.current.animation.play();
- sendRef.current.animation.play();
- }, [showSendButton]);
-
- const sendMessage = (image = false, imagePath = false) => {
- if (message !== '' || image === true) {
- sendChatMessage(
- params.contact_id,
- message,
- replyToMessage,
- replyToMessage ? replyToMessage.id : false,
- image,
- imagePath,
- );
- setMessage('');
-
- setMessageSent(true);
- setTimeout(() => setMessageSent(false), 10);
- image && setTimeout(() => scrollToBottom(), 100);
- }
- };
-
- const handlePhoto = async () => {
- const returnedFilePath = await takePhoto();
- sendMessage(true, returnedFilePath);
- };
-
- const handlePrompt = async () => {
- const returnedFilePath = await prompt();
- sendMessage(true, returnedFilePath);
- };
-
- const replyToProps = {
- replyToAnimationRef,
- replyToMessage,
- setReplyToMessage,
- contact: contact.name,
- messageSent,
- };
-
- return (
-
- 12:30
-
-
-
-
- last seen today at 22:10
-
- {contact.name}
- (swiperRefs.current[index] = ref)}
- id={`chatBubble_${message.id}`}
- key={index}
- className={`chat-bubble ${message.sent ? 'bubble-sent' : 'bubble-received'}`}
- {...longPressEvent}
- >
-
- );
- })}
-
-
-
-
-
-
-
- setMessage(e.target.value)} />
-
-
-
-
-
-
- {results.map((chat, index) => {
- return Visitor
-
- {[...Array(3)].map((_, i) => (
-
-
-
-
- {results.map((chat, index) => {
- return Visitor
-
- {[...Array(3)].map((_, i) => (
-
-
-
-
-
-
-
-
-
-
-
- {page_content.full_name || ''} {page_content.year_of_birth}
-
-
- {user_profile.other_tags.map((o, i) => (
- <>
- {i > 0 && ', '}
- {o}
-
- ))}
-
-
- {page_content.distance_between}
- km. {'Sai Kung'}
-
- {page_content.event_date}
- {page_content.title}
-
-
- {
- console.log('click into view participants');
- return {'More'}
-
-
-
-
- {page_content.show_party_participants ? (
- <>
- {page_content.party_participants.map((profile, i) =>
- i < 3 ?
-
- {/*
- {' '}
- +{page_content.party_participants_going} {'Going'}
-
- ) : (
- <>
- )}
-
- ) : (
- <>
- )}
-
-
-
-
-
- {page_content.currency}
- {page_content.price_per_person} {'per person'}
-
-
-
-
- {page_content.event_duration_min / 60} {'hours'}
-
-
-
-
- {page_content.age_min}-{page_content.age_max} {'years old'}
-
-
-
-
- Room 1228, Luk hwu Estate, Hong Kong
-
-
- {page_content.num_m + page_content.num_f}
- {page_content.num_m}
- {page_content.num_f}
-
- {/* */}
-
-
-
-
-
-
-
-
- {/* */}
- {contents.title}
-
-
-
-
-
- {'Number of participants:'}
- {contents.participant_count}
-
-
-
- {'Order time:'}
- {contents.order_time}
-
-
-
- {'Last payment date:'}
- {contents.last_payment_date}
-
-
-
- {'Remaining dates:'}
- {contents.renmaining_date}
-
-
-
- {contents.status ? 'Pending' : 'Paid'}
-
-
- Page Two
-Use the back button to navigate to the previous page.
-
-
- {/* */}
- {'What assistance do you need?'}
- -{'Add attachments'}
-
-
-
-
-
-
-
-
-
- {'Send'}
-
-
-
-
- {/* */}
- What assistance do you need?
-
- Add attachments
-
-
-
-
-
-
-
-
- Send
-
-
-
-
- {/* */}
- What assistance do you need?
-
- Add attachments
-
-
-
-
-
-
-
-
- Send
-
-
-
-
-
-
-
-
-
- {/* */}
-
-
- {page_content.full_name}
- {page_content.user_verified ? <>verified : <>}
- {page_content.user_vip ? <>VIP : <>}
-
-
-
- {'Edit'}
-
-
-
-
- {
- window.location.href = '/unlock-membership';
- }}
- >
- {'Unlock'}
-
-
-
-
-
-
-
-
-
- {'MemberShip'}
- 7 {'of the exclusive privileges'}
-
-
-
- Privileges Unlocked
-
-
-
-
- Unlock participant list
-
-
-
-
- Exclusive vip logo
-
-
-
-
- View visitors
-
-
-
-
- Tips of message read
-
-
-
-
- Voice and images transmission
-
-
-
-
- Pinned to the top of nearby list
-
-
-
-
- {/* */}
- What assistance do you need?
-
- Add attachments
-
-
-
-
-
-
-
-
- Send
-
-
-
-
-
- );
-};
-
-export default ChangeLanguageModal;
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/ChangeLanguageModal/style.scss b/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/ChangeLanguageModal/style.scss
deleted file mode 100644
index cc447c0..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/ChangeLanguageModal/style.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.change-language-modal-block {
- width: 100%;
- height: 400px;
-
- position: relative;
-
- //
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- //
-
- .title {
- font-weight: bold;
- font-size: 1.2rem;
- padding-top: 1rem;
- }
-
- .subtitle {
- font-size: 0.9rem;
- font-weight: 300;
- padding-top: 1rem;
- }
-
- .button-row {
- display: flex;
- flex-direction: row;
- width: 100%;
- justify-content: center;
- align-items: center;
-
- ion-button {
- width: 45%;
- }
- }
-
- .button-column {
- display: flex;
- flex-direction: column;
-
- width: 100%;
-
- padding: 1rem 2rem;
-
- ion-button {
- padding-top: 1rem;
- }
- }
-}
-
-ion-modal {
- --height: auto;
-}
-
-.modal-wrapper {
- position: fixed;
- bottom: 0px;
-}
-
-.apple {
- position: fixed;
- bottom: 0px;
-}
-
-ion-modal::part(content) {
- position: fixed;
- bottom: 0;
-}
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/index.tsx b/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/index.tsx
deleted file mode 100644
index e25ab6f..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/index.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import {
- IonBackButton,
- IonButton,
- IonButtons,
- IonContent,
- IonIcon,
- IonItem,
- IonLabel,
- IonList,
- IonNavLink,
- IonTitle,
- useIonModal,
-} from '@ionic/react';
-import {
- alertCircle,
- chatbubbles,
- chevronBackOutline,
- earth,
- idCard,
- newspaper,
- shareSocial,
- trash,
-} from 'ionicons/icons';
-import { useRef, useState } from 'react';
-
-import ContactUsPage from '../Contactus';
-import Privacy from '../Privacy';
-
-import { OverlayEventDetail } from '@ionic/react/dist/types/components/react-component-lib/interfaces';
-import HKPartyIonHeader from '../../../components/HKPartyIonHeader';
-import HKPartyIonToolbar from '../../../components/HKPartyIonToolbar';
-import ServiceAgreement from '../ServiceAgreement';
-import ChangeLanguageModal from './ChangeLanguageModal';
-import './style.scss';
-
-const DeleteTheAccountModal = ({
- dismiss,
-}: {
- dismiss: (data?: string | null | undefined | number, role?: string) => void;
-}) => {
- const inputRef = useRefLanguage
-
-
- dismiss(inputRef.current?.value, 'confirm')}
- fill="outline"
- shape="round"
- size="large"
- >
- English
-
- dismiss(inputRef.current?.value, 'confirm')}
- fill="outline"
- shape="round"
- size="large"
- >
- 中文
-
-
-
-
-
- Change
-
-
-
-
-
- );
-};
-
-function PageSetting() {
- const [delete_the_account_modal_present, delete_the_account_modal_dismiss] = useIonModal(DeleteTheAccountModal, {
- dismiss: (data: string, role: string) => delete_the_account_modal_dismiss(data, role),
- });
- const [message, setMessage] = useState('This modal example uses the modalController to present and dismiss modals.');
-
- function openDeleteTheAccountModal() {
- delete_the_account_modal_present({
- onWillDismiss: (ev: CustomEvent
-
- Delete the Account
- You cannot re-register after deleting your account
-
-
- Confirm
-
- dismiss(inputRef.current?.value, 'confirm')}
- fill="outline"
- shape="round"
- size="large"
- >
- Cancel
-
-
-
-
-
-
- {/* */}
-
- );
-}
-
-export default PageSetting;
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/style.scss b/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/style.scss
deleted file mode 100644
index 1a337fe..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-setting/style.scss
+++ /dev/null
@@ -1,57 +0,0 @@
-.block {
- width: 100%;
- height: 400px;
-
- position: relative;
-
- //
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- //
-
- .title {
- font-weight: bold;
- font-size: 1.2rem;
- padding-top: 1rem;
- }
-
- .subtitle {
- font-size: 0.9rem;
- font-weight: 300;
- padding-top: 1rem;
- }
-
- .button-column {
- display: flex;
- flex-direction: column;
-
- width: 100%;
-
- padding: 1rem 2rem;
-
- ion-button {
- padding-top: 1rem;
- }
- }
-}
-
-ion-modal {
- --height: auto;
-}
-
-.modal-wrapper {
- position: fixed;
- bottom: 0px;
-}
-
-.apple {
- position: fixed;
- bottom: 0px;
-}
-
-ion-modal::part(content) {
- position: fixed;
- bottom: 0;
-}
diff --git a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-three.tsx b/03_source/mobile_old.del/mobile_main/src/pages/profile/page-three.tsx
deleted file mode 100644
index 5cbb9e4..0000000
--- a/03_source/mobile_old.del/mobile_main/src/pages/profile/page-three.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { IonBackButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/react';
-
-function PageThree() {
- return (
- <>
- {'Logout'}
- Page Three
-Page Two
-Use the back button to navigate to the previous page.
-
-
-
-
-
-
-
-
-
-
- John 20
- Fishing, basketball, piano
- 40 km. Sai Kung
-
- {/* Instead of loading an image each time the select changes, use opacity to transition them */}
-
-
-
-
-
-
-
-
- setLocation(e.detail.value as any)}
- >
- Madison, WI
- Austin, TX
- Chicago, IL
- Seattle, WA
-
-
-
- Date
- {displayDate(conferenceDate, 'MMM dd, yyyy')}
-
- setConferenceDate(e.detail.value! as string)}
- presentation="date"
- >
-
-
-
-
-
-
- Wifi network
- ica{displayDate(conferenceDate, 'y')}
-
-
- Password
- makegoodthings
-
-
-
- About
- -- The Ionic Conference is a one-day conference on {displayDate(conferenceDate, 'MMM dd, yyyy')} featuring - talks from the Ionic team. It is focused on Ionic applications being built with Ionic Framework. This - includes migrating apps to the latest version of the framework, Angular concepts, Webpack, Sass, and many - other technologies used in Ionic 2. Tickets are completely sold out, and we’re expecting more than 1000 - developers – making this the largest Ionic conference ever! -
- -Details
- -Internet
- -
-
-
-
-
-
- {page_content.about_user}
-
- {page_content.gender == 1 ? 'Male' : 'Female'}
- {page_content.height_cm} cm
- {page_content.weight_kg} kg
- {page_content.career}
- {page_content.spoken_language}
- {page_content.education}
-