esoftplay-event 0.0.2-p → 0.0.2-q

package/event/order_detail.tsx

@@ -32,6 +32,7 @@ import { EventSecure_page } from 'esoftplay/cache/event/secure_page/import';
 import { EventStep } from 'esoftplay/cache/event/step/import';
 import { LibCollaps } from 'esoftplay/cache/lib/collaps/import';
 import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
@@ -122,6 +123,8 @@ export default function m(props: EventOrder_detailProps): any {
   let availableOfflineReview = dataOfflineReview?.filter((z: any) => z?.booking_id == result?.id)
   const [dataReview, setDataReview] = useSafeState<any>(availableOfflineReview?.length == 1 ? availableOfflineReview[0] : result?.detail_review)
 
+  const [dataTicket, setDataTicket] = useSafeState()
+
   moment().locale?.('id')
 
   const imgWidth = LibStyle.width - 30
@@ -144,6 +147,7 @@ export default function m(props: EventOrder_detailProps): any {
       if (res?.hasOwnProperty('url_addons_booked') && res?.url_addons_booked != "") {
         loadDataAddonsBooked(res?.url_addons_booked)
       }
+      // loadDataTicket(res?.id)
 
     }, (error: any) => {
       const transformedUrl = url?.includes("?id=") ? url?.replace(/\?id=/, '/') : url
@@ -179,6 +183,26 @@ export default function m(props: EventOrder_detailProps): any {
     })
   }
 
+  function loadDataTicket(id: any, price_id: string, ondate: string) {
+    let param = {
+      booking_id: id, price_id: price_id, ondate: ondate
+    }
+
+    new LibCurl("addons_item" + LibUtils.objectToUrlParam(param), null, (ress: any) => {
+      let data = ress?.length > 0 && ress?.map((item: any, i: number) => {
+        return ({
+          ...item,
+          checked: 0,
+        })
+      })
+      esp.log({ data });
+      setDataTicket(data)
+      LibUtils.debounce(() => { dialogQtyAddons?.current?.show() }, 100)
+    }, (error: any) => {
+      // setEmptyCoupons(error)
+    }, 1)
+  }
+
   function loadDataAddonsBooked(url: string) {
     new LibCurl(url, null, (ress: any) => {
       setAddOnsBooked(ress)
@@ -243,6 +267,7 @@ export default function m(props: EventOrder_detailProps): any {
   function loadDataAddons(id: any, url: string) {
     LibProgress.show(esp.lang("event/order_detail", "wait"))
     new LibCurl(url, null, (res: any, msg: any) => {
+      let _bookingMemberId = dataTicket?.filter((item: any) => item.checked == 1).map((it: any) => it.id)
       LibProgress.hide()
       let dataBookingEvent = {
         event_id: res?.event_id,
@@ -262,7 +287,8 @@ export default function m(props: EventOrder_detailProps): any {
             currency: res?.currency,
           }
         },
-        qty: qty
+        qty: dataTicket?.filter((item: any) => item.checked == 1).length,
+        booking_member_ids: JSON.stringify(_bookingMemberId)
       }
       let fee_platform = {
         fee_platform_amount: res?.fee_platform?.fee_platform_amount,
@@ -681,11 +707,12 @@ export default function m(props: EventOrder_detailProps): any {
               <LibCurl_view
                 url={result?.url_addons}
                 onSuccess={(res, msg): any => {
+                  esp.log(res);
                   return (
                     <View>
                       {
                         res?.length > 0 && res?.map((item: any, i: number) => {
-                          if (item?.hasOwnProperty('list')) {
+                          if (item?.list?.length > 1) {
                             return (
                               <EventButton_order_detail
                                 disable={item?.hasOwnProperty('status') && item.status == 0 ? true : false}
@@ -695,7 +722,7 @@ export default function m(props: EventOrder_detailProps): any {
                                 onPress={() => {
                                   setGroupAddon(item)
                                   LibUtils.debounce(() => {
-                                    setQty(1)
+                                    // setQty(1)
                                     dialogAddonList?.current?.show()
                                   }, 100)
                                   // loadDataAddons(item?.addons_id, item?.url)
@@ -714,9 +741,10 @@ export default function m(props: EventOrder_detailProps): any {
                                 color={result?.color}
                                 onPress={() => {
                                   if (item?.hasOwnProperty('status') && item?.status == 1) {
-                                    setQty(1)
+                                    // setQty(1)
                                     setSelectedAddon(item)
-                                    dialogQtyAddons?.current?.show()
+                                    loadDataTicket(result?.id, item?.[0]?.price_id, item?.[0]?.ondate)
+
                                     // loadDataAddons(item?.addons_id, item?.url)
                                   }
                                 }}
@@ -990,11 +1018,37 @@ export default function m(props: EventOrder_detailProps): any {
               <LibCurl_view
                 url={result?.url_term}
                 onSuccess={(res, msg): any => {
-                  return (
-                    <View>
-                      {res?.map(renderTermItem)}
-                    </View>
-                  )
+                  esp.log(res);
+                  if (Array.isArray(res)) {
+                    return (
+                      <View>
+                        {res?.map(renderTermItem)}
+                      </View>
+                    )
+                  } else {
+                    return (
+                      <View>
+                        {
+                          Object.entries(res).map(([title, items]: any) => {
+                            return (
+                              <View key={title}>
+                                <LibCollaps header={(show) =>
+                                  <View style={{ padding: 15, paddingRight: 25, paddingLeft: 20, paddingBottom: 10, borderBottomWidth: 1, borderColor: LibStyle.colorBgGrey, alignContent: 'center', alignItems: 'center', borderRadius: 7, backgroundColor: '#f9f9f9', flexDirection: 'row' }}>
+                                    <View style={{ flex: 1 }}>
+                                      <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#495057" }}>{title}</Text>
+                                    </View>
+                                    <LibIcon name={!show ? "chevron-down" : "chevron-up"} color='#495057' />
+                                  </View>
+                                }>
+                                  {items.map(renderTermItem)}
+                                </LibCollaps>
+                              </View>
+                            )
+                          })
+                        }
+                      </View>
+                    )
+                  }
                 }}
                 onError={(err) => {
                   return (
@@ -1102,28 +1156,77 @@ export default function m(props: EventOrder_detailProps): any {
       </LibSlidingup>
 
       <LibSlidingup ref={dialogQtyAddons}>
-        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, padding: 10 }}>
-          <Text allowFontScaling={false} style={{ padding: 15, alignSelf: 'center', fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0 }}>{"QTY ADDONS"}</Text>
+        <View style={{ backgroundColor: 'white', maxHeight: LibStyle.height - (LibStyle.height / 3), borderTopRightRadius: 20, borderTopLeftRadius: 20, padding: 20 }}>
+          <Text style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", color: "#b7b7b7" }} >{esp.lang("event/order_detail", "addons")}</Text>
+          <Text style={{ fontFamily: "Arial", marginBottom: 10, fontSize: 16, fontWeight: "bold", color: "#4a4a4a" }} >{getSelectedAddon()?.title}</Text>
 
-          <View style={{ flexDirection: 'row', alignItems: 'center', marginVertical: 20 }} >
-            <TouchableOpacity
-              onPress={() => {
-                min()
-              }}
-              style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#f1f1f1', alignItems: 'center', justifyContent: 'center' }} >
-              <LibIcon name='minus' color={LibStyle.colorRed} size={50} />
-            </TouchableOpacity>
-            <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }} >
-              <Text style={{ fontSize: 50 }} >{qty}</Text>
-            </View>
-            <TouchableOpacity
-              onPress={() => {
-                add(Number(getSelectedAddon()?.qty_left))
-              }}
-              style={{ height: 70, width: 70, borderRadius: 10, backgroundColor: '#f1f1f1', alignItems: 'center', justifyContent: 'center' }} >
-              <LibIcon name='plus' color={LibStyle.colorGreen} size={50} />
-            </TouchableOpacity>
-          </View>
+          <ScrollView>
+            <Text allowFontScaling={false} style={{ marginVertical: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#000" }}>{esp.lang("event/order_detail_share", "chose_ticket")}</Text>
+            {
+              dataTicket?.length > 0 && dataTicket?.map((item: any, i: number) => {
+                const [front, end] = item?.seat_name?.split("#") || ["", ""];
+                let colorDisable = item?.status == 0 ? LibStyle.colorBgGrey : "#f1f1f1"
+                let colorAccent = item?.checked == 1 ? LibStyle?.colorGreen : colorDisable
+                return (
+                  <TouchableOpacity key={i} onPress={() => {
+                    if (item?.status == 1) {
+                      let a = LibObject.set(dataTicket, item.checked == 1 ? 0 : 1)(i, 'checked')
+                      setDataTicket(a)
+                    }
+
+                  }} style={{ padding: 10, marginBottom: 10, borderRadius: 4, backgroundColor: item?.status == 1 ? "#fff" : LibStyle.colorBgGrey, borderColor: colorAccent, borderWidth: 1, flexDirection: 'row' }}>
+                    <View style={{ flex: 5 }}>
+                      <Text allowFontScaling={false} style={{ fontSize: 14, fontStyle: "normal", color: "#000", fontWeight: "bold", }}>{result?.price_name}</Text>
+                      {/* seat */}
+                      {
+                        item?.seat_name != "" &&
+                        <View style={{ marginVertical: 10 }}>
+                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, marginBottom: 5, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#b7b7b7" }}>{esp.lang("event/order_detail", "seat_number")}</Text>
+
+                          <View style={{ marginLeft: 7, flexDirection: 'row' }}>
+                            <View style={{ flexDirection: 'row', alignItems: 'center', paddingVertical: 5, paddingHorizontal: 5, backgroundColor: '#f1f1f1', borderRadius: 5, marginRight: 7 }}>
+                              <Text allowFontScaling={false} style={{ fontWeight: 'bold', fontSize: 16, color: "#000" }}> {front}</Text>
+                              <Text allowFontScaling={false} style={{ marginLeft: 3, fontWeight: 'bold', fontSize: 16, color: '#000', }}>{end}</Text>
+                            </View>
+                          </View>
+                        </View>
+                      }
+                      {/* add ons */}
+                      {
+                        item?.addons?.length > 0 &&
+                        <View style={{ marginTop: 5 }}>
+                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#b7b7b7" }}>{esp.lang("event/order_detail", "addons")}</Text>
+                        </View>
+                      }
+                      {
+                        item?.addons?.length > 0 && item?.addons?.map((x: any, ii: number) => {
+                          return (
+                            <View key={ii} style={{ marginLeft: 7, flexDirection: 'row' }}>
+                              <View style={{}}>
+                                <Text allowFontScaling={false} style={{ color: '#484848', fontSize: 12, fontWeight: 'bold', fontFamily: "Arial" }}>- {
+                                  x?.list?.map((y: any) => y).join(', ')
+                                }</Text>
+                                {
+                                  x?.ondate != "0000-00-00" &&
+                                  <Text allowFontScaling={false} style={{ marginLeft: 7, marginBottom: 3, marginTop: 3, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0, color: '#484848' }}>{
+                                    LibUtils.moment(x?.ondate).localeFormat('DD MMM YYYY')}</Text>
+                                }
+                              </View>
+                            </View>
+                          )
+                        })
+                      }
+
+
+                    </View>
+                    <View style={{ flex: 1, alignContent: 'flex-end', alignItems: 'flex-end' }}>
+                      <LibIcon name={item?.checked == 1 ? 'check-circle' : 'radiobox-blank'} color={colorAccent} />
+                    </View>
+                  </TouchableOpacity>
+                )
+              })
+            }
+          </ScrollView>
 
           <EventButton label={esp.lang("event/order_detail", "next")} onPress={() => {
             dialogQtyAddons?.current?.hide()
@@ -1153,14 +1256,9 @@ export default function m(props: EventOrder_detailProps): any {
                     color={result?.color}
                     onPress={() => {
                       if (item?.hasOwnProperty('status') && item?.status == 1) {
-                        let x = {
-                          addons_id: item?.addons_id,
-                          url: item?.url,
-                          qty_left: item?.qty_left
-                        }
-                        setSelectedAddon(x)
+                        setSelectedAddon(item)
                         dialogAddonList?.current?.hide()
-                        dialogQtyAddons?.current?.show()
+                        loadDataTicket(result?.id, item?.price_id, item?.ondate)
                         // loadDataAddons(getGroupAddon()?.addons_id, item?.url)
                       }
                     }}

package/event/order_detail_share.tsx

@@ -191,7 +191,7 @@ export default function m(props: EventOrder_detail_shareProps): any {
       <LibSlidingup ref={dialogTickets} >
         <View style={{ backgroundColor: 'white', borderTopLeftRadius: 20, borderTopRightRadius: 20, padding: 15, paddingTop: 5, maxHeight: LibStyle.height - (LibStyle.height / 3) }} >
           <View style={{ alignSelf: 'center', height: 3, width: 35, backgroundColor: "#c5c5c5", borderRadius: 10 }} />
-          <Text allowFontScaling={false} style={{ color: '#4a4a4a', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, marginTop: 15 }}>{"Tiket akan dibagikan kepada"}</Text>
+          <Text allowFontScaling={false} style={{ color: '#4a4a4a', fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, marginTop: 15 }}>{esp.lang("event/order_detail_share", "ticket_will_share_to")}</Text>
 
           <View style={{ marginVertical: 15, flexDirection: 'row' }}>
             <LibPicture source={{ uri: dataUser?.image }} style={{ height: 40, width: 40, borderRadius: 20 }} />
@@ -201,7 +201,7 @@ export default function m(props: EventOrder_detail_shareProps): any {
             </View>
           </View>
           <ScrollView>
-            <Text allowFontScaling={false} style={{ marginBottom: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#000" }}>{"PILIH TIKET"}</Text>
+            <Text allowFontScaling={false} style={{ marginBottom: 10, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", letterSpacing: 1.5, color: "#000" }}>{esp.lang("event/order_detail_share", "chose_ticket")}</Text>
 
             {
               dataTicket?.length > 0 && dataTicket?.map((item: any, i: number) => {
@@ -233,7 +233,7 @@ export default function m(props: EventOrder_detail_shareProps): any {
                       {
                         item?.addons?.length > 0 &&
                         <View style={{ marginBottom: 5 }}>
-                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{"Addons"}</Text>
+                          <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{esp.lang("event/order_detail", "addons")}</Text>
                         </View>
                       }
                       {

package/id.json

@@ -932,7 +932,7 @@
   "event/order_detail": {
     "Checked_within_10_minutes_after_payment_is_made": "Dicek dalam 10 menit setelah pembayaran dilakukan",
     "This_Event_Has_Changed_the_Event_Date_Please_Reschedule_or_Refund": "Event ini Mengalami Perubahan Tanggal Event, Silahkan Reschedule atau Melakukan Refund",
-    "addons": "Addons",
+    "addons": "Pilihan Tambahan",
     "already_follow": "Sudah memilih ",
     "already_join_lucky_draw": "Pilihan sudah dibuat",
     "back": "Kembali",
@@ -1022,8 +1022,10 @@
   },
   "event/order_detail_share": {
     "cancel": "Batal",
+    "chose_ticket": "PILIH TIKET",
     "select_all": "Pilih Semua",
-    "share_ticket": "Bagikan Tiket"
+    "share_ticket": "Bagikan Tiket",
+    "ticket_will_share_to": "Tiket akan dibagikan kepada"
   },
   "event/order_detail_upgrade": {
     "btn_next": "Selanjutnya",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.2-p",
+  "version": "0.0.2-q",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {