esoftplay-event 0.0.0-a → 0.0.0-c

package/event/order_item.tsx

@@ -0,0 +1,118 @@
+// withHooks
+// noPage
+import { applyStyle } from 'esoftplay';
+import { EventCountdown_base } from 'esoftplay/cache/event/countdown_base/import';
+import { LibHtmltext } from 'esoftplay/cache/lib/htmltext/import';
+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 esp from 'esoftplay/esp';
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+
+
+export interface EventOrder_itemProps {
+  item: any,
+  onPress: () => void
+}
+
+export function textColor(colorTag: string) {
+  const normalized = Number(`0x${colorTag?.substr(1, 16)}`);
+  const r = (normalized >> 16) & 0xFF;
+  const g = (normalized >> 8) & 0xFF;
+  const b = normalized & 0xFF;
+  const luminocity = (0.2106 * r + 0.7171 * g + 0.0721 * b) / 255;
+
+  return luminocity < 0.6 ? '#FFFFFF' : '#000000';
+}
+
+export default function m(props: EventOrder_itemProps): any {
+  const { item } = props
+  let isInvitationDate = item?.ondate == "0000-00-00" && item?.kind_detail?.use_code == 1
+  let isOnlineWithoutDate = item?.ondate == "0000-00-00" && item?.kind_detail?.everyday_pass == 0
+  return (
+    <Pressable onPress={props.onPress} style={{ backgroundColor: '#fff', borderRadius: 5, overflow: 'hidden', width: LibStyle.width - 30, margin: 15, marginBottom: 0 }}>
+      <View style={{ alignContent: 'center', borderBottomWidth: 1, borderBottomColor: textColor(item?.color), alignItems: 'center', justifyContent: 'center', backgroundColor: item?.color, padding: 10 }}>
+        <LibHtmltext allowFontScaling={false} numberOfLines={1} ellipsizeMode="tail" style={{ color: textColor(item?.color), alignSelf: 'center', textAlign: 'center', fontSize: 16, fontWeight: 'bold' }}> {item?.price_name}</LibHtmltext>
+      </View>
+      <View style={{ padding: 10, backgroundColor: '#fff', flex: 1 }}>
+        <Text allowFontScaling={false} style={applyStyle({ marginHorizontal: 15, fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" })}>{item?.event_name}</Text>
+
+        <View style={applyStyle({ marginHorizontal: 15, borderBottomWidth: 1, marginTop: 15, borderBottomColor: '#9b9b9b' })}>
+          <View style={{ flexDirection: 'row', marginBottom: 10 }}>
+            <View style={applyStyle({ width: 60, height: 60, borderRadius: 5, backgroundColor: LibStyle.colorBgGrey, ...LibStyle.elevation(2) })}>
+              <LibPicture style={applyStyle({ width: 60, height: 60, resizeMode: 'cover', borderRadius: 5, })} source={{ uri: item?.image }} />
+            </View>
+            <View style={applyStyle({ flexDirection: 'row', justifyContent: 'space-between', marginLeft: 14, flex: 1 })}>
+              <View style={{ flex: 2, marginRight: 5, }}>
+                <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginBottom: 4 }}>
+                  <LibIcon name='ticket' size={20} color="#9b9b9b" />
+                  {
+                    Number(item?.qty) == 0 ?
+                      <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}>{esp.lang("event/order_item", "ticket_run_out")}</Text>
+                      : <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 16, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}>{esp.lang("event/order_item", "ticket", String(LibUtils.number(item?.qty)))}</Text>
+                  }
+                </View>
+                <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginBottom: 4 }}>
+                  <LibIcon name='cash' size={20} color="#9b9b9b" />
+                  <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}>{item?.total != "0" ? LibUtils.money(Number(item?.total), item.currency) : esp.lang("event/order_item", "free")}
+                    {item.hasOwnProperty("payment_title") && " (" + item.payment_title + ")"}
+                  </Text>
+                </View>
+
+                {
+                  item?.ondate == "0000-00-00" &&
+                  <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginBottom: 4 }}>
+                    <LibIcon name='calendar' size={18} color="#9b9b9b" />
+                    <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}>{
+                      (isInvitationDate || isOnlineWithoutDate) ? // apakah dia tipe undangan dengan tanggal atau online tanpa tanggal
+                        esp.lang("event/order_item", "used_once") :
+                        (item?.start_date == "0000-00-00" && item?.end_date == "0000-00-00") ? // apakah eventnya sudah di hapus, tau nya dari start_date dan end_datenya 0000-00-00
+                          esp.lang("event/order_item", "event_arsip") :
+                          LibUtils.getDateRange(item?.start_date, item?.end_date) // contoh 20 - 23 Oktober 2023
+                    }</Text>
+                  </View>
+                }
+              </View>
+              {
+                item?.ondate != "0000-00-00" &&
+                <View style={{ flex: 1, marginLeft: 15, alignContent: 'flex-end', alignItems: 'flex-end' }}>
+                  <Text allowFontScaling={false} style={{ fontSize: 30, fontWeight: 'bold' }}>{LibUtils.moment(item?.ondate).localeFormat("DD")}</Text>
+                  <Text allowFontScaling={false} style={{ fontSize: 20, fontWeight: 'bold', marginTop: -5, }}>{LibUtils.moment(item?.ondate).localeFormat("MMM")}</Text>
+                </View>
+              }
+            </View>
+          </View>
+
+          {
+            item?.address != "" &&
+            <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', marginBottom: 10 }}>
+              <LibIcon name='map-marker' size={18} color="#9b9b9b" />
+              <Text allowFontScaling={false} style={applyStyle({ marginLeft: 5, fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#000" })}>{item?.address}</Text>
+            </View>
+          }
+        </View>
+        {
+          item?.status == 0 ?
+            <View style={applyStyle({ flex: 1, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', alignContent: 'center', paddingHorizontal: 15 })}>
+              <View style={{ flex: 1 }}>
+                <EventCountdown_base expired={LibUtils.moment(item?.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={applyStyle({ fontSize: 12, color: LibStyle.colorRed, fontFamily: "ArialBold", fontWeight: "normal", fontStyle: "normal" })} />
+              </View>
+              {
+                !!item?.booking_code &&
+                <Text allowFontScaling={false} style={applyStyle({ flex: 1, flexWrap: 'wrap', padding: 10, paddingHorizontal: 0, textAlign: 'right', fontFamily: "ArialBold", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: LibStyle.colorRed })}>{item?.booking_code}</Text>
+              }
+            </View>
+            :
+            <Text allowFontScaling={false} style={applyStyle({ padding: 10, paddingBottom: 0, textAlign: 'center', textAlignVertical: 'center', fontFamily: "ArialBold", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 4, color: item?.status == 1 ? '#70472b' : LibStyle.colorRed })}>{item?.booking_code}</Text>
+        }
+        <View style={applyStyle({ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 })}>
+          <View style={applyStyle({ width: 25, height: 25, borderRadius: 12.5, backgroundColor: LibStyle.colorBgGrey, marginLeft: -12.5 })} />
+          <View style={applyStyle({ flex: 1 })} />
+          <View style={applyStyle({ width: 25, height: 25, borderRadius: 12.5, backgroundColor: LibStyle.colorBgGrey, marginRight: -12.5 })} />
+        </View>
+      </View>
+    </Pressable>
+  )
+}

package/event/order_lottery.tsx

@@ -0,0 +1,172 @@
+// 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 { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/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 { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import { useEffect } from 'react';
+
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import React from 'react';
+import { Pressable, ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventOrder_lotteryArgs {
+
+}
+export interface EventOrder_lotteryProps {
+
+}
+export default function m(props: EventOrder_lotteryProps): any {
+  const { id } = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>()
+
+  useEffect(() => {
+    loadData()
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function loadData(): void {
+    new LibCurl("event_order_detail_luckydraw?id=" + id, null, (res: any) => {
+      let a = res?.list?.map((item: any) => {
+        return ({
+          ...item,
+          qty: 0
+        })
+      })
+      let b = {
+        coupon: res?.coupon,
+        list: a
+      }
+      setResult(b)
+    }, (error: any) => {
+      esp.log(error);
+      LibDialog.warning("Oops", error?.message)
+      LibNavigation.back()
+    }, 1)
+  }
+
+  function sendSubmit() {
+    let filterData = result?.list?.filter((x: any) => x.qty > 0).map((item: any) => {
+      return ({
+        id: item.id,
+        qty: item.qty
+      })
+    })
+
+    let post = {
+      prize_list: JSON.stringify(filterData)
+    }
+
+    LibDialog.confirm(esp.lang("event/order_lottery", "confirm"), esp.lang("event/order_lottery", "confirm_point"), esp.lang("event/order_lottery", "yes"), () => {
+      LibProgress.show("Mohon tunggu")
+      new LibCurl("event_order_detail_luckydraw_claim?id=" + id, post, (res: any) => {
+        LibProgress.hide()
+        esp.log(res);
+        LibDialog.info(esp.lang("event/order_lottery", "information"), res)
+        LibNavigation.sendBackResult(res)
+      }, (error: any) => {
+        LibProgress.hide()
+        esp.log(error);
+        LibDialog.warning(esp.lang("event/order_lottery", "oops"), error?.message)
+      }, 1)
+    }, esp.lang("event/order_lottery", "no"), () => {
+
+    })
+  }
+
+  function getTotalQty() {
+    return result.list.reduce((x: any, current: any) => x + current.qty, 0);
+  };
+
+  function renderItem(item: any, i: number) {
+
+    return (
+      <View key={i} style={{ flexDirection: 'row', margin: 15 }}>
+        <Pressable onPress={() => { }} style={{ flex: 1, flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center', paddingLeft: 50, marginLeft: 35, borderRadius: 5, padding: 10, backgroundColor: '#fff' }}>
+          <View style={{ flex: 1, marginRight: 5, }}>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode='tail' style={{ fontWeight: 'bold', fontSize: 16 }} >{item.title}</Text>
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 12, color: 'grey' }}>{item.description}</Text>
+
+            <View style={applyStyle({ marginTop: 10, alignSelf: 'flex-end', flexDirection: 'row', alignContent: 'center', alignItems: 'center' })}>
+              <TouchableOpacity onPressIn={() => {
+                if (item.qty > 0) {
+                  let updatedList = LibObject.set(result, item.qty - 1)('list', i, 'qty');
+                  setResult(updatedList);
+                }
+              }} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='minus_btn' onPress={() => { }}>
+                <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                  <LibIcon name="minus" color="#e74c3c" />
+                </View>
+              </TouchableOpacity>
+              <Text style={applyStyle({ fontFamily: "Arial", fontSize: 20, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b", marginLeft: 13, marginRight: 13 })}>{item.qty}</Text>
+              <TouchableOpacity onPressIn={() => {
+                const currentTotalQty = getTotalQty();
+                if (currentTotalQty < result.coupon) {
+                  let updatedQty = item.qty + 1;
+                  if (currentTotalQty + 1 > result.coupon) {
+                    updatedQty = item.qty + (result.coupon - currentTotalQty);
+                  }
+                  let updatedList = LibObject.set(result, updatedQty)('list', i, 'qty');
+                  setResult(updatedList);
+                } else {
+                  LibToastProperty.show(esp.lang("event/order_lottery", "your_maks_token_is") + result?.coupon)
+                }
+              }} hitSlop={{ top: 15, left: 15, right: 15, bottom: 15 }} testID='plus_btn' onPress={() => { }}>
+                <View style={applyStyle({ padding: 1, borderRadius: 6, backgroundColor: "#ecf0f1", alignContent: 'center', alignItems: 'center' })}>
+                  <LibIcon name="plus" color="#16a085" />
+                </View>
+              </TouchableOpacity>
+            </View>
+
+          </View>
+        </Pressable>
+        <View style={{ position: 'absolute', top: 15, height: 80, width: 80, borderRadius: 40, alignContent: 'center', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
+          <LibPicture style={{ height: 70, width: 70, borderRadius: 35, backgroundColor: '#000' }} resizeMode='cover' source={{ uri: item.image }} />
+        </View>
+      </View>
+    )
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey /* "#FFC523" */ }}>
+      <EventHeader title={esp.lang("event/order_lottery", "follow_lucky_draw")} />
+
+      <ScrollView>
+        {
+          result?.list?.map(renderItem)
+        }
+
+      </ScrollView>
+      <View style={{ backgroundColor: '#fff' }}>
+        <Text style={{ margin: 10, marginBottom: 0 }} >{esp.lang("event/order_lottery", "u_have") + result?.coupon + esp.lang("event/order_lottery", "token_for_luckydraw")}</Text>
+
+        <EventButton
+          label={esp.lang("event/order_lottery", "submit")}
+          onPress={() => {
+            if (getTotalQty() == result?.coupon) {
+              sendSubmit()
+            } else {
+              LibToastProperty.show(esp.lang("event/order_lottery", "please_enter_all_point"))
+            }
+          }}
+          style={{ margin: 10, borderRadius: 5 }}
+          backgroundColor={getTotalQty() == result?.coupon ? LibStyle.colorGreen : LibStyle.colorBgGrey}
+        />
+      </View>
+    </View>
+  )
+}