esoftplay-event 0.0.0-a → 0.0.0-b

package/event/tms_dashboard.tsx

@@ -1,5 +1,5 @@
 // withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
@@ -26,8 +26,8 @@ export default function m(props: EventTms_dashboardProps): any {
       active: 1,
       color_accent: '#FFC523',
       onPress: () => {
-        LibNavigation.navigateForResult('user/profile_tms_list', { data: user?.is_tms }).then((value) => {
-          LibNavigation.navigate('bigbang/gate', { is_scanner: value, typeScanner: 'tms' })
+        LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
+          LibNavigation.navigate('event/tms_gate', { is_scanner: value, typeScanner: 'tms' })
         })
       }
     },
@@ -38,8 +38,8 @@ export default function m(props: EventTms_dashboardProps): any {
       active: 1,
       color_accent: '#01D0FB',
       onPress: () => {
-        LibNavigation.navigateForResult('user/profile_tms_list', { data: user?.is_tms }).then((value) => {
-          LibNavigation.navigate('bigbang/gate', { is_scanner: value, typeScanner: 'hall' })
+        LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
+          LibNavigation.navigate('event/tms_gate', { is_scanner: value, typeScanner: 'hall' })
         })
       }
     },
@@ -50,7 +50,7 @@ export default function m(props: EventTms_dashboardProps): any {
       active: 1,
       color_accent: '#D0004F',
       onPress: () => {
-        LibNavigation.navigateForResult('user/profile_tms_list', { data: user?.is_tms }).then((value) => {
+        LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
           LibNavigation.navigate('event/exchange_ticket', { dataEvent: value })
         })
       }
@@ -76,7 +76,7 @@ export default function m(props: EventTms_dashboardProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <ComponentHeader title={'Dashboard TMS'} />
+      <EventHeader title={'Dashboard TMS'} />
 
       <ScrollView>
         {

package/event/tms_event_list.tsx

@@ -1,66 +1,69 @@
 // withHooks
-
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { applyStyle } from 'esoftplay';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
 import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
 import esp from 'esoftplay/esp';
+import { useEffect } from 'react';
+
 import React from 'react';
 import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
-export interface EventTms_event_listArgs {
-
-}
 export interface EventTms_event_listProps {
 
 }
 export default function m(props: EventTms_event_listProps): any {
-  const { is_eo } = LibNavigation.getArgsAll(props)
+  const { data } = LibNavigation.getArgsAll(props)
 
-  if (is_eo?.length == 1) {
-    LibNavigation.back()
-    LibNavigation.navigate('event/tms', { dataEO: is_eo[0] })
-  }
+  useEffect(() => {
+    if (data?.length == 1) {
+      LibNavigation.sendBackResult(data[0])
+    }
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
 
   function renderItem(item: any, i: number) {
+    const widthImg = LibStyle?.width - 20
+    const sliderHeight = widthImg / 1920 * 1080
+
     return (
       <TouchableOpacity onPress={() => {
-        LibNavigation.navigate('event/tms', { dataEO: item })
-      }} key={i} >
-        <View style={styleId_8oX1o}>
-          {
-            item.image != "" && item.image != null ?
-              <LibPicture source={{ uri: item.image }} style={styleId_P1YdJ} />
-              :
-              <View style={styleId_Z1FsLgN} />
-          }
-          <View style={styleId_Z1B8TCk}>
-            <Text allowFontScaling={false} style={styleId_Z2mC6aP}>{item.name || ""}</Text>
-            <Text allowFontScaling={false} style={styleId_Z1R4k1n} >{LibUtils.getDateRange(item.start_date, item.end_date, esp.lang("event/tms_event_list", "until"))}</Text>
-          </View>
+        LibNavigation.sendBackResult(item)
+      }} key={i} style={{ margin: 10, marginBottom: 0, backgroundColor: '#fff', borderRadius: 10 }}>
+        <View style={{ ...LibStyle.elevation(2), backgroundColor: '#fff', borderRadius: 10 }}>
+          <LibPicture source={{ uri: item.image }} style={{ width: widthImg, height: sliderHeight, borderRadius: 10 }} />
+        </View>
+        <View style={{ padding: 10 }}>
+          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={applyStyle({ fontSize: 18 })}>{item.name || ""}</Text>
+          <Text allowFontScaling={false} style={applyStyle({ fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#f39c12" })} >{LibUtils.getDateRange(item.start_date, item.end_date, esp.lang("event/tms_event_list", "until"))}</Text>
         </View>
       </TouchableOpacity>
-
     )
   }
 
-  return (
-    <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("user/profile_tms_list", "title_list_event")} />
-      <ScrollView showsVerticalScrollIndicator={false} >
-        {/* untuk scanner */}
-        {
-          is_eo?.map?.(renderItem)
-        }
-      </ScrollView>
-    </View>
-  )
-}
-
-const styleId_8oX1o: any = { marginTop: 10, backgroundColor: 'white', marginHorizontal: 15, flexDirection: 'row', padding: 10, alignItems: 'center', justifyContent: 'center' }
-const styleId_P1YdJ: any = { borderRadius: 30, width: 60, height: 60 }
-const styleId_Z1FsLgN: any = { borderRadius: 30, width: 60, height: 60, backgroundColor: 'grey' }
-const styleId_Z1B8TCk: any = { paddingLeft: 10, paddingRight: 10, flex: 1 }
-const styleId_Z2mC6aP: any = { fontSize: 16 }
-const styleId_Z1R4k1n: any = { paddingTop: 10, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#f39c12" }
+  if (data?.length == 0) {
+    LibDialog.warning("Oops", "Daftar event kosong.")
+    LibNavigation.back()
+  } else if (data?.length == 1) {
+    return (
+      <LibLoading />
+    )
+  } else {
+    return (
+      <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+        <EventHeader title={esp.lang("event/tms_event_list", "title_list_event")} />
+        <ScrollView showsVerticalScrollIndicator={false} >
+          {/* untuk scanner */}
+          {
+            data?.map(renderItem)
+          }
+        </ScrollView>
+      </View>
+    )
+  }
+}

package/event/tms_gate.tsx

@@ -0,0 +1,96 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventTms_gateArgs {
+
+}
+export interface EventTms_gateProps {
+
+}
+export default function m(props: EventTms_gateProps): any {
+  const { is_scanner, typeScanner } = LibNavigation.getArgsAll(props)
+
+  const [selectGate, setSelectGate] = useSafeState<any>()
+  const [gates, setGates] = useSafeState<any>()
+
+  useEffect(() => {
+    if (typeScanner == "tms") {
+      loadDataGates()
+    } else {
+      loadDataHall()
+    }
+  }, [])
+
+  function loadDataGates() {
+    let post = {
+      event_id: is_scanner?.id
+    }
+    new LibCurl('event_gate', post, (res, msg) => {
+      setGates(res)
+      if (res.length == 1) {
+        LibNavigation.back()
+        LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: res[0], typeScanner: typeScanner })
+      }
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/tms_gate", "warning_load"), error?.message)
+      LibNavigation.back()
+    }, 1)
+  }
+
+  function loadDataHall() {
+    let post = {
+      event_id: is_scanner?.id
+    }
+    new LibCurl('event_hall', post, (res, msg) => {
+      setGates(res)
+      if (res.length == 1) {
+        LibNavigation.back()
+        LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: res[0], typeScanner: typeScanner })
+      }
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/tms_gate", "warning_loadhall"), error?.message)
+      LibNavigation.back()
+    }, 1)
+  }
+
+  function renderGates(item: any, i: number) {
+    let _selectGate = item.id == selectGate?.id
+    return (
+      <Pressable key={i} onPress={() => {
+        setSelectGate(item)
+        LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: item, typeScanner: typeScanner })
+      }} style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', backgroundColor: _selectGate ? LibStyle.colorGrey : '#fff', ...LibStyle.elevation(2), padding: 16, marginBottom: 10, marginHorizontal: 15, borderRadius: 5, flex: 1 }}>
+        <LibIcon name={_selectGate ? "radiobox-marked" : "radiobox-blank"} size={18} color={_selectGate ? "#3ea4dc" : "#434343"} />
+        <Text allowFontScaling={false} style={{ marginLeft: 10, fontSize: 17, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#9e9e9e', paddingLeft: 3, paddingRight: 3 }}>{item.name}</Text>
+      </Pressable>
+    )
+  }
+
+  if (!gates) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title={typeScanner == "tms" ? esp.lang("event/tms_gate", "header_title1") : esp.lang("event/tms_gate", "header_title2")} subtitle={esp.lang("event/tms_gate", "gate_sub")} />
+      <ScrollView style={{}}>
+        <Text allowFontScaling={false} style={{ margin: 20, marginBottom: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, paddingLeft: 3, paddingRight: 3 }}>{esp.lang("event/tms_gate", "text_select", typeScanner == "tms" ? esp.lang("event/tms_gate", "gate") : esp.lang("event/tms_gate", "hall"))}</Text>
+        {
+          gates?.length > 1 && gates?.map(renderGates)
+        }
+      </ScrollView>
+    </View>
+  )
+}