esoftplay-event 0.0.0-a → 0.0.0-c

package/event/hall_out_log.tsx

@@ -2,9 +2,9 @@
 
 import { useEffect } from 'react';
 
-import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
-import { EventHall_out_successProperty } from 'esoftplay/cache/event/hall_out_success/import';
-import { EventLogProperty } from 'esoftplay/cache/event/log/import';
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { EventTms_out_hall_successProperty } from 'esoftplay/cache/event/tms_out_hall_success/import';
+import { EventTms_logProperty } from 'esoftplay/cache/event/tms_log/import';
 import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
@@ -17,10 +17,10 @@ import React from 'react';
 import { Pressable, Text, View } from 'react-native';
 
 
-export interface EventHall_out_logArgs {
+export interface EventTms_out_hall_logArgs {
 
 }
-export interface EventHall_out_logProps {
+export interface EventTms_out_hall_logProps {
   onPress: (type: string, title: string) => void
 }
 
@@ -47,21 +47,21 @@ function Item(props: HallOutLogItem) {
   )
 }
 
-export default function m(props: EventHall_out_logProps): any {
-  const logHallOut = BigbangGate_infoProperty.counterState().useSelector(s => s)
-  const backupHallOut = EventHall_out_successProperty.syncHallOut().useSelector(s => s)
+export default function m(props: EventTms_out_hall_logProps): any {
+  const logHallOut = EventTms_homeProperty.counterState().useSelector(s => s)
+  const backupHallOut = EventTms_out_hall_successProperty.syncHallOut().useSelector(s => s)
   const [loading, setLoading] = useSafeState<boolean>(true)
   const timeout = useTimeout()
 
   function syncHallOutData() {
-    BigbangGate_infoProperty.subscribeSyncHallOut().trigger(EventHall_out_successProperty.syncHallOut().get())
+    EventTms_homeProperty.subscribeSyncHallOut().trigger(EventTms_out_hall_successProperty.syncHallOut().get())
     timeout(() => {
       setLoading(false)
     }, 1000)
   }
 
   function forceSyncHallOutData() {
-    BigbangGate_infoProperty.subscribeSyncHallOutReset().trigger(EventHall_out_successProperty.syncHallOut().get())
+    EventTms_homeProperty.subscribeSyncHallOutReset().trigger(EventTms_out_hall_successProperty.syncHallOut().get())
     timeout(() => {
       setLoading(false)
     }, 1000)
@@ -75,39 +75,39 @@ export default function m(props: EventHall_out_logProps): any {
     return <LibLoading />
   }
 
-  const sumValue = EventLogProperty.sumValuesPerCategory(logHallOut)
+  const sumValue = EventTms_logProperty.sumValuesPerCategory(logHallOut)
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff', margin: 17, marginTop: 0, paddingBottom: 10, marginBottom: 0, borderBottomRightRadius: 10, borderBottomLeftRadius: 10, ...LibStyle.elevation(2) }}>
-      <Item subtitle={esp.lang("event/hall_out_log", "ticket_scanned_hall_out")} text={esp.lang("event/hall_out_log", "scan_hall_out")} value={sumValue?.hall_out_scan} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_hall_log", "ticket_scanned_hall_out")} text={esp.lang("event/tms_out_hall_log", "scan_hall_out")} value={sumValue?.hall_out_scan} onPress={() => {
         if (sumValue?.hall_out_scan) {
-          props.onPress("hall_out_scan", esp.lang("event/hall_out_log", "scan_hall_out"))
+          props.onPress("hall_out_scan", esp.lang("event/tms_out_hall_log", "scan_hall_out"))
         }
       }} />
-      <Item subtitle={esp.lang("event/hall_out_log", "scanned_ticket_hall_put")} text={esp.lang("event/hall_out_log", "qty_scan_hall_out")} value={sumValue?.hall_out_ticket} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_hall_log", "scanned_ticket_hall_put")} text={esp.lang("event/tms_out_hall_log", "qty_scan_hall_out")} value={sumValue?.hall_out_ticket} onPress={() => {
         if (sumValue?.hall_out_ticket) {
-          props.onPress("hall_out_ticket", esp.lang("event/hall_out_log", "qty_scan_hall_out"))
+          props.onPress("hall_out_ticket", esp.lang("event/tms_out_hall_log", "qty_scan_hall_out"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/hall_out_log", "ticket_success_scanned_hall_out")} text={esp.lang("event/hall_out_log", "opengate_hall_out")} value={sumValue?.hall_out_opengate} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_hall_log", "ticket_success_scanned_hall_out")} text={esp.lang("event/tms_out_hall_log", "opengate_hall_out")} value={sumValue?.hall_out_opengate} onPress={() => {
         if (sumValue?.hall_out_opengate) {
-          props.onPress("hall_out_opengate", esp.lang("event/hall_out_log", "opengate_hall_out"))
+          props.onPress("hall_out_opengate", esp.lang("event/tms_out_hall_log", "opengate_hall_out"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/hall_out_log", "idcard_scanned_hall_out")} text={esp.lang("event/hall_out_log", "opengate_hall_out_idcard")} value={sumValue?.hall_out_opengate_idcard} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_hall_log", "idcard_scanned_hall_out")} text={esp.lang("event/tms_out_hall_log", "opengate_hall_out_idcard")} value={sumValue?.hall_out_opengate_idcard} onPress={() => {
         if (sumValue?.hall_out_opengate_idcard) {
-          props.onPress("hall_out_opengate_idcard", esp.lang("event/hall_out_log", "opengate_hall_out_idcard"))
+          props.onPress("hall_out_opengate_idcard", esp.lang("event/tms_out_hall_log", "opengate_hall_out_idcard"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/hall_out_log", "data_send_to_server")} text={esp.lang("event/hall_out_log", "data_send")} value={sumValue?.hall_out_send} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_hall_log", "data_send_to_server")} text={esp.lang("event/tms_out_hall_log", "data_send")} value={sumValue?.hall_out_send} onPress={() => {
         if (sumValue?.hall_out_send) {
-          props.onPress("hall_out_send", esp.lang("event/hall_out_log", "data_send"))
+          props.onPress("hall_out_send", esp.lang("event/tms_out_hall_log", "data_send"))
         }
       }} />
-      <Item subtitle={esp.lang("event/hall_out_log", "data_not_send_to_server")} text={esp.lang("event/hall_out_log", "data_not_send")} valuecolor={LibStyle.colorRed} value={backupHallOut.length} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_hall_log", "data_not_send_to_server")} text={esp.lang("event/tms_out_hall_log", "data_not_send")} valuecolor={LibStyle.colorRed} value={backupHallOut.length} onPress={() => {
 
       }} />
 
@@ -119,12 +119,12 @@ export default function m(props: EventHall_out_logProps): any {
               setLoading(true)
               forceSyncHallOutData()
             }}>
-              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/hall_out_log", "wait")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/hall_out_log", "click")}</Text> {esp.lang("event/hall_out_log", "retry")}</Text>
+              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/tms_out_hall_log", "wait")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/tms_out_hall_log", "click")}</Text> {esp.lang("event/tms_out_hall_log", "retry")}</Text>
             </Pressable>
           } >
           <LibTextstyle textStyle='callout'
             style={{ textAlign: 'center', marginTop: 15 }}
-            text={esp.lang("event/hall_out_log", "all_data_send")} />
+            text={esp.lang("event/tms_out_hall_log", "all_data_send")} />
         </UseCondition>
       </View>
 

package/event/hall_out_success.tsx

@@ -9,16 +9,16 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
 import { LinearGradient } from 'expo-linear-gradient';
 
-import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import React from 'react';
 import { Animated, Easing, Pressable, Text, View } from 'react-native';
 
-export interface EventHall_out_successArgs {
+export interface EventTms_out_hall_successArgs {
 
 }
-export interface EventHall_out_successProps {
+export interface EventTms_out_hall_successProps {
 
 }
 
@@ -27,7 +27,7 @@ export function syncHallOut(): useGlobalReturn<any[]> {
   return dataListHallOut
 }
 
-export default function m(props: EventHall_out_successProps): any {
+export default function m(props: EventTms_out_hall_successProps): any {
   const { scan_type, data, url, post, url_ticket_update, url_ticket_detail, price_type, gate_type, event_id, selectGate, typeScanner, event_title, configPriority }: any = LibNavigation.getArgsAll<any>(props)
 
   const [isPaused, setIsPaused] = useSafeState<boolean>(false)
@@ -54,7 +54,7 @@ export default function m(props: EventHall_out_successProps): any {
           // script next nya disini
           LibNavigation.replace('component/scanner', {
             selectGate: selectGate,
-            fromPage: 'bigbang/gate_info',
+            fromPage: 'event/tms_home',
             event_id: event_id,
             event_title: event_title,
             typeScanner: typeScanner,
@@ -79,14 +79,14 @@ export default function m(props: EventHall_out_successProps): any {
 
   useEffect(() => {
     dataListHallOut.get()
-    BigbangGate_infoProperty.addCounterHallOutOpenGate(1, "0")
+    EventTms_homeProperty.addCounterHallOutOpenGate(1, "0")
     createDataHallOut()
     animateProgressBar()
   }, [])
 
   function createDataHallOut() {
     dataListHallOut.set(LibObject.push(dataListHallOut.get(), [url, post])())
-    BigbangGate_infoProperty.subscribeSyncHallOut().trigger(dataListHallOut.get())
+    EventTms_homeProperty.subscribeSyncHallOut().trigger(dataListHallOut.get())
   }
 
   const widthInterpolate = progress.interpolate({
@@ -120,7 +120,7 @@ export default function m(props: EventHall_out_successProps): any {
           colors={['rgba(255,255,255,0)', 'rgba(0,0,0,0.55)', 'rgba(0,0,0,1)', 'rgba(0,0,0,1)']}>
           <View style={{ flex: 1, padding: 15, justifyContent: 'flex-end', paddingBottom: 100, alignContent: 'center', alignItems: 'center' }}>
             <Text allowFontScaling={false} style={{ textAlign: 'center', flexWrap: 'wrap', fontSize: 35, letterSpacing: 2, fontWeight: '900', color: '#fff' }}>{data[0]?.price_name}</Text>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 26, marginTop: 20, color: '#fff' }}>{esp.lang("event/hall_out_success", "exit")}</Text>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 26, marginTop: 20, color: '#fff' }}>{esp.lang("event/tms_out_hall_success", "exit")}</Text>
           </View>
 
         </LinearGradient>

package/event/header.tsx

@@ -0,0 +1,119 @@
+// withHooks
+
+import { EventBadge } from 'esoftplay/cache/event/badge/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { UserNotification } from 'esoftplay/cache/user/notification/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+import React, { useRef } from 'react';
+import { Text, TextInput, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventHeaderArgs {
+
+}
+export interface EventHeaderProps {
+  doSearch?: (query: string) => void,
+  onChangeText?: (query: string) => void,
+  searchPlaceholder?: string,
+  title?: string,
+  titleColor?: string,
+  subtitle?: string,
+  bgSubtitle?: string,
+  cart?: boolean,
+  bgColor?: string,
+  notif?: boolean,
+  more?: boolean,
+  logout?: boolean,
+  iconShare?: boolean,
+  sort?: boolean,
+  onPressSort?: () => void,
+  onPressMore?: () => void,
+  onPressLogout?: () => void,
+  onPressShare?: () => void,
+}
+export default function m(props: EventHeaderProps): any {
+  const counter = UserNotification.state().useSelector(s => s.unread)
+  let inputSearch: any = useRef<TextInput>(null)
+  let query: string = ''
+
+
+  return (
+    <View style={{}} >
+      <LibStatusbar style="dark" />
+      <View style={{ flexDirection: 'row', backgroundColor: props.bgColor ? props.bgColor : 'white', padding: 15, paddingVertical: 10, alignItems: 'center', paddingTop: LibStyle.STATUSBAR_HEIGHT + 17, ...LibStyle.elevation(2) }} >
+        <TouchableOpacity hitSlop={{ top: 4, bottom: 4, left: 4, right: 4 }} onPress={() => LibNavigation.back()} >
+          <LibPicture style={{ height: 27, width: 27 }} source={esp.assets('icons/ic_header_back.png')} />
+        </TouchableOpacity>
+        {
+          props.doSearch || props.onChangeText ?
+            <View style={{ marginLeft: 15, borderRadius: 20, flexDirection: 'row', padding: 5, alignItems: 'center', backgroundColor: "#ffffff", borderStyle: "solid", borderWidth: 0.5, borderColor: "#c5c5c5", flex: 1, marginHorizontal: 12 }} >
+              <LibPicture style={{ height: 15, width: 15, marginLeft: 6, marginRight: 6 }} source={esp.assets('icons/ic_search.png')} />
+              <TextInput
+                autoFocus
+                ref={r => inputSearch = r}
+                style={{ fontFamily: "ArialBold", fontSize: 12, color: "#9e9e9e", flex: 1 }}
+                placeholder={props.searchPlaceholder || esp.lang("event/header", "search_product")}
+                onChangeText={(t) => props.onChangeText && props.onChangeText(query = t)}
+                returnKeyType={'search'}
+                returnKeyLabel={'Search'}
+                placeholderTextColor={'#e5e5e5'}
+                onSubmitEditing={() => props.doSearch && props.doSearch(query)}
+              />
+            </View>
+            :
+            <View style={{ marginHorizontal: 12, flex: 1 }} >
+              <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, fontStyle: "normal", letterSpacing: 0, color: props.titleColor ? props.titleColor : "#70472b" }} numberOfLines={1} >{props.title}</Text>
+              {props.subtitle && <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: props.bgSubtitle ? props.bgSubtitle : "#BBBBBB", marginTop: 3 }} >{props.subtitle}</Text>}
+            </View>
+        }
+        {
+          props.iconShare &&
+          <TouchableOpacity style={{ marginRight: 7 }} onPress={() => { props.onPressShare && props.onPressShare() }}>
+            <LibIcon.MaterialIcons name="share" color="#6F442D" size={22} />
+          </TouchableOpacity>
+        }
+        {
+          props.notif ?
+            <View />
+            :
+            <TouchableOpacity onPress={() => {
+              UserProfileProperty.isLogin(() => {
+                LibNavigation.navigate('notification/index')
+
+              })
+            }}>
+              <View>
+                <View style={{ borderRadius: 25, backgroundColor: '#fff', padding: 4 }}>
+                  <LibPicture style={{ height: 22, width: 27, resizeMode: 'contain' }} source={esp.assets('icons/home/notification.png')} />
+                  <EventBadge counter={counter} />
+                </View>
+              </View>
+            </TouchableOpacity>
+        }
+        {
+          props.onPressMore && props.more &&
+          <TouchableOpacity style={{ marginRight: 3.5 }} onPress={() => { props.onPressMore && props.onPressMore() }}>
+            <LibIcon name="dots-vertical" color="#6F442D" />
+          </TouchableOpacity>
+        }
+        {
+          props.onPressLogout && props.logout &&
+          <TouchableOpacity style={{ marginRight: 3.5, marginLeft: 4 }} onPress={() => { props.onPressLogout && props.onPressLogout() }}>
+            <LibIcon name="logout" color="#6F442D" />
+          </TouchableOpacity>
+        }
+        {
+          props.onPressSort && props.sort &&
+          <TouchableOpacity style={{ marginRight: 3.5 }} onPress={() => { props.onPressSort && props.onPressSort() }}>
+            <LibIcon name="sort-variant" color="#6F442D" />
+          </TouchableOpacity>
+        }
+      </View>
+    </View>
+  )
+}

package/event/header_home.tsx

@@ -0,0 +1,108 @@
+// withHooks
+// noPage
+import { ChatIndexProperty } from 'esoftplay/cache/chat/index/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { UserNotification } from 'esoftplay/cache/user/notification/import';
+import { UserProfileProperty } from 'esoftplay/cache/user/profile/import';
+import esp from 'esoftplay/esp';
+
+import { EventBadge } from 'esoftplay/cache/event/badge/import';
+import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
+import React, { useEffect } from 'react';
+import { Pressable, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventHeader_homeProps {
+  title?: string,
+  subtitle?: string,
+  cart?: boolean,
+  // card?:
+  // onPress?: () => void
+  onPress: () => void
+
+}
+
+export default function m(props: EventHeader_homeProps): any {
+  // const chatHistory = ChattingHistory?.()
+  // const data = chatHistory?.data
+  const [unRead, setUnread] = ChatIndexProperty?.unreadState?.()?.useState?.()
+  const counter = UserNotification?.state?.()?.useSelector?.(s => s.unread)
+
+  useEffect(() => {
+    // setUnread(data && data?.filter?.((v: any) => v.read == 0 && user && user?.id !== v.user_id).length || 0)
+  }, [])
+
+  return (
+    <View>
+      <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT }} />
+      <LibStatusbar style="dark" />
+      <View style={{ flexDirection: 'row', padding: 13, alignItems: 'center', height: 60, }} >
+        <Pressable testID='profile' hitSlop={{ top: 7, left: 7, right: 7, bottom: 7 }} onPress={() => {
+          UserProfileProperty.isLogin(() => {
+            LibNavigation.navigate('user/profile')
+          })
+        }} style={{ height: 35, width: 35, borderRadius: 17.5, overflow: 'hidden' }} >
+          <LibCurl_view
+            url='v2/user_image'
+            cache
+            isUserData
+            onSuccess={(res, msg) => {
+              return (
+                <LibPicture style={{ height: 35, width: 35, borderRadius: 17.5, backgroundColor: '#fff' }} source={res} />
+              )
+            }}
+            onError={(err) => {
+              return (
+                <LibPicture style={{ height: 35, width: 35, borderRadius: 17.5, backgroundColor: '#fff' }} source={esp.assets('icons/ic_btm_nav_active_profile.png')} />
+              )
+            }}
+            onLoading={<View />}
+          />
+        </Pressable>
+        {
+          props.title ?
+            <View style={{ marginHorizontal: 11, flex: 1 }} >
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#70472b" }} >{props.title || esp.lang("component/header_home", "profile")}</Text>
+              {props.subtitle && <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#e5e5e5", marginTop: 3 }} >{props.subtitle}</Text>}
+            </View>
+            :
+            <TouchableOpacity testID='search-bar' onPress={() => props.onPress()} style={{ flex: 1 }} >
+              <View style={{ marginLeft: 15, height: 20, borderRadius: 20, backgroundColor: 'white', flexDirection: "row", alignItems: 'center', flex: 1, marginHorizontal: 12 }} >
+                <LibPicture style={{ height: 15, width: 15, marginLeft: 6, marginRight: 6 }} source={esp.assets('icons/ic_search.png')} />
+                <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, color: "#e5e5e5" }} >{esp.lang("component/header_home", "search")}</Text>
+              </View>
+            </TouchableOpacity>
+        }
+        <Pressable hitSlop={{ top: 7, left: 7, right: 7, bottom: 7 }} onPress={() => {
+          UserProfileProperty.isLogin(() => {
+            LibNavigation.navigate('notification/index')
+          })
+        }}>
+          <View style={{ marginRight: 5, padding: 4 }}>
+            <LibPicture style={{ height: 22, width: 27, resizeMode: 'contain' }} source={esp.assets('icons/home/notification.png')} />
+            <LibCurl_view
+              url='v2/notification_count'
+              cache
+              isUserData
+              onSuccess={(res, msg) => {
+                return (
+                  <EventBadge counter={res} />
+                )
+              }}
+              onError={(err) => {
+                return (
+                  <View />
+                )
+              }}
+              onLoading={<View />}
+            />
+          </View>
+        </Pressable>
+
+      </View>
+    </View>
+  )
+}