esoftplay-event 0.0.0-a → 0.0.0-b

package/event/exit_log.tsx

@@ -1,9 +1,9 @@
 // withHooks
 import { useEffect } from 'react';
 
-import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
-import { EventExit_successProperty } from 'esoftplay/cache/event/exit_success/import';
-import { EventLogProperty } from 'esoftplay/cache/event/log/import';
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { EventTms_out_successProperty } from 'esoftplay/cache/event/tms_out_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 { Text, View } from 'react-native';
 import Pressable from '../lib/pressable';
 
 
-export interface EventExit_logArgs {
+export interface EventTms_out_logArgs {
 
 }
-export interface EventExit_logProps {
+export interface EventTms_out_logProps {
   onPress: (type: string, title: string) => void
 }
 
@@ -48,22 +48,22 @@ function Item(props: ExitLogItem) {
 }
 
 
-export default function m(props: EventExit_logProps): any {
+export default function m(props: EventTms_out_logProps): any {
 
-  const logExit = BigbangGate_infoProperty.counterState().useSelector(s => s)
-  const backupExit = EventExit_successProperty.syncTicketExit().useSelector(s => s)
+  const logExit = EventTms_homeProperty.counterState().useSelector(s => s)
+  const backupExit = EventTms_out_successProperty.syncTicketExit().useSelector(s => s)
   const [loading, setLoading] = useSafeState<boolean>(true)
   const timeout = useTimeout()
 
   function syncExitData() {
-    BigbangGate_infoProperty.subscribeSyncExit().trigger(EventExit_successProperty.syncTicketExit().get())
+    EventTms_homeProperty.subscribeSyncExit().trigger(EventTms_out_successProperty.syncTicketExit().get())
     timeout(() => {
       setLoading(false)
     }, 1000)
   }
 
   function forceSyncExitData() {
-    BigbangGate_infoProperty.subscribeSyncExitReset().trigger(EventExit_successProperty.syncTicketExit().get())
+    EventTms_homeProperty.subscribeSyncExitReset().trigger(EventTms_out_successProperty.syncTicketExit().get())
     timeout(() => {
       setLoading(false)
     }, 1000)
@@ -78,35 +78,35 @@ export default function m(props: EventExit_logProps): any {
     return <LibLoading />
   }
 
-  const sumValue = EventLogProperty.sumValuesPerCategory(logExit)
+  const sumValue = EventTms_logProperty.sumValuesPerCategory(logExit)
 
   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/exit_log", "ticket_scan_out")} text={esp.lang("event/exit_log", "scan_out")} value={sumValue?.out_scan} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_log", "ticket_scan_out")} text={esp.lang("event/tms_out_log", "scan_out")} value={sumValue?.out_scan} onPress={() => {
         if (sumValue?.out_scan) {
-          props.onPress("out_scan", esp.lang("event/exit_log", "scan_out"))
+          props.onPress("out_scan", esp.lang("event/tms_out_log", "scan_out"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/exit_log", "qty_scanned_out")} text={esp.lang("event/exit_log", "qty_ticket_scan_out")} value={sumValue?.out_ticket} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_log", "qty_scanned_out")} text={esp.lang("event/tms_out_log", "qty_ticket_scan_out")} value={sumValue?.out_ticket} onPress={() => {
         if (sumValue?.out_ticket) {
-          props.onPress("out_ticket", esp.lang("event/exit_log", "qty_ticket_scan_out"))
+          props.onPress("out_ticket", esp.lang("event/tms_out_log", "qty_ticket_scan_out"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/exit_log", "ticket_scanned_out")} text={esp.lang("event/exit_log", "opengate_out")} value={sumValue?.out_opengate} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_log", "ticket_scanned_out")} text={esp.lang("event/tms_out_log", "opengate_out")} value={sumValue?.out_opengate} onPress={() => {
         if (sumValue?.out_opengate) {
-          props.onPress("out_opengate", esp.lang("event/exit_log", "opengate_out"))
+          props.onPress("out_opengate", esp.lang("event/tms_out_log", "opengate_out"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/exit_log", "data_send_to_server")} text={esp.lang("event/exit_log", "data_send")} value={sumValue?.out_send} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_log", "data_send_to_server")} text={esp.lang("event/tms_out_log", "data_send")} value={sumValue?.out_send} onPress={() => {
         if (sumValue?.out_send) {
-          props.onPress("out_send", esp.lang("event/exit_log", "data_send"))
+          props.onPress("out_send", esp.lang("event/tms_out_log", "data_send"))
         }
 
       }} />
-      <Item subtitle={esp.lang("event/exit_log", "data_not_send_to_server")} text={esp.lang("event/exit_log", "data_not_send")} value={backupExit.length} valuecolor={LibStyle.colorRed} onPress={() => {
+      <Item subtitle={esp.lang("event/tms_out_log", "data_not_send_to_server")} text={esp.lang("event/tms_out_log", "data_not_send")} value={backupExit.length} valuecolor={LibStyle.colorRed} onPress={() => {
 
       }} />
 
@@ -118,12 +118,12 @@ export default function m(props: EventExit_logProps): any {
               setLoading(true)
               forceSyncExitData()
             }}>
-              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/exit_log", "waiting")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/exit_log", "click")}</Text> {esp.lang("event/exit_log", "re_try")}</Text>
+              <Text allowFontScaling={false} style={{ textAlign: 'center' }}>{esp.lang("event/tms_out_log", "waiting")}<Text style={{ color: LibStyle.colorBlue, textDecorationStyle: 'solid', textDecorationLine: 'underline' }}>{esp.lang("event/tms_out_log", "click")}</Text> {esp.lang("event/tms_out_log", "re_try")}</Text>
             </Pressable>
           } >
           <LibTextstyle textStyle='callout'
             style={{ textAlign: 'center', marginTop: 15 }}
-            text={esp.lang("event/exit_log", "all_data_send")} />
+            text={esp.lang("event/tms_out_log", "all_data_send")} />
         </UseCondition>
       </View>
     </View >

package/event/exit_success.tsx

@@ -1,5 +1,5 @@
 // withHooks
-import { BigbangGate_infoProperty } from 'esoftplay/cache/bigbang/gate_info/import';
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
@@ -15,10 +15,10 @@ import React from 'react';
 import { Animated, Easing, Pressable, Text, View } from 'react-native';
 
 
-export interface EventExit_successArgs {
+export interface EventTms_out_successArgs {
 
 }
-export interface EventExit_successProps {
+export interface EventTms_out_successProps {
 
 }
 
@@ -28,7 +28,7 @@ export function syncTicketExit(): useGlobalReturn<any[]> {
 }
 
 
-export default function m(props: EventExit_successProps): any {
+export default function m(props: EventTms_out_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)
@@ -55,7 +55,7 @@ export default function m(props: EventExit_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,
@@ -81,7 +81,7 @@ export default function m(props: EventExit_successProps): any {
 
   useEffect(() => {
     // sementara price_id tak jupuk index 0
-    BigbangGate_infoProperty.addCounterOutOpenGate(1, post?.price_id?.[0])
+    EventTms_homeProperty.addCounterOutOpenGate(1, post?.price_id?.[0])
     dataListTicketExit?.get()
     createDataExit()
     animateProgressBar()
@@ -89,7 +89,7 @@ export default function m(props: EventExit_successProps): any {
 
   function createDataExit() {
     dataListTicketExit.set(LibObject.push(dataListTicketExit.get(), [url, post])())
-    BigbangGate_infoProperty.subscribeSyncExit().trigger(dataListTicketExit.get())
+    EventTms_homeProperty.subscribeSyncExit().trigger(dataListTicketExit.get())
   }
 
   let uniquePrices: any = {};
@@ -133,7 +133,7 @@ export default function m(props: EventExit_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' }}>{uniquePriceNames.join(',')}</Text>
-            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 26, marginTop: 20, color: LibStyle.colorRed }}>{esp.lang("event/exit_success", "exit")}</Text>
+            <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 26, marginTop: 20, color: LibStyle.colorRed }}>{esp.lang("event/tms_out_success", "exit")}</Text>
           </View>
 
         </LinearGradient>

package/event/exit_temporary.tsx

@@ -1,5 +1,4 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
 import { EventScan_item } from 'esoftplay/cache/event/scan_item/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -11,7 +10,8 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 
 import { applyStyle } from 'esoftplay';
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
@@ -19,13 +19,13 @@ import React, { useEffect } from 'react';
 import { ScrollView, Text, View } from 'react-native';
 
 
-export interface EventExit_temporaryArgs {
+export interface EventTms_out_temporaryArgs {
 
 }
-export interface EventExit_temporaryProps {
+export interface EventTms_out_temporaryProps {
 
 }
-export default function m(props: EventExit_temporaryProps): any {
+export default function m(props: EventTms_out_temporaryProps): any {
   const user_qr = LibNavigation.getArgs(props, 'qr_code')
   const { scan_type, event_id, selectGate, typeScanner }: any = LibNavigation.getArgsAll(props)
   const [result, setResult] = useSafeState<any>(undefined)
@@ -65,7 +65,7 @@ export default function m(props: EventExit_temporaryProps): any {
       setResult(c)
 
     }, (error) => {
-      LibDialog.warningConfirm(esp.lang("event/exit_temporary", "fault"), error?.message, esp.lang("event/exit_temporary", "back"), () => LibNavigation.back(), "", () => { })
+      LibDialog.warningConfirm(esp.lang("event/tms_out_temporary", "fault"), error?.message, esp.lang("event/tms_out_temporary", "back"), () => LibNavigation.back(), "", () => { })
     }, 1)
   }
 
@@ -74,7 +74,7 @@ export default function m(props: EventExit_temporaryProps): any {
     let a = list.filter((item: any) => item.checked == 1).map((it: any) => it.id)
 
     if (a.length == 0) {
-      LibToastProperty.show(esp.lang("event/exit_temporary", "select_ticket"))
+      LibToastProperty.show(esp.lang("event/tms_out_temporary", "select_ticket"))
       return
     }
     var post = {
@@ -83,12 +83,12 @@ export default function m(props: EventExit_temporaryProps): any {
       gate_id: selectGate.id
     }
 
-    LibProgress.show(esp.lang("event/exit_temporary", "wait"))
+    LibProgress.show(esp.lang("event/tms_out_temporary", "wait"))
     new LibCurl('event_tms_out_temporary_confirm', post, (result, msg) => {
       LibProgress.hide()
-      LibDialog.confirm(esp.lang("event/exit_temporary", "info"), msg, esp.lang("event/exit_temporary", "ok"), () => {
+      LibDialog.confirm(esp.lang("event/tms_out_temporary", "info"), msg, esp.lang("event/tms_out_temporary", "ok"), () => {
         LibNavigation.replace('component/scanner', {
-          fromPage: 'bigbang/gate_info',
+          fromPage: 'event/tms_home',
           isTemporaryExit: true,
           event_id: event_id,
           selectGate: selectGate,
@@ -97,7 +97,7 @@ export default function m(props: EventExit_temporaryProps): any {
         })
       }, "", () => { })
     }, (error) => {
-      LibDialog.warning(esp.lang("event/exit_temporary", "oops"), error?.message)
+      LibDialog.warning(esp.lang("event/tms_out_temporary", "oops"), error?.message)
       LibProgress.hide()
     }, 1)
   }
@@ -127,10 +127,10 @@ export default function m(props: EventExit_temporaryProps): any {
           colorText={item?.status == 1 ? "#000" : LibStyle.colorBgGrey}
           label={
             item.status == 0 ?
-              esp.lang("event/exit_temporary", "used") :
+              esp.lang("event/tms_out_temporary", "used") :
               item.checked == 0 ?
-                esp.lang("event/exit_temporary", "use") :
-                esp.lang("event/exit_temporary", "cancel")
+                esp.lang("event/tms_out_temporary", "use") :
+                esp.lang("event/tms_out_temporary", "cancel")
           }
           onPress={() => {
             if (item?.status == 1 && item?.is_limit == 0) {
@@ -165,12 +165,12 @@ export default function m(props: EventExit_temporaryProps): any {
             <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#000", marginBottom: 4, fontSize: 16 })}>{item.exhibitor_name}</Text>
             {
               item.status == 1 &&
-              <ComponentButton style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', width: LibStyle.width / 3, backgroundColor: (item.status == 0 || item.is_limit == 1) ? LibStyle.colorLightGrey : (item.checked == 0) ? LibStyle.colorGreen : LibStyle.colorRed })} label={
+              <EventButton style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', width: LibStyle.width / 3, backgroundColor: (item.status == 0 || item.is_limit == 1) ? LibStyle.colorLightGrey : (item.checked == 0) ? LibStyle.colorGreen : LibStyle.colorRed })} label={
                 item.status == 0 ?
-                  esp.lang("event/exit_temporary", "used") :
+                  esp.lang("event/tms_out_temporary", "used") :
                   item.hasOwnProperty("checked") && item.checked == 0 ?
-                    esp.lang("event/exit_temporary", "use") :
-                    esp.lang("event/exit_temporary", "cancel")
+                    esp.lang("event/tms_out_temporary", "use") :
+                    esp.lang("event/tms_out_temporary", "cancel")
               } fontColor={"#fff"} onPress={() => {
                 let a = LibObject.set(result, item.checked == 1 ? 0 : 1)('staff', i, 'checked')
                 setResult(a)
@@ -197,7 +197,7 @@ export default function m(props: EventExit_temporaryProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={esp.lang("event/exit_temporary", "temp_out")} />
+      <EventHeader title={esp.lang("event/tms_out_temporary", "temp_out")} />
 
       <ScrollView>
         <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, overflow: 'hidden' }}>
@@ -212,8 +212,8 @@ export default function m(props: EventExit_temporaryProps): any {
         </View>
       </ScrollView>
       <View style={{ padding: 10, backgroundColor: '#fff' }}>
-        <ComponentButton
-          label={esp.lang("event/exit_temporary", "btn_exit")}
+        <EventButton
+          label={esp.lang("event/tms_out_temporary", "btn_exit")}
           backgroundColor={LibStyle.colorRed}
           onPress={() => {
             quitTemporary()

package/event/expander.tsx

@@ -0,0 +1,36 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface EventExpanderArgs {
+
+}
+export interface EventExpanderProps {
+  style?: any,
+  children?: any,
+  minHeight?: number,
+  defaultExpandStatus?: boolean
+}
+export default function m(props: EventExpanderProps): any {
+  const [expand, setExpand] = useSafeState(!!props.defaultExpandStatus)
+  const minHeight = props.minHeight || 80
+  return (
+    <View style={props.style} >
+      <View style={{ maxHeight: expand ? undefined : minHeight, overflow: 'hidden' }} >
+        {props.children}
+      </View>
+      {
+        props?.children?.props?.children?.length > 6 &&
+        <TouchableOpacity activeOpacity={1} onPress={() => setExpand((x) => !x)} style={styleId_ZvFdlx} >
+          <LibIcon.SimpleLineIcons name={expand ? "arrow-up" : "arrow-down"} color={LibStyle.colorPrimary} size={16} />
+        </TouchableOpacity>
+      }
+    </View>
+  )
+}
+const styleId_ZvFdlx: any = { height: 40, alignItems: 'center', justifyContent: 'center', backgroundColor: 'white' }

package/event/fab.tsx

@@ -0,0 +1,24 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+
+
+export interface EventFabArgs {
+  
+}
+export interface EventFabProps {
+  onPress: () => void,
+  icon: any,
+  colorText?: string,
+  colorBg?: string
+}
+export default function m(props: EventFabProps): any {
+  return (
+    <TouchableOpacity onPress={props.onPress} style={{ alignContent: 'center', alignItems: 'center', justifyContent: 'center', height: 50, width: 50, borderRadius: 25, backgroundColor: props.colorBg ? props.colorBg : '#51b596', position: 'absolute', ...LibStyle.elevation(3), bottom: 20, right: 20 }}>
+      <LibIcon name={props.icon} color={props.colorText ? props.colorText : "#fff"} />
+    </TouchableOpacity>
+  )
+}