esoftplay-event 0.0.1 → 0.0.2

package/event/ticket_list2.tsx

@@ -23,9 +23,11 @@ import { EventConfigProperty } from 'esoftplay/cache/event/config/import';
 import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
 import { EventCountdown_base } from 'esoftplay/cache/event/countdown_base/import';
 import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
+import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { EventLoading_pageProperty } from 'esoftplay/cache/event/loading_page/import';
 import { EventQueue_pricingProperty } from 'esoftplay/cache/event/queue_pricing/import';
 import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import { UseTasks } from 'esoftplay/cache/use/tasks/import';
 import moment from 'esoftplay/moment';
 import React from 'react';
@@ -135,11 +137,12 @@ export default function m(props: EventTicket_list2Props): any {
 
   const [pendingData] = EventLoading_pageProperty.state().useState()
 
-  const { has_addition, has_addition_global, url, fee_platform, subscribed, show_fee_percentage }: any = useRef(LibNavigation.getArgsAll(props)).current
+  const { url, is_multiprice, fee_platform, subscribed, show_fee_percentage }: any = useRef(LibNavigation.getArgsAll(props)).current
 
   const [deeplinkParams] = UseDeeplinkProperty.params.useState()
   const [timer] = EventCountdownProperty.countdownTime.useState()
   const [unAvailableResult, setUnavailableResult] = useLazyState<any>()
+  const [, setHasAdditionGlobal, getHasAdditionGlobal] = useLazyState<any>()
   const [availableResult, setAvailableResult, getAvailableResult] = useSafeState<Result>()
   const [, setDataPostBooking, getDataPostBooking] = useLazyState<any>([])
   const [dataAddition, setDataAddition] = useSafeState<any>([])
@@ -147,8 +150,6 @@ export default function m(props: EventTicket_list2Props): any {
   const [showAll, setShowAll] = useSafeState<any>({});
   const [urlPayment, setUrlPayment] = useLazyState<any>()
 
-  // esp.log(availableResult);
-
   let dataEvent: any = {
     event_id: availableResult?.id,
     event_title: availableResult?.title,
@@ -159,8 +160,8 @@ export default function m(props: EventTicket_list2Props): any {
 
   const [ticketSeat, resetTicketSeat] = taskSeat((item: any) => new Promise((next) => {
     if (item.use_seat == 1) {
-      if (item.adjacent_seats == 0) {
-        LibNavigation.navigateForResult('event/seat_map', {
+      if (item.adjacent_seats == undefined || item.adjacent_seats == 0) {
+        LibNavigation.navigateForResult('event/seat_map_new', {
           url: 'event_seat',
           dataTicket: {
             ...dataEvent,
@@ -209,7 +210,7 @@ export default function m(props: EventTicket_list2Props): any {
     })
 
 
-    if (has_addition_global == 1) {
+    if (getHasAdditionGlobal() == 1) {
       LibNavigation.navigateForResult('event/additional', {
         event_id: dataEvent?.event_id,
         qty: 1,
@@ -231,7 +232,7 @@ export default function m(props: EventTicket_list2Props): any {
 
 
   const [ticketAdditional, resetTicketAdditional] = taskAdditional((item: any) => new Promise((next) => {
-    if (has_addition == 1 || item.has_addition && item.has_addition == 1) {
+    if (item.has_addition && item.has_addition == 1) {
       LibNavigation.navigateForResult('event/additional', {
         event_id: dataEvent?.event_id,
         qty: item.qty,
@@ -291,12 +292,14 @@ export default function m(props: EventTicket_list2Props): any {
 
   function loadData() {
     new LibCurl(url, null, (res, msg) => {
+      esp.log(res, url);
       const availablePriceType = LibObject.update(res, (arr: any[]) => arr.filter((x) => x.status != 0))('price_type')
       const unAvailablePriceType = LibObject.update(res, (arr: any[]) => arr.filter((x) => x.status == 0))('price_type')
 
       setUnavailableResult(unAvailablePriceType)
       setAvailableResult(availablePriceType)
       setUrlPayment(res?.url_payment)
+      setHasAdditionGlobal(res?.has_addition_global)
 
       if (res.form_allotment == 1) {
         releaseQueue()
@@ -325,6 +328,7 @@ export default function m(props: EventTicket_list2Props): any {
   }
 
 
+
   function checkSeatMap() {
     let newResult: any[] = [];
 
@@ -336,7 +340,9 @@ export default function m(props: EventTicket_list2Props): any {
         tax: priceType?.tax,
         term: priceType?.term,
         has_addition: priceType?.has_addition,
-        image_map: priceType?.image_map
+        image_map: priceType?.image_map,
+        use_seat: priceType?.use_seat,
+        adjacent_seats: priceType?.config?.seat_autopick,
       }))
 
       newResult = newResult.concat(filteredList);
@@ -346,9 +352,39 @@ export default function m(props: EventTicket_list2Props): any {
     setDataPostBooking(newResult)
     resetTicketSeat()
     ticketSeat(newResult.filter((x: any) => x.selected == 1))
-    // esp.log(newResult.filter((x: any) => x.selected == 1));
   }
 
+  function selectSinglePrice(priceTypes: any, selectedItem: any) {
+    return priceTypes.map((priceType: any) => {
+      // reset parent
+      let updated = {
+        ...priceType,
+        selected: 0,
+        qty: 0,
+        list: priceType.list.map((child: any) => ({
+          ...child,
+          selected: 0,
+          qty: 0
+        }))
+      };
+
+      // kalau cocok, aktifkan parent & child
+      if (priceType.price_id === selectedItem.price_id) {
+        updated.selected = 1;
+        updated.qty = selectedItem.qty_min;
+
+        updated.list = updated.list.map((child: any) => ({
+          ...child,
+          selected: 1,
+          qty: selectedItem.qty_min
+        }));
+      }
+
+      return updated;
+    });
+  }
+
+  // contoh penggunaan:
 
   function renderItem(itemC: any, iC: number, item: any, i: number) {
     // itemC adalah item yang ada diindex list, kalo item itu adalah item yang ada diindex price_type
@@ -375,23 +411,34 @@ export default function m(props: EventTicket_list2Props): any {
         }
         // let msg = item.status == 0 ? esp.lang("event/ticket_list", "sold_out") : esp.lang("event/ticket_list", "coming_soon")
         if (itemC.status == 1 && item.status == 1) {
-          const data = new LibObject(getAvailableResult())
-            .update((itemList) => {
-              itemList.selected = itemList.selected == 1 ? 0 : 1
-              itemList.qty = itemList.selected == 1 ? item.qty_min : 0
-              itemList.adjacent_seats = item.config?.seat_autopick
-              itemList.use_seat = item.use_seat
-              return itemList
-            })('price_type', i, 'list', iC)
-            .update((priceTypeItem) => {
-              return ({
-                ...priceTypeItem,
-                selected: priceTypeItem.list.some((item: any) => item.selected == 1) ? 1 : 0
-              })
-            })('price_type', i)
-            .value()
+          if (is_multiprice) {
+            const data = new LibObject(getAvailableResult())
+              .update((itemList) => {
+                itemList.selected = itemList.selected == 1 ? 0 : 1
+                itemList.qty = itemList.selected == 1 ? item.qty_min : 0
+                itemList.adjacent_seats = item.config?.seat_autopick
+                itemList.use_seat = item.use_seat
+                return itemList
+              })('price_type', i, 'list', iC)
+              .update((priceTypeItem) => {
+                return ({
+                  ...priceTypeItem,
+                  selected: priceTypeItem.list.some((item: any) => item.selected == 1) ? 1 : 0
+                })
+              })('price_type', i)
+              .value()
+
+            setAvailableResult(data)
+          } else {
+            const updatedData = selectSinglePrice(availableResult?.price_type, { price_id: item?.price_id, qty_min: item?.qty_min });
+            const data = {
+              ...getAvailableResult(),
+              price_type: updatedData
+            }
+
+            setAvailableResult(data)
+          }
 
-          setAvailableResult(data)
         } else if (itemC.status == 0) {
           LibToastProperty.show(msg)
         } else if (itemC.status == 2) {
@@ -439,7 +486,7 @@ export default function m(props: EventTicket_list2Props): any {
                   {<Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' }}>{item.type}</Text>}
                   {
                     item.info != "" &&
-                    <Text allowFontScaling={false} numberOfLines={3} style={{ flexWrap: 'wrap', fontFamily: "Arial", fontSize: 11, fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' }} >{item.info}</Text>
+                    <EventHtmltext allowFontScaling={false} style={{ flexWrap: 'wrap', fontFamily: "Arial", fontSize: 11, fontStyle: "normal", letterSpacing: 0, color: _selectedTicket ? "#3ea4dc" : '#999' }}>{item.info}</EventHtmltext>
                   }
                 </View>
               </View>
@@ -562,12 +609,14 @@ export default function m(props: EventTicket_list2Props): any {
             }
 
             <ScrollView refreshControl={<RefreshControl refreshing={false} onRefresh={onRefresh} />}>
-              <EventAlert
-                color={LibStyle.colorPrimary}
-                msg={esp.lang("event/ticket_list2", "u_can_choose_multiple")}
-                style={{ marginHorizontal: 15 }}
-                useIcon
-              />
+              <UseCondition if={is_multiprice == 1} >
+                <EventAlert
+                  color={LibStyle.colorPrimary}
+                  msg={esp.lang("event/ticket_list2", "u_can_choose_multiple")}
+                  style={{ marginHorizontal: 15 }}
+                  useIcon
+                />
+              </UseCondition>
               {
                 availableResult?.image_map != "" &&
                 <TouchableOpacity onPress={() => {
@@ -592,12 +641,12 @@ export default function m(props: EventTicket_list2Props): any {
                         <View style={{ padding: 10, backgroundColor: '#f1f2f3', borderTopLeftRadius: 10, borderTopRightRadius: 10 }}>
                           <View style={{ alignContent: 'center', alignItems: 'center', flexDirection: 'row', justifyContent: 'space-between', }}>
                             <View>
-                              <Text allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}
+                              <EventHtmltext allowFontScaling={false} style={{ opacity: textOpacity, fontWeight: 'bold' }}>{item.type}
                                 {
                                   item.qty_min > 1 &&
                                   <Text style={{ color: LibStyle.colorRed, fontSize: 10, fontWeight: 'normal' }}> {"(" + esp.lang("event/ticket_list", "min_order") + LibUtils.number(item.qty_min) + ")"}</Text>
                                 }
-                              </Text>
+                              </EventHtmltext>
                               {
                                 deeplinkParams?.type == 'event-voucher' && deeplinkParams?.price_id == item.price_id ?
                                   <Text allowFontScaling={false} style={{ color: "coral", fontSize: 12, fontWeight: 'bold' }}>{esp.lang("event/ticket_list", "applied_code", deeplinkParams?.code)}</Text>

package/event/tms_check_code.tsx

@@ -98,6 +98,8 @@ export default function m(props: EventTms_check_codeProps): any {
     )
   }
 
+  esp.log(result);
+
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
       <EventHeader title={tab?.title} />
@@ -151,6 +153,10 @@ export default function m(props: EventTms_check_codeProps): any {
                   <LibTextstyle text={result?.data?.exhibitor_name} textStyle="headline" style={{ fontWeight: 'bold' }} />
                 }
                 <LibTextstyle text={result?.info} textStyle="m_body1" style={{ lineHeight: 20, marginTop: 10 }} />
+                {
+                  result?.is_claimed == true &&
+                  <LibTextstyle text={result?.data?.status_label} textStyle="m_overline" style={{ marginTop: 10, fontWeight: 'bold', fontSize: 12, color: result?.data?.status_color }} />
+                }
               </View>
             }
           </ScrollView>

package/event/tms_check_ticket_result.tsx

@@ -72,34 +72,51 @@ export default function m(props: EventTms_check_ticket_resultProps): any {
   }
 
   function renderTmsIn(item: any, i: number) {
+    let timeScannedIn = LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ? LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ") : esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ?
+          timeScannedIn + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
 
       </View>
     )
   }
 
   function renderTmsOut(item: any, i: number) {
+    let timeScannedOut = LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name_out != null && item.tms_name_out != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name_out}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ? LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ") : esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ?
+          timeScannedOut + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
       </View>
     )
   }
 
   function renderTempOut(item: any, i: number) {
+    let timeScannedTempOut = LibUtils.moment(item.scanned_out_temporary).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.hasOwnProperty("scanned_out_temporary") && item?.scanned_out_temporary != "0000-00-00 00:00:00" ? LibUtils.moment(item.scanned_out_temporary).serverFormat("DD MMM HH:mm:ss ") : "Belum pernah scan keluar sementara"}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.hasOwnProperty("scanned_out_temporary") && item?.scanned_out_temporary != "0000-00-00 00:00:00" ?
+          timeScannedTempOut + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "notyet_scan_temp_out")}</Text>
       </View>
     )
   }
@@ -113,26 +130,38 @@ export default function m(props: EventTms_check_ticket_resultProps): any {
   }
 
   function renderHallIn(item: any, i: number) {
+    let timeScannedIn = LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ? LibUtils.moment(item.scanned_in).serverFormat("DD MMM HH:mm:ss ") : esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_in != "0000-00-00 00:00:00" ?
+          timeScannedIn + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_in")}</Text>
 
       </View>
     )
   }
 
   function renderHallOut(item: any, i: number) {
+    let timeScannedOut = LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ", item.timezone)
+    let timezone = item.hasOwnProperty("timezone_locale") ? item?.timezone_locale : ""
+
     return (
       <View key={i} style={{ borderRadius: 5, margin: 2, padding: 5, backgroundColor: i % 2 ? '#fff' : LibStyle.colorGrey, borderBottomWidth: 1, borderBottomColor: LibStyle.colorBgGrey }}>
         {
           item.tms_name_out != "" &&
           <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item.tms_name_out}</Text>
         }
-        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ? LibUtils.moment(item.scanned_out).serverFormat("DD MMM HH:mm:ss ") : esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
+        <Text allowFontScaling={false} style={{ paddingHorizontal: 5, fontSize: 14 }}>{item?.scanned_out != "0000-00-00 00:00:00" ?
+          timeScannedOut + timezone
+          :
+          esp.lang("event/tms_check_ticket_result", "not_scan_out")}</Text>
 
       </View>
     )
@@ -222,10 +251,10 @@ export default function m(props: EventTms_check_ticket_resultProps): any {
                   <View style={{ marginBottom: 10, flexDirection: 'row', flexWrap: 'wrap', marginLeft: -10 }}>
                     {
                       item?.tickets?.map((x: any, i: number) => {
-                        if (x.seat_name != "") {
+                        if (x.seat_label != "") {
                           return (
                             <View key={i} style={{ marginLeft: 10, paddingVertical: 5, marginBottom: 7, paddingHorizontal: 7, borderWidth: 1, borderColor: '#000', backgroundColor: '#fff', borderRadius: 5 }}>
-                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: '#000' }}>{x.seat_name}</Text>
+                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 20, color: '#000' }}>{x.seat_label}</Text>
                             </View>
 
                           )

package/event/tms_dashboard.tsx

@@ -1,10 +1,15 @@
 // withHooks
 import { EventHeader } from 'esoftplay/cache/event/header/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 { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import esp from 'esoftplay/esp';
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import { useRef } from 'react';
 
 import React from 'react';
 import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
@@ -16,8 +21,25 @@ export interface EventTms_dashboardArgs {
 export interface EventTms_dashboardProps {
 
 }
+
+
+const stateClosingData = useGlobalState({
+  event_id: 0,
+  event_name: '',
+  gate_id: 0,
+}, {
+  persistKey: 'event/tms_dashboard',
+  loadOnInit: true
+})
+
+export function closingDataState(): useGlobalReturn<any> {
+  return stateClosingData
+}
+
 export default function m(props: EventTms_dashboardProps): any {
   const [user] = UserClass.state().useState()
+  const dialogClosing = useRef<LibSlidingup>(null)
+
   let menus = [
     {
       id: 1,
@@ -27,6 +49,9 @@ export default function m(props: EventTms_dashboardProps): any {
       color_accent: '#FFC523',
       onPress: () => {
         LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
+          let a = LibObject.set(stateClosingData?.get(), value?.id)('event_id')
+          let b = LibObject.set(a, value?.name)('event_name')
+          stateClosingData?.set(b)
           LibNavigation.navigate('event/tms_gate', { is_scanner: value, typeScanner: 'tms' })
         })
       }
@@ -48,13 +73,41 @@ export default function m(props: EventTms_dashboardProps): any {
       title: esp.lang("user/profile", "exchange"),
       icon: 'menu/ic_redempt.png',
       active: 1,
-      color_accent: '#D0004F',
+      color_accent: '#800020',
       onPress: () => {
         LibNavigation.navigateForResult('event/tms_event_list', { data: user?.is_tms }).then((value) => {
           LibNavigation.navigate('event/exchange_ticket', { dataEvent: value })
         })
       }
     },
+    {
+      id: 4,
+      title: esp.lang("event/tms_dashboard", "closing_tms"),
+      icon: 'failed_icon.png',
+      active: 1,
+      color_accent: '#D0004F',
+      onPress: () => {
+        dialogClosing.current?.show()
+      }
+    },
+  ]
+
+  const options = [
+    {
+      id: 1,
+      title: esp.lang("event/tms_dashboard", "log_tms"),
+      onPress: () => {
+        LibNavigation.navigate('event/tms_log')
+        dialogClosing.current?.show()
+      }
+    },
+    {
+      id: 2,
+      title: esp.lang("event/tms_dashboard", "log_exchange"),
+      onPress: () => {
+        dialogClosing.current?.show()
+      }
+    },
   ]
 
   function renderMenu(item: any, i: number) {
@@ -80,10 +133,39 @@ export default function m(props: EventTms_dashboardProps): any {
 
       <ScrollView>
         {
-          menus?.map(renderMenu)
+          menus?.filter((x: any) => x.active == 1).map(renderMenu)
         }
       </ScrollView>
-
+      <LibSlidingup ref={dialogClosing}>
+        <View style={{ alignItems: 'center', marginBottom: 17 }} >
+          <View style={{ width: LibStyle.width - 30, borderRadius: 13, overflow: 'hidden', }} >
+            <ScrollView showsVerticalScrollIndicator={false} style={{ borderRadius: 13, overflow: 'hidden', backgroundColor: "white", maxHeight: LibStyle.height * 0.5 }} >
+              <View style={{ marginVertical: 17 }} >
+                <LibTextstyle textStyle="caption1" text={esp.lang("event/tms_dashboard", "closing_tms")} style={{ textAlign: 'center', fontWeight: "bold", color: "#888" }} />
+              </View>
+              {
+                options.map((opt, i) => (
+                  <TouchableOpacity
+                    key={i}
+                    style={{ paddingHorizontal: 17, paddingVertical: 15, alignItems: 'center', borderTopWidth: 1, borderTopColor: "#f4f4f4" }}
+                    onPress={opt.onPress} >
+                    <LibTextstyle text={opt.title} textStyle="body" />
+                  </TouchableOpacity>
+                ))
+              }
+            </ScrollView>
+            <View style={{ borderRadius: 13, marginTop: 10, backgroundColor: "white" }} >
+              <TouchableOpacity
+                style={{ paddingHorizontal: 17, paddingVertical: 15, alignItems: 'center' }}
+                onPress={() => {
+                  dialogClosing.current?.hide()
+                }} >
+                <LibTextstyle text={esp.lang("event/tms_dashboard", "cancel")} textStyle="body" style={{ fontWeight: "bold", color: LibStyle.colorBlue }} />
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      </LibSlidingup>
     </View>
   )
 }

package/event/tms_gate.tsx

@@ -9,6 +9,8 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
+import { EventTms_dashboardProperty } from 'esoftplay/cache/event/tms_dashboard/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
 import React, { useEffect } from 'react';
 import { Pressable, ScrollView, Text, View } from 'react-native';
 
@@ -40,6 +42,8 @@ export default function m(props: EventTms_gateProps): any {
     new LibCurl('event_gate', post, (res, msg) => {
       setGates(res)
       if (res.length == 1) {
+        let a = LibObject.set(EventTms_dashboardProperty.closingDataState().get(), res[0].id)('gate_id')
+        EventTms_dashboardProperty.closingDataState().set(a)
         LibNavigation.back()
         LibNavigation.navigate('event/tms_home', { is_scanner: is_scanner, selectedGate: res[0], typeScanner: typeScanner })
       }
@@ -70,6 +74,8 @@ export default function m(props: EventTms_gateProps): any {
     return (
       <Pressable key={i} onPress={() => {
         setSelectGate(item)
+        let a = LibObject.set(EventTms_dashboardProperty.closingDataState().get(), item?.id)('gate_id')
+        EventTms_dashboardProperty.closingDataState().set(a)
         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"} />

package/event/tms_home.tsx

@@ -491,10 +491,7 @@ export default function m(props: EventTms_homeProps): any {
       <View style={{ margin: 15, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
         {
           <TouchableOpacity onPress={() => {
-            LibNavigation.navigate('event/tms_log', {
-              event_id: is_scanner?.id,
-              gate: selectedGate
-            })
+            LibNavigation.navigate('event/tms_log')
           }} style={{ padding: 10, backgroundColor: "#000", borderRadius: 10, ...LibStyle.elevation(2) }}>
             <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff' })} >{esp.lang("event/tms_home", "tms_close")}</Text>
           </TouchableOpacity>

package/event/tms_in_failed.tsx

@@ -145,7 +145,7 @@ export default function m(props: EventTms_in_failedProps): any {
                       <View style={{ flex: 1.2, justifyContent: 'center', paddingVertical: 5 }}>
                         {
                           item.scanned != "0000-00-00 00:00:00" &&
-                          <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item.scanned).localeFormat("DD MMM H:mm:ss ")}</Text>
+                          <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item.scanned).localeFormat("DD MMM H:mm:ss ") + (item.timezone_locale != "" ? item.timezone_locale : "")}</Text>
                         }
                       </View>
                       <View style={{ flex: 2, justifyContent: 'center', borderLeftWidth: 1, borderColor: LibStyle.colorBgGrey, paddingVertical: 5 }}>

package/event/tms_in_log.tsx

@@ -49,6 +49,8 @@ export default function m(props: EventTms_in_logProps): any {
   const [loading, setLoading] = useSafeState<boolean>(true)
   const timeout = useTimeout()
 
+  esp.log({ log });
+
   function syncData() {
     EventTms_homeProperty.subscribeSync().trigger(EventTms_in_successProperty.syncUsedTiket().get())
     timeout(() => {

package/event/tms_in_success.tsx

@@ -105,7 +105,7 @@ export default function m(props: EventTms_in_successProps): any {
       is_tms: 1,
       qty: _qty,
       tms_id: UserClass.state().get()?.id,
-      scanned: LibUtils.moment().format('YYYY-MM-DD HH:mm:ss'),
+      scanned: LibUtils.moment().localeFormat('YYYY-MM-DD HH:mm:ss'),
     }
     EventTms_homeProperty.addCounterEntranceOpenGate(1, selectedTicket?.price_id)
     syncUsedTiketState.set(LibObject.push(syncUsedTiketState.get(), [url, post])())