esoftplay-event 0.0.0-a → 0.0.0-c

package/event/tms.tsx

@@ -1,8 +1,8 @@
 // withHooks
 
 import { applyStyle } from 'esoftplay';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventMessage } from 'esoftplay/cache/event/message/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';
@@ -87,12 +87,12 @@ export default function m(props: EventTmsProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: '#fff' }}>
-      <ComponentHeader title={esp.lang("event/tms", "header")} subtitle={dataEO?.name} />
+      <EventHeader title={esp.lang("event/tms", "header")} subtitle={dataEO?.name} />
       <LibInfinite
         ref={ref}
         // isDebug={1}
         url={'event_tms_list?event_id=' + dataEO?.id}
-        errorView={(error: any) => (<ComponentMessage message={error} />)}
+        errorView={(error: any) => (<EventMessage message={error} />)}
         renderItem={renderItem}
       />
       <Pressable onPress={() => { LibNavigation.navigate('event/tms_add', { dataEvent: dataEO }) }} style={{ ...LibStyle.elevation(2), position: 'absolute', bottom: 15, right: 15, height: 50, width: 50, borderRadius: 25, backgroundColor: LibStyle.colorGreen, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>

package/event/tms_add.tsx

@@ -1,7 +1,6 @@
 // withHooks
 
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
-import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { LibInput_circle2 } from 'esoftplay/cache/lib/input_circle2/import';
 import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
 import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
@@ -10,7 +9,7 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 import React from 'react';
-import { ScrollView, Text, View } from 'react-native';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
 
 
 export interface EventTms_addArgs {
@@ -47,10 +46,10 @@ export default function m(props: EventTms_addProps): any {
 
   return (
     <LibKeyboard_avoid style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/tms_add", "header")} />
+      <EventHeader title={esp.lang("event/tms_add", "header")} />
       <View style={{ flex: 1, margin: 15, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2) }}>
         <ScrollView style={{ flex: 1 }}>
-          <ComponentTouchable onPress={() => {
+          <TouchableOpacity onPress={() => {
             LibNavigation.navigateForResult('component/scanner', { fromPage: "event/tms_add" }).then((value: any) => {
               LibNavigation.navigate('event/tms_add_result', { dataEvent: dataEvent, email: email.trim(), is_add: true, qr_code: value.trim() })
               // setQrcode(value)
@@ -60,7 +59,7 @@ export default function m(props: EventTms_addProps): any {
               <LibPicture source={esp.assets('icons/ic_barcode_white.png')} style={{ height: 250, width: 250 }} />
               <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 10, color: '#fff' }}>{esp.lang("transfer/index", "klik_here")}</Text>
             </View>
-          </ComponentTouchable>
+          </TouchableOpacity>
           <Text allowFontScaling={false} style={{ opacity: 0.7, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 20 }}>{esp.lang("event/tms_add", "scan_qr")}</Text>
           <Text allowFontScaling={false} style={{ opacity: 0.6, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 17 }}>{esp.lang("transfer/index", "or")}</Text>
 
@@ -80,14 +79,14 @@ export default function m(props: EventTms_addProps): any {
 
         </ScrollView>
 
-        <ComponentTouchable onPress={() => {
+        <TouchableOpacity onPress={() => {
           LibNavigation.navigate('event/tms_add_result', { dataEvent: dataEvent, email: email.trim(), is_add: true, qr_code: qrcode.trim() })
         }}>
           <View style={{ margin: 15, marginTop: 20, height: 35, backgroundColor: "#6c432c", justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
             <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("visitor/index", "submit")}</Text>
           </View>
 
-        </ComponentTouchable>
+        </TouchableOpacity>
       </View >
     </LibKeyboard_avoid>
   )

package/event/tms_add_result.tsx

@@ -2,8 +2,8 @@
 import { useEffect } from 'react';
 
 import { applyStyle } from 'esoftplay';
-import { ComponentButton } from 'esoftplay/cache/component/button/import';
-import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { EventButton } from 'esoftplay/cache/event/button/import';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventTmsProperty } from 'esoftplay/cache/event/tms/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
@@ -124,7 +124,7 @@ export default function m(props: EventTms_add_resultProps): any {
 
   return (
     <View style={{ flex: 1 }}>
-      <ComponentHeader title={esp.lang("event/tms_add", "header")} />
+      <EventHeader title={esp.lang("event/tms_add", "header")} />
       <ScrollView style={{ padding: 15 }}>
         <View style={{ flexDirection: 'row' }}>
           <LibPicture
@@ -162,7 +162,7 @@ export default function m(props: EventTms_add_resultProps): any {
           <LibIcon name={allowReset == 0 ? "checkbox-blank-outline" : "checkbox-marked"} color={allowReset == 0 ? "#000" : LibStyle.colorGreen} />
           <Text allowFontScaling={false} style={applyStyle({ marginLeft: 8, color: allowReset == 0 ? "#000" : LibStyle.colorGreen, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, paddingLeft: 3, paddingRight: 3 })}>{esp.lang("event/tms_add_result", "reset")}</Text>
         </Pressable>
-        <ComponentButton
+        <EventButton
           label={esp.lang("event/tms_add_result", "save")}
           backgroundColor={LibStyle.colorGreen}
           onPress={() => {

package/event/tms_check_code.tsx

@@ -0,0 +1,160 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import { EventTms_check_ticket } from 'esoftplay/cache/event/tms_check_ticket/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibInput_circle2 } from 'esoftplay/cache/lib/input_circle2/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibProgress } from 'esoftplay/cache/lib/progress/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+
+
+export interface EventTms_check_codeArgs {
+
+}
+export interface EventTms_check_codeProps {
+
+}
+export default function m(props: EventTms_check_codeProps): any {
+  let inputAccessCode = React.useRef<LibInput_circle2>(null)
+  const { event_id, gate } = LibNavigation.getArgsAll(props)
+  const [result, setResult] = useSafeState<any>()
+
+  const [tab, setTab] = useSafeState<any>({
+    id: 1,
+    title: esp.lang("event/tms_check_code", "title")
+  })
+
+  function doSubmit(reSubmit?: boolean): void {
+    inputAccessCode.current?.blur()
+    if (inputAccessCode.current?.getText() == '') {
+      LibToastProperty.show(esp.lang("visitor/index", "alert_error_not_empty_code"))
+      inputAccessCode.current?.focus()
+      return
+    }
+    var post = {
+      code: inputAccessCode.current?.getText().toUpperCase(),
+      event_id: event_id,
+      gate_id: gate?.id
+    }
+
+    if (reSubmit) {
+      delete post.event_id
+    }
+
+    LibProgress.show(esp.lang("visitor/index", "waiting_msg"))
+    new LibCurl('code_check', post, (res, msg) => {
+      setResult(res)
+      LibProgress.hide();
+    }, (err) => {
+      setResult(undefined)
+      LibProgress.hide();
+      LibDialog.warningConfirm(esp.lang("event/tms_check_code", "error"), err?.message, "Ok", () => {
+
+      }, "Cari lebih lanjut", () => {
+        doSubmit(true)
+      })
+    }, 1)
+  }
+
+  let tabs = [
+    {
+      id: 1,
+      title: esp.lang("event/tms_check_code", "ticket")
+    },
+    {
+      id: 2,
+      title: esp.lang("event/tms_check_code", "code")
+    }
+  ]
+
+  function renderTabs(item: any, i: number) {
+    let tabsLength = 2
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        setTab(item)
+      }}>
+        <View style={applyStyle({ height: 43, width: LibStyle.width / tabsLength, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
+          <Text allowFontScaling={false} style={{
+            width: LibStyle.width / tabsLength, fontFamily: "Arial", fontSize: tab?.id == item?.id ? 16 : 14,
+            fontWeight: tab?.id == item?.id ? "bold" : "normal",
+            fontStyle: "normal", letterSpacing: 0, textAlign: "center",
+            color: tab?.id == item.id ? "#51b596" : "#c5c5c5"
+          }}>{item.title}</Text>
+          <View style={{ marginTop: 2, width: 5, height: 5, borderRadius: 2.5, alignItems: 'center', justifyContent: 'center', backgroundColor: LibStyle.colorRed, opacity: item?.total > 0 ? 1 : 0 }} />
+          <View style={{ width: (LibStyle.width / tabsLength) - 20, height: 3, backgroundColor: tab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: 0 }} />
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <EventHeader title={tab?.title} />
+      <View style={{ flexDirection: 'row' }}>
+        {
+          tabs?.map(renderTabs)
+        }
+      </View>
+      {
+        tab?.id == 1 ?
+          <EventTms_check_ticket event_id={event_id} gate={gate} />
+          :
+          <ScrollView>
+            <View style={[{ margin: 15, backgroundColor: 'white', padding: 15, paddingTop: 8, borderRadius: 5 }, LibStyle.elevation(2)]}>
+              <EventLabel_input label={esp.lang("visitor/index", "label_input_code")} mandatory />
+              <LibInput_circle2
+                ref={inputAccessCode}
+                onSubmitEditing={() => doSubmit()}
+                blurOnSubmit
+                returnKeyType="done"
+                autoCapitalize='characters'
+                // autoFocus
+                style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderRadius: 5 }}
+                placeholder={esp.lang("visitor/index", "placeholder_input_code")}
+              />
+              <TouchableOpacity onPress={() => { doSubmit() }}>
+                <View style={{ marginTop: 20, height: 35, borderRadius: 5, backgroundColor: "#6c432c", justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
+                  <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("visitor/index", "submit")}</Text>
+                </View>
+              </TouchableOpacity>
+            </View>
+            {
+              result &&
+              <View style={[{ marginTop: 0, margin: 15, backgroundColor: 'white', padding: 15, paddingTop: 8, borderRadius: 5 }, LibStyle.elevation(2)]}>
+                <Text allowFontScaling={false} style={{ fontSize: 18, letterSpacing: 1.5, fontWeight: 'bold' }}>{esp.lang("event/tms_check_code", "input_code", String(inputAccessCode?.current?.getText?.()))}</Text>
+                {/* <LibTextstyle text={esp.lang("event/tms_check_code", "input_code", String(inputAccessCode?.current?.getText?.()))} textStyle="headline" style={{ fontWeight: 'bold' }} /> */}
+                {
+                  result?.data?.hasOwnProperty("price_name") && result?.data?.price_name != "" &&
+                  <Text allowFontScaling={false} style={{ fontSize: 16, letterSpacing: 1, marginTop: 4 }}>{result?.data?.price_name}</Text>
+                }
+                {
+                  result?.data?.hasOwnProperty("title") && result?.data?.title != "" &&
+                  <Text allowFontScaling={false} style={{ fontSize: 16, letterSpacing: 1, marginTop: 4 }}>{result?.data?.title}</Text>
+                }
+                {
+                  result?.data?.hasOwnProperty("event_name") && result?.data?.event_name != "" &&
+                  <LibTextstyle text={result?.data?.event_name} textStyle="m_overline" style={{ marginVertical: 5, fontSize: 12 }} />
+                }
+                {
+                  result?.data?.hasOwnProperty("exhibitor_name") && result?.data?.exhibitor_name != "" &&
+                  <LibTextstyle text={result?.data?.exhibitor_name} textStyle="headline" style={{ fontWeight: 'bold' }} />
+                }
+                <LibTextstyle text={result?.info} textStyle="m_body1" style={{ lineHeight: 20, marginTop: 10 }} />
+              </View>
+            }
+          </ScrollView>
+      }
+    </View>
+  )
+}

package/event/tms_check_ticket.tsx

@@ -0,0 +1,72 @@
+// withHooks
+
+import { LibInput_circle2 } from 'esoftplay/cache/lib/input_circle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/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 React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventTms_check_ticketArgs {
+
+}
+export interface EventTms_check_ticketProps {
+  event_id: string,
+  gate?: any
+}
+export default function m(props: EventTms_check_ticketProps): any {
+  let inputAccessCode = React.useRef<LibInput_circle2>(null)
+
+  function doSubmit() {
+
+    inputAccessCode.current?.blur()
+    if (inputAccessCode.current?.getText() == '') {
+      LibToastProperty.show(esp.lang("visitor/index", "alert_error_not_empty_code"))
+      inputAccessCode.current?.focus()
+      return
+    }
+    LibNavigation.navigate('event/tms_check_ticket_result', { selectGate: props?.gate, event_id: props?.event_id, qr: inputAccessCode.current?.getText().toUpperCase() })
+
+  }
+
+  return (
+    <LibKeyboard_avoid style={{ flex: 1 }}>
+      <View style={{ flex: 1, margin: 15, backgroundColor: '#fff', borderRadius: 10, ...LibStyle.elevation(2) }}>
+        <ScrollView style={{ flex: 1 }}>
+          <TouchableOpacity onPress={() => {
+            LibNavigation.navigate('component/scanner', { selectGate: props?.gate, event_id: props?.event_id, fromPage: "event/tms_check_ticket" })
+          }}>
+            <View style={{ width: LibStyle.width - 30, overflow: 'hidden', borderTopLeftRadius: 10, borderTopRightRadius: 10, height: LibStyle.height * 0.5, backgroundColor: '#b8b7bf', justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+              <LibPicture source={esp.assets('icons/ic_barcode_white.png')} style={{ height: 250, width: 250 }} />
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 10, color: '#fff' }}>{esp.lang("transfer/index", "klik_here")}</Text>
+            </View>
+          </TouchableOpacity>
+          <Text allowFontScaling={false} style={{ opacity: 0.7, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 20 }}>{esp.lang("event/tms_check_ticket", "scan_qr_ticket")}</Text>
+          <Text allowFontScaling={false} style={{ opacity: 0.6, fontFamily: "Arial", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", marginTop: 17 }}>{esp.lang("transfer/index", "or")}</Text>
+
+          <LibInput_circle2
+            ref={inputAccessCode}
+            onSubmitEditing={() => doSubmit()}
+            blurOnSubmit
+            returnKeyType="done"
+            autoCapitalize='characters'
+            // autoFocus
+            style={{ borderColor: '#c4c4c4', height: 35, margin: 15, borderRadius: 5 }}
+            placeholder={esp.lang("event/tms_check_ticket", "input_code")}
+          />
+
+        </ScrollView>
+
+        <TouchableOpacity onPress={() => { doSubmit() }}>
+          <View style={{ margin: 15, marginTop: 20, height: 35, borderRadius: 5, backgroundColor: "#6c432c", justifyContent: 'center', alignItems: 'center', paddingHorizontal: 9 }} >
+            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, textAlign: "center", textAlignVertical: 'center', color: 'white', marginRight: 13, marginLeft: 10 }} >{esp.lang("visitor/index", "submit")}</Text>
+          </View>
+        </TouchableOpacity>
+      </View >
+    </LibKeyboard_avoid>
+  )
+}