esoftplay-event 0.0.1 → 0.0.2

package/event/hall_out_log.tsx

@@ -1,133 +0,0 @@
-// withHooks
-
-import { useEffect } from 'react';
-
-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';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { UseCondition } from 'esoftplay/cache/use/condition/import';
-import esp from 'esoftplay/esp';
-import useSafeState from 'esoftplay/state';
-import { useTimeout } from 'esoftplay/timeout';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface EventTms_out_hall_logArgs {
-
-}
-export interface EventTms_out_hall_logProps {
-  onPress: (type: string, title: string) => void
-}
-
-export interface HallOutLogItem {
-  text: string
-  subtitle: string
-  value: string
-  onPress: () => void
-  valuecolor?: string
-}
-
-function Item(props: HallOutLogItem) {
-  return (
-    <Pressable
-      onPress={() => {
-        props.onPress()
-      }} style={{ flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center', marginHorizontal: 15, paddingVertical: 6, borderBottomWidth: 1, borderBottomColor: LibStyle.colorLightGrey }}>
-      <View>
-        <LibTextstyle text={props.text} textStyle="subhead" />
-        <Text style={{ letterSpacing: 0.5, marginTop: 3, fontSize: 12, color: LibStyle.colorBrown }}>{props.subtitle}</Text>
-      </View>
-      <LibTextstyle text={LibUtils.number(props.value)} style={{ color: props.valuecolor ? props.valuecolor : "#000" }} textStyle="title2" />
-    </Pressable>
-  )
-}
-
-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() {
-    EventTms_homeProperty.subscribeSyncHallOut().trigger(EventTms_out_hall_successProperty.syncHallOut().get())
-    timeout(() => {
-      setLoading(false)
-    }, 1000)
-  }
-
-  function forceSyncHallOutData() {
-    EventTms_homeProperty.subscribeSyncHallOutReset().trigger(EventTms_out_hall_successProperty.syncHallOut().get())
-    timeout(() => {
-      setLoading(false)
-    }, 1000)
-  }
-
-  useEffect(() => {
-    syncHallOutData()
-  }, [])
-
-  if (loading) {
-    return <LibLoading />
-  }
-
-  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/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/tms_out_hall_log", "scan_hall_out"))
-        }
-      }} />
-      <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/tms_out_hall_log", "qty_scan_hall_out"))
-        }
-
-      }} />
-      <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/tms_out_hall_log", "opengate_hall_out"))
-        }
-
-      }} />
-      <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/tms_out_hall_log", "opengate_hall_out_idcard"))
-        }
-
-      }} />
-      <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/tms_out_hall_log", "data_send"))
-        }
-      }} />
-      <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={() => {
-
-      }} />
-
-      <View style={{ marginHorizontal: 15 }} >
-        <UseCondition
-          if={backupHallOut.length == 0}
-          fallback={
-            <Pressable onPress={() => {
-              setLoading(true)
-              forceSyncHallOutData()
-            }}>
-              <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/tms_out_hall_log", "all_data_send")} />
-        </UseCondition>
-      </View>
-
-    </View >
-  )
-}

package/event/hall_out_success.tsx

@@ -1,130 +0,0 @@
-// withHooks
-import { useEffect, useRef } from 'react';
-
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibObject } from 'esoftplay/cache/lib/object/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 useGlobalState, { useGlobalReturn } from 'esoftplay/global';
-import { LinearGradient } from 'expo-linear-gradient';
-
-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 EventTms_out_hall_successArgs {
-
-}
-export interface EventTms_out_hall_successProps {
-
-}
-
-const dataListHallOut = useGlobalState<any[]>([], { persistKey: 'ticket_list_hall_out', loadOnInit: true, inFastStorage: true })
-export function syncHallOut(): useGlobalReturn<any[]> {
-  return dataListHallOut
-}
-
-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)
-  const progress = useRef(new Animated.Value(0)).current;
-  const animation = useRef<Animated.CompositeAnimation | null>(null);
-  const [pausedValue, setPausedValue] = useSafeState(0);
-
-  function animateProgressBar() {
-    const duration = 1000; // Ubah durasi animasi sesuai kebutuhan Anda
-
-    if (!isPaused) {
-      animation.current = Animated.timing(progress, {
-        toValue: 1,
-        duration: duration - duration * pausedValue,
-        easing: Easing.linear,
-        useNativeDriver: false,
-      });
-
-      animation.current.start(({ finished }) => {
-        if (finished) {
-          setIsPaused(false);
-          setPausedValue(0);
-
-          // script next nya disini
-          LibNavigation.replace('component/scanner', {
-            selectGate: selectGate,
-            fromPage: 'event/tms_home',
-            event_id: event_id,
-            event_title: event_title,
-            typeScanner: typeScanner,
-            gate_type: gate_type,
-            price_type: price_type,
-            url_ticket_detail: url_ticket_detail,
-            url_ticket_update: url_ticket_update,
-            configPriority: configPriority,
-            scan_type: scan_type
-          })
-        }
-      });
-    } else {
-      if (animation.current) {
-        animation.current.stop(); // Hentikan animasi
-        animation.current = null;
-      }
-      setPausedValue(progress._value);
-    }
-    setIsPaused(!isPaused);
-  }
-
-  useEffect(() => {
-    dataListHallOut.get()
-    EventTms_homeProperty.addCounterHallOutOpenGate(1, "0")
-    createDataHallOut()
-    animateProgressBar()
-  }, [])
-
-  function createDataHallOut() {
-    dataListHallOut.set(LibObject.push(dataListHallOut.get(), [url, post])())
-    EventTms_homeProperty.subscribeSyncHallOut().trigger(dataListHallOut.get())
-  }
-
-  const widthInterpolate = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0%', '100%'],
-  });
-
-  return (
-    <View style={{ flex: 1 }}>
-      <LibStatusbar style='light' />
-      <Pressable
-        onPressIn={animateProgressBar}
-        onPressOut={animateProgressBar}
-        style={{ backgroundColor: '#000', height: LibStyle.height }}>
-        <LibPicture source={{ uri: 'https://www.w3schools.com/howto/img_avatar.png' }} style={{ width: LibStyle.width, height: LibStyle.height - (LibStyle.height / 4) }} resizeMode={"cover"} />
-
-        <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT + 5, alignSelf: 'center', height: 5, width: LibStyle.width - 20, backgroundColor: 'rgba(255,255,255,0.3)', borderRadius: 10, position: 'absolute', top: 5, }}>
-          <Animated.View style={{ width: widthInterpolate, height: 5, backgroundColor: LibStyle.colorPrimary, borderRadius: 10, }} />
-        </View>
-
-        <LinearGradient
-          // Background Linear Gradient
-          style={{
-            height: LibStyle.height - (LibStyle.height / 3),
-            width: LibStyle.width,
-            position: 'absolute',
-            left: 0,
-            right: 0,
-            bottom: 0,
-          }}
-          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/tms_out_hall_success", "exit")}</Text>
-          </View>
-
-        </LinearGradient>
-      </Pressable>
-    </View>
-  )
-}