esoftplay-event 0.0.0-p → 0.0.0-q

package/modules/quotation/order.tsx

@@ -1,150 +0,0 @@
-// withHooks
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
-import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
-import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
-import { LibPicture } from 'esoftplay/cache/lib/picture/import';
-import { LibScroll } from 'esoftplay/cache/lib/scroll/import';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import { MarketCountdown } from 'esoftplay/cache/market/countdown/import';
-import { QuotationOrder_status } from 'esoftplay/cache/quotation/order_status/import';
-import esp from 'esoftplay/esp';
-
-import moment from 'esoftplay/moment';
-import useSafeState from 'esoftplay/state';
-import { useTimeout } from 'esoftplay/timeout';
-import React, { useEffect, useRef } from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-moment().locale('id')
-
-
-export interface QuotationOrderArgs {
-  status: any
-}
-export interface QuotationOrderProps {
-
-}
-
-function Status(props: any) {
-  // const tabRef = useRef<LibList>(null)
-  const tabRef = useRef<LibScroll>(null)
-  const allStatus = QuotationOrder_status()
-  const timeout = useTimeout()
-
-  useEffect(() => {
-    if (props.status != 1)
-      timeout(() => {
-        tabRef?.current?.scrollToIndex?.(allStatus.map((s) => s.code).indexOf(props.status))
-      }, 500);
-  }, [])
-
-  function renderStatus(status: any, i: number) {
-    const styleId_Zr7H5m: any = { marginRight: 10, height: 26, paddingLeft: 10, paddingRight: 10, borderRadius: 13, backgroundColor: props.status == status.code ? "#ecfef8" : "#fff", borderStyle: "solid", borderWidth: 0.5, borderColor: props.status == status.code ? "#51b596" : "#c5c5c5", justifyContent: 'center', alignContent: 'center', alignItems: 'center' }
-    const styleId_ZaFxDR: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.status == status.code ? "#51b596" : "#c5c5c5" }
-    return (
-      <TouchableOpacity key={i} onPress={() => {
-        props.onChangeStatus(status.code)
-      }} style={styleId_Zr7H5m}>
-        <Text allowFontScaling={false} style={styleId_ZaFxDR}>{status.text}</Text>
-      </TouchableOpacity>
-    )
-  }
-
-  return (
-    <View style={{ minHeight: 50 }} >
-      <LibScroll ref={tabRef} horizontal initialNumToRender={20} >
-        <View style={{ width: 10 }} />
-        {
-          allStatus.map(renderStatus)
-        }
-      </LibScroll>
-    </View>
-  )
-}
-
-export default function m(props: QuotationOrderProps): any {
-
-  // 0 = waiting payment, 1 = approved, 2 = cancel by buyer, 3 = cancel by community, 4 = payment_expired(transaction failed), 5 = pengajuan reschedule, 6 = selesai, 7 = selesai dengan komplain
-  const statusCode = LibNavigation.getArgs(props, 'status', 0)
-  const [status, setStatus] = useSafeState(statusCode)
-
-  function renderItem(item: any) {
-    const colorBackground = item.status == 0 ? "#5E8DF7" : item.status == 1 ? "#5300FF" : item.status == 8 ? "#45C9AF" : item.status == 9 ? "#ED6536" : item.status == 4 ? "#000" : item.status == 5 ? "#EFA12B" : item.status == 6 ? "#00BD43" : LibStyle.colorRed
-    const styleId_XVq5x: any = { paddingLeft: 10, paddingRight: 10, height: 38, backgroundColor: colorBackground, borderStyle: "solid", borderWidth: 1, borderColor: colorBackground, borderTopLeftRadius: 4, borderTopRightRadius: 4, flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }
-    return (
-      <ComponentTouchable onPress={() => {
-        LibNavigation.navigate('quotation/order_detail', { url: item.url, from: 'quotation/order' })
-      }} style={styleId_ZNTOUN} >
-        <View style={styleId_XVq5x}>
-          <Text allowFontScaling={false} style={styleId_fWWXJ}>{
-            item.status == 0 ? esp.lang("quotation/order", "waiting_payment") : item.status == 1 ? esp.lang("quotation/order", "payment_received") : item.status == 8 ? esp.lang("quotation/order", "order_in_progress") : item.status == 9 ? esp.lang("quotation/order", "Waiting_for_Confirmation_Completed") : item.status == 4 ? esp.lang("quotation/order", "canceled") : item.status == 5 ? esp.lang("quotation/order", "reschedule_submission") : item.status == 6 ? esp.lang("quotation/order", "done") : item.status == 7 ? esp.lang("quotation/order", "complete_with_complaint") : esp.lang("quotation/order", "canceled")
-          }</Text>
-          {
-            item.status == "0" && item.exp_payment > moment().serverFormat("YYYY-MM-DD HH:mm:ss") &&
-            <MarketCountdown expired={moment(item.exp_payment).serverFormat('YYYY-MM-DD HH:mm:ss')} style={styleId_fWWXJ} />
-          }
-          {
-            item.status == "6" && item.is_reviewed == "0" &&
-            <View style={{ paddingHorizontal: 13, borderRadius: 12, padding: 5, backgroundColor: LibStyle.colorRed, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }} >
-              <Text allowFontScaling={false} style={styleId_1fbrDY} >{esp.lang("quotation/order", "Leave_a_Review")}</Text>
-            </View>
-          }
-        </View>
-        <View style={styleId_ZEohMf}>
-          <Text allowFontScaling={false} style={styleId_zqGrr} >{item.booking_code}</Text>
-          <Text allowFontScaling={false} style={styleId_zqGrr} >{moment(item.date_start).localeFormat("DD MMM YYYY") + " - " + moment(item.date_end).localeFormat("DD MMM YYYY")}</Text>
-        </View>
-        <View style={styleId_SWk1s}>
-          <LibPicture source={{ uri: item.image }} style={styleId_ZJVF0R} />
-          <View style={styleId_ZcMJmd}>
-            <Text allowFontScaling={false} style={styleId_1hwrfS}>{esp.lang("quotation/order", "talent")}{item.community_name}</Text>
-            <Text allowFontScaling={false} numberOfLines={3} ellipsizeMode={"tail"} style={styleId_Z2538tJ}>{item.title}</Text>
-          </View>
-        </View>
-        <View style={styleId_2hTTwW} />
-        <View style={styleId_ZEohMf}>
-          <Text allowFontScaling={false} style={styleId_Zqd9DE}>{esp.lang("quotation/order", "payment_total")}</Text>
-          <Text allowFontScaling={false} style={styleId_2gvJ7o}>{LibUtils.money(item.total)}</Text>
-        </View>
-      </ComponentTouchable>
-    )
-  }
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("quotation/order", "list_order")} />
-      <View style={{ margin: 15, marginBottom: 0 }}>
-        <Status status={status} onChangeStatus={setStatus} />
-      </View>
-
-      <LibInfinite
-        url={"community_booking_list?status=" + status}
-
-        key={status}
-        renderItem={renderItem}
-        errorView={(error: any) => {
-          return (
-            <ComponentMessage message={error} />
-          )
-        }}
-      />
-
-    </View >
-  )
-}
-
-const styleId_ZNTOUN: any = { flex: 1, borderRadius: 4, backgroundColor: "#fff", margin: 15, marginBottom: 0, ...LibStyle.elevation(2) }
-const styleId_fWWXJ: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }
-const styleId_1fbrDY: any = { fontFamily: "ArialBold", fontSize: 10, letterSpacing: 0, color: "#fff" }
-const styleId_ZEohMf: any = { flexDirection: 'row', justifyContent: 'space-between', margin: 15 }
-const styleId_zqGrr: any = { fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
-const styleId_SWk1s: any = { flex: 1, flexDirection: 'row', margin: 15, marginTop: 0 }
-const styleId_ZJVF0R: any = { width: 60, height: 60, borderRadius: 30 }
-const styleId_ZcMJmd: any = { flex: 1 }
-const styleId_1hwrfS: any = { marginLeft: 15, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
-const styleId_Z2538tJ: any = { flex: 1, marginLeft: 15, fontFamily: "SFProText", marginTop: 4, fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b", flexWrap: 'wrap' }
-const styleId_2hTTwW: any = { flex: 1, height: 1, backgroundColor: 'e3e3e3' }
-const styleId_Zqd9DE: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", lineHeight: 16, letterSpacing: 0, color: "#4b4b4b" }
-const styleId_2gvJ7o: any = { fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }