esoftplay-event 0.0.0-a → 0.0.0-c

package/event/tms_idcard.tsx

@@ -0,0 +1,203 @@
+// withHooks
+
+import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventTms_in_successProperty } from 'esoftplay/cache/event/tms_in_success/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventSheet } from 'esoftplay/cache/event/sheet/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/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';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect, useRef } from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface EventTms_idcardArgs {
+
+}
+export interface EventTms_idcardProps {
+
+}
+export default function m(props: EventTms_idcardProps): any {
+  const width = LibStyle.width
+  const height = 12 / 9 * width
+  const marginTop = 2.7 / 9 * width
+  const photoHeight = 4 / 9 * width
+  const photoWidth = 3 / 9 * width
+  const photoMarginBot = 0.46 / 9 * width
+
+  const menuRef = useRef<EventSheet>(null)
+
+  const {
+    hall,
+    selectedTicket,
+    event_id,
+    selectGate,
+    url_ticket_update,
+    price_type,
+    gate_type,
+    event_title,
+    typeScanner,
+    url_ticket_detail,
+    configPriority,
+    scan_type
+  } = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState<any>()
+
+  function loadData() {
+    // load data untuk ngambil background id card
+    new LibCurl('event_tms_visitor?event_id=' + event_id, null, (res, message) => {
+      setResult(res)
+    }, (error) => {
+      LibToastProperty?.show(error?.message)
+      LibNavigation.back()
+    }, 1)
+  }
+
+  useEffect(() => {
+    loadData()
+    if (hall && hall == "in") {
+      entranceHall()
+    } else if (hall && hall == "out") {
+      exitHall()
+    } else {
+      entrance()
+    }
+  }, [])
+
+  function entrance() {
+    let url = url_ticket_update + LibUtils.objectToUrlParam({
+      is_turnstile: 0,
+    })
+
+    let post = {
+      "target-url": "https://api.test.bbo.co.id/gate_checkin",
+      price_id: 0,
+      qr: encodeURIComponent(selectedTicket?.key),
+      trx_id: new Date().getTime() + "" + UserClass.state().get()?.id,
+      event_id: event_id,
+      gate_id: selectGate?.id,
+      is_tms: 1,
+      qty: selectedTicket?.qty,
+      tms_id: UserClass.state().get()?.id
+    }
+
+    EventTms_homeProperty.addCounterEntranceOpenGateIdCard(1, selectedTicket?.price_id)
+    EventTms_in_successProperty.syncUsedTiket().set(LibObject.push(EventTms_in_successProperty.syncUsedTiket().get(), [url, post])())
+    EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
+  }
+
+  function entranceHall() {
+    let post = {
+      event_id: event_id,
+      hall_id: selectGate?.id,
+      staff_id: selectedTicket?.id
+    }
+    new LibCurl('event_tms_hall_confirm_staff', post, (res, message) => {
+      // setResult(res)
+      EventTms_homeProperty.addCounterHallInGateIdcard(1, selectedTicket?.price_id)
+    }, (error) => {
+    }, 1)
+  }
+
+  function exitHall() {
+    let post = {
+      event_id: event_id,
+      hall_id: selectGate?.id,
+      id: selectedTicket?.id // ini id stafff
+    }
+    new LibCurl('event_tms_hall_out_confirm_staff', post, (res, message) => {
+      // setResult(res)
+      EventTms_homeProperty.addCounterHallOutOpenGateIdCard(1, selectedTicket?.price_id)
+    }, (error) => {
+    }, 1)
+  }
+
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader
+        title={esp.lang("event/tms_idcard", "header")}
+        notif
+        onPressMore={() => menuRef.current?.show()}
+        more
+      />
+      <View style={{ backgroundColor: '#000', height: LibStyle.height, alignItems: 'center' }}>
+        {/* ini id_card nya */}
+        <LibPicture source={result?.event?.image_idcard == "" ? esp.assets('white_idcard.png') : { uri: result?.event?.image_idcard }} style={{ width: width, height: height, resizeMode: 'contain' }} />
+        <View style={{ position: 'absolute' }}>
+          <LibPicture source={{ uri: selectedTicket?.user_image != '' ? decodeURIComponent(selectedTicket?.user_image) : 'https://www.w3schools.com/howto/img_avatar.png' }} style={{ marginBottom: photoMarginBot, marginTop: marginTop, height: photoHeight, width: photoWidth, alignSelf: 'center', resizeMode: 'cover', }} />
+          <View style={{ padding: 10, marginTop: 5 }} >
+            {/* view nama */}
+            <View style={{ flexDirection: 'row' }} >
+              <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 3 }} >{esp.lang("event/tms_idcard", "name")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} > : </Text>
+              <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode={"tail"} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 5 }} >{selectedTicket ? decodeURIComponent((selectedTicket?.user_name))?.split("+").join(' ') : esp.lang("event/tms_idcard", "visitor")}</Text>
+            </View>
+            {/* view company */}
+            <View style={{ flexDirection: 'row' }} >
+              <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 3 }} >{esp.lang("event/tms_idcard", "company")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a" }} > : </Text>
+              <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode={"tail"} style={{ fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, color: "#4a4a4a", flex: 5 }} >{selectedTicket?.exhibitor_name?.split('-')[1]}</Text>
+            </View>
+
+            <View style={{ width: width - 20, alignSelf: 'center', backgroundColor: '#4a4a4a', height: 4, marginVertical: 4 }} />
+            <Text allowFontScaling={false} style={{ marginTop: -5, fontSize: 20, fontWeight: "bold", fontStyle: "normal", lineHeight: 32, textAlign: 'center', letterSpacing: 0, color: "#4a4a4a" }} >{selectedTicket?.exhibitor_name?.split('-')[0]}</Text>
+          </View>
+
+        </View>
+        <EventButton
+          label={esp.lang("event/tms_idcard", "btn_back")}
+          backgroundColor={LibStyle.colorPrimary}
+          onPress={() => {
+            // LibNavigation.back()
+            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
+            })
+          }}
+          style={{ marginTop: 20, marginHorizontal: 15 }}
+        />
+      </View>
+      <EventSheet
+        _ref={menuRef}
+        title={"ID CARD"}
+        options={[
+          {
+            text: "Tahan ID CARD",
+            textStyle: { color: "red" },
+            onPress: () => {
+              LibDialog.warningConfirm(esp.lang("event/tms_dashboard", "block_idcard_title"), esp.lang("event/tms_dashboard", "block_idcard_message"), esp.lang("event/tms_dashboard", "block_idcard_ok"), () => {
+                new LibCurl("event_tms_staff_hold", { qr: encodeURIComponent(selectedTicket?.key) }, (result, message) => {
+                  LibDialog.info("Berhasil!", message)
+                }, (error) => {
+                  LibDialog.warning("Oops!", error?.message)
+                })
+              }, esp.lang("event/tms_dashboard", "block_idcard_no"), () => {
+                LibDialog.hide()
+              })
+            }
+          }
+        ]}
+      />
+    </View>
+  )
+}

package/event/tms_in.tsx

@@ -0,0 +1,215 @@
+// withHooks
+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 { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import esp from 'esoftplay/esp';
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+import useFirebaseSocket from '../lib/firebase_socket';
+
+
+export interface EventTms_inArgs {
+
+}
+export interface EventTms_inProps {
+
+}
+
+
+export default function m(props: EventTms_inProps): any {
+
+  const { price_type,
+    gate_type,
+    qr_code,
+    event_id,
+    selectGate,
+    typeScanner,
+    event_title,
+    url_ticket_detail,
+    url_ticket_update,
+    configPriority,
+    scan_type
+  } = LibNavigation.getArgsAll<any>(props)
+
+  const { get } = useFirebaseSocket()
+
+  let whatTypeGate = gate_type == "1" ? 'in' : 'out'
+
+  /* price_id */
+  /* qty */
+  /* name */
+  /* qty_used */
+  /* image */
+  // sample: [
+  //   "1121": [
+  //     2,
+  //     "Muhammad Bagus Yulianto",
+  //     2,
+  //     "https://api.test.bbo.co.id/images/modules/user/avatar/122674696.jpg"
+  //   ],
+  //   "staff": [
+  //     [
+  //       1,
+  //       "Muhammad Bagus Yulianto",
+  //       0,
+  //       "https://api.test.bbo.co.id/images/modules/bigbang/exhibitor/1/staff/1211616174.jpg",
+  //       "VIP-Expo Indonesia Jaya"
+  //     ]
+  //   ]
+  // ]
+
+
+  function mainPath(qr: string) {
+    let a = ['event', event_id, whatTypeGate, qr]
+    return a.join('/')
+  }
+
+  let args = {
+    price_type: price_type,
+    gate_type: gate_type,
+    qr_code: qr_code,
+    event_id: event_id,
+    event_title: event_title,
+    selectGate: selectGate,
+    typeScanner: typeScanner,
+    url_ticket_detail: url_ticket_detail,
+    url_ticket_update: url_ticket_update,
+    configPriority: configPriority,
+    scan_type: scan_type
+  }
+
+  useEffect(() => {
+    if (qr_code) {
+      loadData()
+    } else {
+      LibDialog.warningConfirm("Oops", "QR Code tidak ditemukan", "Kembali", () => {
+        LibNavigation.back()
+      }, "", () => { })
+    }
+  }, [])
+
+  function direction(tikets: any, tiket: any) {
+    if (tiket.qty > 1) {
+      LibNavigation.replace('event/tms_in_list', {
+        tickets: tikets,
+        ...args
+      })
+    } else {
+      LibNavigation.replace('event/tms_in_success', {
+        selectedTicket: tiket,
+        ...args
+      })
+    }
+  }
+
+  function loadData() {
+    let tikets: any[] = []
+    EventTms_homeProperty.addCounterEntranceScan(1, "0")
+    get(mainPath(encodeURIComponent(encodeURIComponent(qr_code))), selectGate?.id, (res) => {
+      esp.log({ res });
+      if (!res) {
+        LibNavigation.replace('event/tms_in_failed', {
+          text: esp.lang("event/tms_in", "ticket_empty_today"),
+          ...args
+        })
+        return
+      } else {
+        Object.keys(res).forEach((key) => {
+          if (key == 'staff') {
+            Object.values(res[key]).map((item: any) => {
+              let x = {
+                price_id: key,
+                title: decodeURIComponent(item[4])?.split("+").join(' '),
+                color: LibStyle.colorPrimary,
+                key: item[5],
+                user_name: item[1],
+                user_image: item[3],
+                exhibitor_name: decodeURIComponent(item[4])?.split("+").join(' '),
+                qty: item[0],
+                qty_used: item[2],
+                qty_left: Number(item[0]) - (Number(item[2]) || 0),
+                text: item[6] || "",
+              }
+              tikets.push(x)
+            })
+          } else {
+            let a = {
+              price_id: key,
+              title: price_type?.filter?.((item: any) => item.id == key)[0]?.name,
+              color: price_type?.filter?.((item: any) => item.id == key)[0]?.color,
+              key: qr_code,
+              user_name: Object.values(res[key])?.[1],
+              user_image: Object.values(res[key])?.[3],
+              qty: Object.values(res[key])?.[0],
+              qty_used: Object.values(res[key])?.[2],
+              qty_left: Number(Object.values(res[key])?.[0]) - (Number(Object.values(res[key])?.[2]) || 0),
+              text: (Object.values(res[key])?.[4] == 'k' ? Object.values(res[key]) : Object.values(res[key])?.[4]) || ""
+            }
+            tikets.push(a)
+          }
+        })
+
+        if (tikets.length > 0) {
+          if (tikets.length == 1) {
+            const tiket = tikets[0];
+
+            if (tiket?.text == "") { // jika index ke 5 di result get nya TIDAK ADA text nya
+              if (tiket.qty_left <= 0) { // jika qty left nya 0 maka tiketnya habis
+                LibNavigation.replace('event/tms_in_failed', {
+                  text: esp.lang("event/tms_in", "ticket_empty"),
+                  ticketItem: tiket,
+                  ...args
+                })
+              } else { // jika masih punya tiket
+                if (tiket.hasOwnProperty("exhibitor_name")) { // jika dia punya id card
+                  LibNavigation.replace('event/tms_idcard', {
+                    selectedTicket: tiket,
+                    ...args
+                  })
+                } else { // ini data tiket user yang available
+                  if (configPriority) { // ini untuk memunculkan priority
+                    if (configPriority?.filter?.((item: any) => item.id == tiket.price_id).length > 0) {
+                      direction(tikets, tiket)
+                    } else { // ini jika di tms tidak memiliki hak scan tipe tiket tertentu
+                      LibNavigation.replace('event/tms_in_warning', {
+                        selectedTicket: tiket,
+                        ...args
+                      })
+                    }
+                  } else {
+                    direction(tikets, tiket)
+                  }
+                }
+              }
+            } else {// jika index ke 5 di result get nya ADA text nya
+              LibNavigation.replace('event/tms_in_failed', {
+                text: tiket?.text,
+                ticketItem: tiket,
+                ...args
+              })
+            }
+          } else { // ini jika tiketnya ada banyak
+            LibNavigation.replace('event/tms_in_list', {
+              tickets: tikets,
+              ...args
+            })
+          }
+        } else { // ini jika tiketnya tidak ada
+          LibNavigation.replace('event/tms_in_failed', {
+            text: esp.lang("event/tms_in", "ticket_not_found"),
+            ...args
+          })
+        }
+      }
+    })
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <LibLoading />
+    </View>
+  )
+}

package/event/tms_in_again.tsx

@@ -0,0 +1,199 @@
+// withHooks
+
+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 { 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 { EventScan_item } from 'esoftplay/cache/event/scan_item/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import esp from 'esoftplay/esp';
+import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
+import React, { useEffect } from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+moment().locale('id')
+
+
+export interface EventTms_in_againArgs {
+
+}
+export interface EventTms_in_againProps {
+
+}
+export default function m(props: EventTms_in_againProps): any {
+  const [result, setResult] = useSafeState<any>(undefined)
+
+  const user_qr = LibNavigation.getArgs(props, 'qr_code')
+  const { scan_type, event_id, event_title, selectGate, typeScanner }: any = LibNavigation.getArgsAll(props)
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+
+  function loadData(): void {
+    var post = {
+      // event_id: "264",
+      // user_qr: encodeURIComponent("BBO-H6851"),
+      // gate_id: "182"
+      event_id: event_id,
+      user_qr: encodeURIComponent(user_qr),
+      gate_id: selectGate?.id
+    }
+
+    new LibCurl('event_tms_out_temporary_in', 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_in_again", "fault"), error?.message, esp.lang("event/tms_in_again", "back"), () => LibNavigation.back(), "", () => { })
+    }, 1)
+  }
+
+  function entrance(): void {
+    let newData = [...result?.staff, ...result?.list]
+    let _ids = newData?.filter((item: any) => item.checked == 1).map((it: any) => it.id)
+    if (_ids.length == 0) {
+      LibToastProperty.show(esp.lang("event/tms_in_again", "warning_ticket"))
+      return
+    }
+
+    if (_ids.length == 0) {
+      LibToastProperty.show(esp.lang("event/tms_in_again", "warning_ticket"))
+      return
+    }
+    var post = {
+      event_id: event_id,
+      ids: JSON.stringify(_ids),
+      gate_id: selectGate.id
+    }
+
+    LibProgress.show(esp.lang("event/tms_in_again", "wait"))
+    new LibCurl('event_tms_out_temporary_in_confirm', post, (result, msg) => {
+      esp.log({ result, msg, post });
+      LibProgress.hide()
+      LibDialog.confirm(esp.lang("event/tms_in_again", "info"), result, esp.lang("event/tms_in_again", "ok"), () => {
+        LibNavigation.replace('component/scanner', {
+          selectGate: selectGate,
+          fromPage: 'event/tms_home',
+          event_id: event_id,
+          event_title: event_title,
+          typeScanner: typeScanner,
+          scan_type: scan_type
+        })
+      }, "", () => { })
+    }, (error) => {
+      esp.log({ error });
+      LibDialog.warning(esp.lang("event/tms_in_again", "oops"), error?.message)
+      LibProgress.hide()
+    })
+  }
+
+  function renderTicket(item: any, i: number) {
+    return (
+      <EventScan_item
+        key={i}
+        item={item}
+        colorFont={"#fff"}
+        event_image={result?.event_image}
+        style={{ backgroundColor: "#fff" }}
+        event_name={result?.event_name}
+        event_ondate={result?.event_ondate}
+        label={item.status == 0 ? esp.lang("event/tms_in_again", "used") : item.checked == 0 ? esp.lang("event/tms_in_again", "use") : esp.lang("event/tms_in_again", "cancel")}
+        onPress={() => {
+          if (item?.status == 1) {
+            let a = LibObject.set(result, item.checked == 1 ? 0 : 1)('list', i, 'checked')
+            setResult(a)
+          }
+        }}
+        colorBackground={item.status == 0 ? LibStyle.colorLightGrey : item.checked == 0 ? LibStyle.colorGreen : LibStyle.colorRed}
+      />
+
+    )
+  }
+
+  function renderStaff(item: any, i: number) {
+    return (
+      <View key={i}>
+
+        <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>
+    )
+  }
+
+  if (!result) return <LibLoading />
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title={esp.lang("event/tms_in_again", "entrance_again")} subtitle={selectGate?.name} cart />
+      <ScrollView>
+        <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, overflow: 'hidden' }}>
+          {
+            result?.staff?.length > 0 && result?.staff?.map(renderStaff)
+          }
+        </View>
+        <View style={{ margin: 15, marginBottom: 0, borderRadius: 7, overflow: 'hidden' }}>
+          {
+            result?.list?.length > 0 && result?.list?.map(renderTicket)
+          }
+        </View>
+      </ScrollView>
+      <TouchableOpacity onPress={() => {
+        entrance()
+      }}>
+        <View style={applyStyle({ margin: 10, height: 35, borderRadius: 17, backgroundColor: LibStyle.colorGreen, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 })} >
+          <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 })} >{esp.lang("event/tms_in_again", "entrance")}</Text>
+        </View>
+      </TouchableOpacity>
+
+    </View >
+  )
+}