esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/event/tms_out_temporary.tsx

@@ -0,0 +1,226 @@
+// withHooks
+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';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+
+import { applyStyle } from 'esoftplay';
+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';
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface EventTms_out_temporaryArgs {
+
+}
+export interface EventTms_out_temporaryProps {
+
+}
+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)
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    var post = {
+      event_id: event_id,
+      // event_id: "264",
+      user_qr: encodeURIComponent(user_qr),
+      gate_id: selectGate.id
+      // user_qr: encodeURIComponent("BBO-H6851"),
+    }
+    new LibCurl('event_tms_out_temporary', post, (res) => {
+      let a = res?.list?.length > 0 && res.list.map((item: any, i: number) => {
+        return ({
+          ...item,
+          checked: 0
+        })
+      })
+      let b = res?.staff?.length > 0 && res.staff.map((item: any, i: number) => {
+        return ({
+          ...item,
+          checked: 0
+        })
+      })
+
+      let c = {
+        ...res,
+        list: res?.list?.length == 0 ? [] : a,
+        staff: res?.staff?.length == 0 ? [] : b
+      }
+      esp.log({ res, c });
+      setResult(c)
+
+    }, (error) => {
+      LibDialog.warningConfirm(esp.lang("event/tms_out_temporary", "fault"), error?.message, esp.lang("event/tms_out_temporary", "back"), () => LibNavigation.back(), "", () => { })
+    }, 1)
+  }
+
+  function quitTemporary(): void {
+    let list = [...result?.list, ...result.staff]
+    let a = list.filter((item: any) => item.checked == 1).map((it: any) => it.id)
+
+    if (a.length == 0) {
+      LibToastProperty.show(esp.lang("event/tms_out_temporary", "select_ticket"))
+      return
+    }
+    var post = {
+      event_id: event_id,
+      ids: JSON.stringify(a),
+      gate_id: selectGate.id
+    }
+
+    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/tms_out_temporary", "info"), msg, esp.lang("event/tms_out_temporary", "ok"), () => {
+        LibNavigation.replace('component/scanner', {
+          fromPage: 'event/tms_home',
+          isTemporaryExit: true,
+          event_id: event_id,
+          selectGate: selectGate,
+          typeScanner: typeScanner,
+          scan_type: scan_type
+        })
+      }, "", () => { })
+    }, (error) => {
+      LibDialog.warning(esp.lang("event/tms_out_temporary", "oops"), error?.message)
+      LibProgress.hide()
+    }, 1)
+  }
+
+  if (!result) return <LibLoading />
+
+  let lastStatusScanned = ''
+  function renderTicketTemporary(item: any, i: number) {
+    const showStatusScanned = lastStatusScanned != item?.status_label
+    lastStatusScanned = item?.status_label
+    return (
+      <View key={i}>
+        {
+          showStatusScanned &&
+          <View style={{ backgroundColor: item?.status == 1 ? '#fff' : "#c5c5c5", padding: 10, borderBottomWidth: 2, borderBottomColor: LibStyle.colorBgGrey }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: item?.status == 1 ? item?.status_background : "#fff" }}>{(item?.status_label).toUpperCase()}</Text>
+          </View>
+        }
+        <EventScan_item
+          key={i}
+          item={item}
+          colorFont={"#fff"}
+          style={{ backgroundColor: item?.status == 1 ? "#fff" : "#c5c5c5" }}
+          event_image={result?.event_image}
+          event_name={result?.event_name}
+          event_ondate={result?.event_ondate}
+          colorText={item?.status == 1 ? "#000" : LibStyle.colorBgGrey}
+          label={
+            item.status == 0 ?
+              esp.lang("event/tms_out_temporary", "used") :
+              item.checked == 0 ?
+                esp.lang("event/tms_out_temporary", "use") :
+                esp.lang("event/tms_out_temporary", "cancel")
+          }
+          onPress={() => {
+            if (item?.status == 1 && item?.is_limit == 0) {
+              let a = LibObject.set(result, item.checked == 1 ? 0 : 1)('list', i, 'checked')
+              setResult(a)
+            }
+          }}
+          colorBackground={(item.status == 0 || item.is_limit == 1) ? LibStyle.colorLightGrey : (item.checked == 0) ? LibStyle.colorGreen : LibStyle.colorRed}
+        />
+      </View>
+    )
+  }
+
+  let lastStatusStaff = ''
+  function renderStaff(item: any, i: number) {
+    const showStatusScanned = lastStatusStaff != item?.status_label
+    lastStatusStaff = item?.status_label
+
+    return (
+      <View key={i}>
+        {
+          showStatusScanned &&
+          <View style={{ backgroundColor: item?.status == 1 ? '#fff' : "#c5c5c5", padding: 10, borderBottomWidth: 2, borderBottomColor: LibStyle.colorBgGrey }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: item?.status == 1 ? item?.status_background : "#fff" }}>{(item?.status_label).toUpperCase()}</Text>
+          </View>
+        }
+        <View style={{ padding: 10, overflow: 'hidden', flex: 1, flexDirection: 'row', backgroundColor: '#fff', borderBottomColor: LibStyle.colorGrey, borderBottomWidth: 1.5 }}>
+          <LibPicture style={applyStyle({ borderRadius: 5, width: LibStyle.width / 4.5, height: LibStyle.width / 4.5, backgroundColor: LibStyle.colorBgGrey })} source={{ uri: item?.image }} />
+          <View style={{ marginLeft: 10, flex: 1 }}>
+            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#000", marginBottom: 4, fontSize: 18, fontWeight: 'bold' })}>{item.name}</Text>
+            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#000", marginBottom: 4, fontSize: 14 })}>{item.department_name}</Text>
+            <Text allowFontScaling={false} ellipsizeMode={'tail'} numberOfLines={2} style={applyStyle({ color: "#000", marginBottom: 4, fontSize: 16 })}>{item.exhibitor_name}</Text>
+            {
+              item.status == 1 &&
+              <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/tms_out_temporary", "used") :
+                  item.hasOwnProperty("checked") && item.checked == 0 ?
+                    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)
+              }} />
+            }
+          </View>
+          <View pointerEvents='none' style={{ position: 'absolute', justifyContent: 'center', transform: [{ rotate: '45deg' }], margin: 1, ...LibStyle.elevation(2), height: 20, width: 170, backgroundColor: LibStyle.colorPrimary, right: -50, top: 25 }} >
+            <Text style={{ color: 'white', alignSelf: 'center', fontWeight: 'bold' }} >ID CARD</Text>
+          </View>
+        </View>
+      </View>
+    )
+  }
+
+  const sortedData = result?.list?.length > 0 && result?.list.sort((a: any, b: any) => {
+    if (a.is_limit == 0 && b.is_limit != 0) {
+      return -1; // a di atas b
+    } else if (a.is_limit != 0 && b.is_limit == 0) {
+      return 1; // b di atas a
+    } else {
+      return 0; // urutan relatif tidak berubah
+    }
+  });
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title={esp.lang("event/tms_out_temporary", "temp_out")} />
+
+      <ScrollView>
+        <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, overflow: 'hidden' }}>
+          {
+            result?.staff?.length > 0 && result?.staff?.map(renderStaff)
+          }
+        </View>
+        <View style={{ margin: 15, borderRadius: 7, overflow: 'hidden' }}>
+          {
+            sortedData?.length > 0 && sortedData?.map(renderTicketTemporary)
+          }
+        </View>
+      </ScrollView>
+      <View style={{ padding: 10, backgroundColor: '#fff' }}>
+        <EventButton
+          label={esp.lang("event/tms_out_temporary", "btn_exit")}
+          backgroundColor={LibStyle.colorRed}
+          onPress={() => {
+            quitTemporary()
+          }}
+        // style={{ marginTop: 20 }}
+        />
+      </View>
+    </View>
+  )
+}

package/modules/event/toggle.tsx

@@ -0,0 +1,30 @@
+// withHooks
+
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+
+export interface EventToggleArgs {
+  
+}
+export interface EventToggleProps {
+  value: boolean,
+  type: "success" | "danger"
+  disabled?: boolean,
+  onChangeValue: () => void
+}
+export default function m(props: EventToggleProps): any {
+  const { value, type, onChangeValue } = props
+  const color = type == 'success' ? "#4CD964" : "#E6212A"
+
+  return (
+    <TouchableOpacity
+      testID='toggle'
+      disabled={props.disabled}
+      onPress={onChangeValue}
+      style={{ opacity: props.disabled ? 0.5 : 1, height: 30, width: 50, borderWidth: 2, borderColor: value ? color : "#f1f2f3", borderRadius: 15, backgroundColor: value ? color : "white", justifyContent: "center", paddingHorizontal: 0.5, alignItems: value ? "flex-end" : "flex-start" }} >
+      <View style={{ height: 26, width: 26, borderRadius: 13, backgroundColor: "white", ...LibStyle.elevation(2) }} />
+    </TouchableOpacity>
+  )
+}

package/modules/event/transaction.ts

@@ -0,0 +1,34 @@
+// useLibs
+
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+
+
+
+export interface EventTransactionArgs {
+
+}
+export interface EventTransactionProps {
+
+}
+export interface EventTransactionReturn {
+  getTrxId: () => string
+}
+
+const stateTrxId = useGlobalState<number>(undefined, { persistKey: 'event/transaction' })
+
+export function state(): useGlobalReturn<any> {
+  return stateTrxId
+}
+
+export function createTrxId() {
+  let user = UserClass.state().get()
+  let time = (new Date().getTime() / 1000).toFixed()
+  return time + "" + user?.id + "" + (Math.random() * 101).toFixed(0)
+}
+
+export default function m(): EventTransactionReturn {
+  return {
+    getTrxId: createTrxId
+  }
+}

package/modules/event/turnstile_event_gate.tsx

@@ -0,0 +1,74 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibList } from 'esoftplay/cache/lib/list/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 { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventTurnstile_event_gateArgs {
+
+}
+export interface EventTurnstile_event_gateProps {
+
+}
+export default function m(props: EventTurnstile_event_gateProps): any {
+  const { api_key, event_id } = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>(undefined)
+  const [selectGate, setSelectGate] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>()
+
+  useEffect(() => {
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  useEffect(() => {
+    loadDataGate()
+  }, [])
+
+  function loadDataGate() {
+    new LibCurl("gate_turnstile_event_gate?event_id=" + event_id, null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+      // setError(err)
+    }, 1)
+  }
+
+
+  function renderGate(item: any, i: number) {
+    let _selectGate = item.gate_id == selectGate?.gate_id
+
+    return (
+      <TouchableOpacity onPress={() => {
+        setSelectGate(item)
+        LibNavigation.sendBackResult(item)
+      }} style={styleId_Z1965m2} >
+        <View style={styleId_ZPIul6} >
+          <LibIcon name={_selectGate ? "radiobox-marked" : "radiobox-blank"} size={18} color={_selectGate ? "#3ea4dc" : "#434343"} />
+          <Text allowFontScaling={false} style={styleId_2eEf4t} >{item.gate_name}</Text>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: "#fff" }}>
+      <EventHeader title={esp.lang("event/turnstile_event_gate", "header_title")} />
+      <LibList
+        data={result}
+        onRefresh={loadDataGate}
+        renderItem={renderGate}
+      />
+    </View>
+  )
+}
+const styleId_Z1965m2: any = { borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }
+const styleId_ZPIul6: any = { margin: 15, width: LibStyle.width, flex: 1, flexDirection: 'row' }
+const styleId_2eEf4t: any = { marginLeft: 10, fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0/* , color: LibStyle.colorBlue */ }

package/modules/event/turnstile_event_item.tsx

@@ -0,0 +1,41 @@
+// withHooks
+
+import { LibIcon } from 'esoftplay/cache/lib/icon/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 React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+export interface EventTurnstile_event_itemArgs {
+
+}
+export interface EventTurnstile_event_itemProps {
+  image: string,
+  title: string,
+  start_date: string,
+  end_date: string,
+  onPress: () => void
+}
+
+export default function m(props: EventTurnstile_event_itemProps): any {
+  let itemWidth = (LibStyle.width - 20)
+  const styleId_bwKGY: any = { margin: 10, backgroundColor: '#fff', width: itemWidth, borderRadius: 10, overflow: 'hidden', ...LibStyle.elevation(2) }
+  const styleId_Z16usbs: any = { borderRadius: 10, width: itemWidth, height: itemWidth / 3 }
+
+  return (
+    <TouchableOpacity onPress={props.onPress} style={styleId_bwKGY} >
+      <LibPicture source={{ uri: props.image }} style={styleId_Z16usbs} resizeMode='cover' />
+      <Text allowFontScaling={false} style={styleId_Z9MfLY}>{props.title}</Text>
+      <View style={styleId_2oI6AB}>
+        <LibIcon name='calendar-today' color="#9b9b9b" size={15} />
+        <Text allowFontScaling={false} style={styleId_TCgQl}>{LibUtils.getDateRange(props.start_date, props.end_date, " - ")}</Text>
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+const styleId_Z9MfLY: any = { fontFamily: "ArialBold", fontSize: 12, color: "#000", margin: 10 }
+const styleId_2oI6AB: any = { flexDirection: 'row', alignContent: 'center', alignItems: 'center', margin: 10, marginTop: -5 }
+const styleId_TCgQl: any = { marginLeft: 5, fontFamily: "Arial", fontSize: 10, color: "#9b9b9b" }

package/modules/event/turnstile_event_list.tsx

@@ -0,0 +1,69 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
+import { EventTurnstile_event_item } from 'esoftplay/cache/event/turnstile_event_item/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibList } from 'esoftplay/cache/lib/list/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 { View } from 'react-native';
+
+
+export interface EventTurnstile_event_listArgs {
+
+}
+export interface EventTurnstile_event_listProps {
+
+}
+export default function m(props: EventTurnstile_event_listProps): any {
+  const [result, setResult] = useSafeState<any>(undefined)
+  const [error, setError] = useSafeState<any>()
+
+  useEffect(() => {
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  useEffect(() => {
+    loadDataEvent()
+  }, [])
+
+  function loadDataEvent() {
+    new LibCurl("gate_turnstile_event", null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+      setError(err)
+    }, 1)
+  }
+
+  function renderItem(item: any) {
+    return (
+      <EventTurnstile_event_item onPress={() => {
+        LibNavigation.sendBackResult(item)
+      }} image={item.event_image} title={item.event_name} start_date={item.event_start_date} end_date={item.event_end_date} />
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title={esp.lang("event/turnstile_event_list", "header_title")} />
+      {
+        !result && !error ? <LibLoading /> :
+          <LibList
+            data={result}
+            onRefresh={loadDataEvent}
+            ListEmptyComponent={
+              <EventMessage message={error?.message} />
+            }
+            renderItem={renderItem}
+
+          />
+      }
+
+    </View >
+  )
+}

package/modules/event/turnstile_event_ticket.tsx

@@ -0,0 +1,95 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/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 { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventTurnstile_event_ticketArgs {
+
+}
+export interface EventTurnstile_event_ticketProps {
+
+}
+export default function m(props: EventTurnstile_event_ticketProps): any {
+  const { event_id } = LibNavigation.getArgsAll(props)
+  const [result, setResult, getResult] = useSafeState<any>(undefined)
+
+  useEffect(() => {
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  useEffect(() => {
+    loadDataGate()
+  }, [])
+
+  function loadDataGate() {
+    new LibCurl("gate_turnstile_event_ticket?event_id=" + event_id, null, (res, msg) => {
+      res?.push({
+        id: 0,
+        type: esp.lang("event/turnstile_event_ticket", "id")
+      })
+      const a = res.length > 0 && res.map((item: any, i: number) => {
+        return ({
+          ...item,
+          checked: 1
+        })
+      })
+
+      setResult(a)
+    }, (err) => {
+      // setError(err)
+    }, 1)
+  }
+
+  function renderItem(item: any, i: number) {
+    let _selectTypeTicket = item.checked == 1
+    return (
+      <TouchableOpacity activeOpacity={item.id == 0 ? 1 : 0} onPress={() => {
+        if (item.id != 0) {
+          setResult(LibObject.set(getResult(), item.checked == 0 ? 1 : 0)(i, "checked"))
+        }
+
+      }} style={applyStyle({ borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey })} >
+        <View style={applyStyle({ margin: 15, width: LibStyle.width, flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' })} >
+          <LibIcon name={_selectTypeTicket ? "checkbox-marked" : "checkbox-blank-outline"} style={{ /* opacity: textOpacity */ }} size={18} color={item.id == 0 ? "#c9c9c9" : _selectTypeTicket ? "#3ea4dc" : "#434343"} />
+          <Text allowFontScaling={false} style={applyStyle({ marginLeft: 10, fontFamily: "Arial", fontSize: 13, /* opacity: textOpacity */fontWeight: "bold", fontStyle: "normal", letterSpacing: 0/* , color: LibStyle.colorBlue */ })} >{item.type}</Text>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  function sendDataBack() {
+    let _ids = result.filter((item: any) => item.checked == 1).map((it: any) => it.id)
+    let data = {
+      ids: _ids,
+      title: esp.lang("event/turnstile_event_ticket", "ticket_type", _ids.length)
+    }
+    LibNavigation.sendBackResult(data)
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: "#fff" }}>
+      <EventHeader title={esp.lang("event/turnstile_event_ticket", "header_title")} />
+      <LibList
+        data={result}
+        onRefresh={loadDataGate}
+        renderItem={renderItem}
+      />
+
+      <EventButton label={esp.lang("event/turnstile_event_ticket", "label_next")} onPress={() => {
+        sendDataBack()
+      }} style={{ margin: 10 }} backgroundColor={LibStyle.colorPrimary} fontColor='#000' />
+    </View>
+  )
+}