esoftplay-event 0.0.2-b → 0.0.2-d

package/event/tms_idcard.tsx

@@ -1,6 +1,5 @@
 // withHooks
 
-import { EventButton } from 'esoftplay/cache/event/button/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventSheet } from 'esoftplay/cache/event/sheet/import';
 import { EventTms_homeProperty } from 'esoftplay/cache/event/tms_home/import';
@@ -12,11 +11,12 @@ 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';
+import { Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventTms_idcardArgs {
@@ -28,7 +28,7 @@ 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 marginTop = 3 / 9 * width
   const photoHeight = 4 / 9 * width
   const photoWidth = 3 / 9 * width
   const photoMarginBot = 0.46 / 9 * width
@@ -51,6 +51,7 @@ export default function m(props: EventTms_idcardProps): any {
   } = LibNavigation.getArgsAll(props)
 
   const [result, setResult] = useSafeState<any>()
+  const [useToken, TokenLeft] = selectedTicket?.token?.split("-")
 
   function loadData() {
     // load data untuk ngambil background id card
@@ -119,6 +120,7 @@ export default function m(props: EventTms_idcardProps): any {
     }, 1)
   }
 
+  // esp.log({ result });
 
   return (
     <View style={{ flex: 1 }}>
@@ -128,12 +130,13 @@ export default function m(props: EventTms_idcardProps): any {
         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 style={{ padding: 10, marginTop: -10 }} >
             {/* 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>
@@ -150,13 +153,17 @@ export default function m(props: EventTms_idcardProps): any {
             <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()
+
+        <View style={{ padding: 5, flexDirection: 'row', backgroundColor: LibStyle.colorPrimary, margin: 10, borderRadius: 10 }}>
+          {
+            useToken == 1 &&
+            <View style={{ padding: 5, paddingHorizontal: 35, alignContent: 'center', alignItems: 'center', borderRadius: 10, backgroundColor: '#fff' }}>
+              <Text allowFontScaling={false} style={{ fontSize: 12, color: '#000', fontWeight: 'bold' }}>{esp.lang("event/tms_idcard", "token")}</Text>
+              <Text allowFontScaling={false} style={{ fontSize: 35, color: '#000', lineHeight: 35, fontWeight: 'bold' }} >{LibUtils.number(TokenLeft)}</Text>
+            </View>
+          }
+          <TouchableOpacity onPress={() => {
             LibNavigation.replace('component/scanner', {
               selectGate: selectGate,
               fromPage: 'event/tms_home',
@@ -170,21 +177,24 @@ export default function m(props: EventTms_idcardProps): any {
               configPriority: configPriority,
               scan_type: scan_type
             })
-          }}
-          style={{ marginTop: 20, marginHorizontal: 15 }}
-        />
+          }} style={{ flex: 1, marginLeft: 10, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+            <Text allowFontScaling={false} style={{ fontSize: 25, fontWeight: 'bold', color: '#fff' }}>{esp.lang("event/tms_idcard", "backk")}</Text>
+          </TouchableOpacity>
+
+        </View>
+
       </View>
       <EventSheet
         _ref={menuRef}
         title={"ID CARD"}
         options={[
           {
-            text: "Tahan ID CARD",
+            text: esp.lang("event/tms_idcard", "hold_idcard"),
             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)
+                  LibDialog.info(esp.lang("event/tms_idcard", "success"), message)
                 }, (error) => {
                   LibDialog.warning("Oops!", error?.message)
                 })

package/event/tms_in.tsx

@@ -131,7 +131,8 @@ export default function m(props: EventTms_inProps): any {
                 qty: item[0],
                 qty_used: item[2],
                 qty_left: Number(item[0]) - (Number(item[2]) || 0),
-                text: item[6] || "",
+                token: item[6],
+                text: item[7] || "",
               }
               tikets.push(x)
             })

package/event/tms_in_failed.tsx

@@ -162,7 +162,7 @@ export default function m(props: EventTms_in_failedProps): any {
           }
           {
             error &&
-            <View style={{ width: LibStyle.width - 40, justifyContent: 'center', alignItems: 'center', padding: 15, borderRadius: 10, marginTop: 100 }}>
+            <View style={{ width: LibStyle.width - 40, alignSelf: 'center', justifyContent: 'center', alignItems: 'center', padding: 15, borderRadius: 10, marginTop: 100 }}>
               <Text allowFontScaling={false} style={{ flexWrap: 'wrap', fontSize: 14, lineHeight: 20, fontWeight: "bold", marginBottom: 5, color: "#fff", textAlign: "center" }}>{error?.message}</Text>
             </View>
           }

package/event/tms_in_hall_failed.tsx

@@ -195,7 +195,7 @@ export default function m(props: EventTms_in_hall_failedProps): any {
                         <View style={{ flex: 2 }}>
                           <Text allowFontScaling={false} style={{ marginBottom: 5, fontWeight: 'bold', textAlign: 'center', fontSize: 14 }}>{esp.lang("event/tms_in_hall_failed", "time")}</Text>
                           {
-                            item?.hall_scanned != "0000-00-00 00:00:00" &&
+                            item.hasOwnProperty("hall_scanned") && item?.hall_scanned != "0000-00-00 00:00:00" &&
                             <Text allowFontScaling={false} style={{ textAlign: 'center', fontSize: 12 }}>{LibUtils.moment(item?.hall_scanned).localeFormat("DD MMM H:mm:ss ")}</Text>
                           }
                         </View>

package/event/tms_out_hall_failed.tsx

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

package/event/tms_out_temporary.tsx

@@ -12,12 +12,11 @@ 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 { LibIcon } from 'esoftplay/cache/lib/icon/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, TouchableOpacity, View } from 'react-native';
+import { ScrollView, Text, View } from 'react-native';
 
 
 export interface EventTms_out_temporaryArgs {
@@ -231,7 +230,7 @@ export default function m(props: EventTms_out_temporaryProps): any {
         </View>
       </ScrollView>
       <View style={{ padding: 10, backgroundColor: '#fff' }}>
-        <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 10, alignContent: 'center', alignItems: 'center' }}>
+        {/* <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 10, alignContent: 'center', alignItems: 'center' }}>
           <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode={'tail'} style={{ flex: 1, fontWeight: 'bold', fontSize: 14, letterSpacing: 1 }}>{esp.lang("event/tms_in_list", "total_ticket_use", result?.list?.filter((it: any) => it.checked == 1).length)}</Text>
           <TouchableOpacity onPress={() => {
             toggleCheckedAll()
@@ -239,7 +238,7 @@ export default function m(props: EventTms_out_temporaryProps): any {
             <Text allowFontScaling={false} style={applyStyle({ fontFamily: "ArialBold", fontSize: 14, textAlign: "center", textAlignVertical: 'center', color: '#fff', marginRight: 15 })} >{useAll ? esp.lang("event/tms_in_list", "cancel_use") : esp.lang("event/tms_in_list", "use_all")}</Text>
             <LibIcon.Ionicons size={18} color="#fff" name={useAll ? "close" : "checkmark-done"} />
           </TouchableOpacity>
-        </View>
+        </View> */}
 
         <EventButton
           label={esp.lang("event/tms_out_temporary", "btn_exit")}

package/event/token_order.tsx

@@ -0,0 +1,39 @@
+// withHooks
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+
+
+export interface EventToken_orderArgs {
+
+}
+export interface EventToken_orderProps {
+
+}
+export default function m(props: EventToken_orderProps): any {
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title='Riwayar Transaksi Token' />
+      <ScrollView>
+        <Pressable onPress={() => {
+
+        }} style={{ padding: 7, margin: 15, backgroundColor: '#fff', marginBottom: 0, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+          <Text allowFontScaling={false} style={{ marginLeft: 8 }}>{esp.lang("event/order", "wawit")}</Text>
+          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {/* {
+              badge != 0 &&
+              <View style={{ backgroundColor: LibStyle.colorRed, height: 17, padding: 5, paddingVertical: 2, borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
+                <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#ffffff" }}>{badge > 99 ? "99+" : LibUtils.number(badge)}</Text>
+              </View>
+            } */}
+            <LibIcon name='chevron-right' />
+          </View>
+        </Pressable>
+      </ScrollView>
+    </View>
+  )
+}

package/event/token_payment.tsx

@@ -0,0 +1,79 @@
+// withHooks
+import { BigbangPayment_list } from 'esoftplay/cache/bigbang/payment_list/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventToken_paymentArgs {
+
+}
+export interface EventToken_paymentProps {
+
+}
+export default function m(props: EventToken_paymentProps): any {
+
+  let items = [
+    {
+      id: 1,
+      title: 'ID Card + Token',
+      price: 20000,
+      qty: 1
+    },
+    {
+      id: 2,
+      title: 'Token',
+      price: 7500,
+      qty: 1
+    }
+  ]
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title='Beli IDCard/Token' />
+      <ScrollView>
+
+        {
+          items?.map((item: any, i: number) => {
+            return (
+              <View key={i} style={{ ...LibStyle.elevation(3), backgroundColor: '#fff', margin: 15, paddingHorizontal: 10, borderRadius: 5, marginBottom: 0, flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                <View style={{ flex: 2 }}>
+                  <Text allowFontScaling={false}>{item?.title}</Text>
+                  <Text allowFontScaling={false}>{LibUtils.money(item?.price)}</Text>
+                </View>
+                <View style={{ flex: 1 }}>
+                  <View style={{ flexDirection: 'row', marginVertical: 10, alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+                    <TouchableOpacity onPress={() => { /* min() */ }}>
+                      <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                        <LibIcon name="minus" color="#e74c3c" />
+                      </View>
+                    </TouchableOpacity>
+                    <Text style={{ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 15, marginRight: 15 }}>{item?.qty}</Text>
+                    <TouchableOpacity onPress={() => { /* add(item?.quota, item?.quota_used) */ }}>
+                      <View style={{ width: 28, height: 28, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' }}>
+                        <LibIcon name="plus" color="#16a085" />
+                      </View>
+                    </TouchableOpacity>
+                  </View>
+                </View>
+              </View>
+            )
+          })
+        }
+
+        <BigbangPayment_list
+          priceTotal={100000}
+          order_type={1}
+          paymentId={2}
+          onPressPayment={() => {
+
+          }}
+        />
+      </ScrollView>
+    </View>
+  )
+}