esoftplay-event 0.0.2 → 0.0.3

package/event/visitor_index.tsx

@@ -9,15 +9,14 @@ import { LibInfinite } from 'esoftplay/cache/lib/infinite/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 { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import esp from 'esoftplay/esp';
 import useSafeState from 'esoftplay/state';
 
-import { EventInput_rectangle } from 'esoftplay/cache/event/input_rectangle/import';
-import { EventLabel_input } from 'esoftplay/cache/event/label_input/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import useLazyState from 'esoftplay/lazy';
 import React, { useEffect, useRef } from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
+import { Pressable, Text, TouchableOpacity, View } from 'react-native';
 
 export interface EventVisitor_indexArgs {
 
@@ -30,8 +29,9 @@ export default function m(props: EventVisitor_indexProps): any {
   const url = 'event_history'
   const [argsCode, setArgsCode] = useSafeState(code)
   const [isExist, setIsExist] = useSafeState(0)
+  const [types, setTypes] = useLazyState<any>(undefined)
+  const [activeType, setActiveType] = useLazyState<any>()
   const ref = useRef<LibInfinite>(null)
-  let inputAccessCode = React.useRef<EventInput_rectangle>(null)
 
   function loadButtonHistoryExist() {
     new LibCurl('event_history_history_exists', null, (res, msg) => {
@@ -41,10 +41,22 @@ export default function m(props: EventVisitor_indexProps): any {
     })
   }
 
+  function loadCategories() {
+    new LibCurl('event_history_cat', null, (res, msg) => {
+      setTypes(res)
+      setActiveType(res?.[0])()
+    }, (error) => { })
+  }
+
+  function buildUrl(type: any): string {
+    return type?.url || url
+  }
+
   useEffect(() => {
+    loadCategories()
     loadButtonHistoryExist()
+
     if (argsCode) {
-      inputAccessCode?.current?.setText(argsCode)
       LibUtils.debounce(() => {
         doSubmit()
       }, 200)
@@ -74,19 +86,15 @@ export default function m(props: EventVisitor_indexProps): any {
 
   function doSubmit(): void {
     if (!argsCode) {
-      if (inputAccessCode?.current?.getText() == '') {
-        LibToastProperty.show(esp.lang("event/visitor_index", "alert_error_not_empty_code"))
-        return
-      }
+      return
     }
     var post = {
-      access_code: argsCode ? argsCode : inputAccessCode?.current?.getText().toUpperCase()
+      access_code: argsCode
     }
     LibProgress.show(esp.lang("event/visitor_index", "waiting_msg"))
     new LibCurl('event_exhibitor_code', post, (res, msg) => {
       setArgsCode(undefined) // reset code supaya pas textbox kosong tidak bisa submit
       ref.current?.loadData()
-      inputAccessCode.current?.setText("")
       if (res.hasOwnProperty('qty')) {
         new LibCurl(res?.url, null, (result, msg) => {
           LibNavigation.navigate('event/visitor_input', { data: result, msg: msg, url: res.url })
@@ -114,51 +122,45 @@ export default function m(props: EventVisitor_indexProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
-      <EventHeader title={esp.lang("event/visitor_index", "title_input_code")} subtitle={esp.lang("event/visitor_index", "subtitle_input_code")} />
+      <EventHeader title={esp.lang("event/visitor_index", "header_title")} />
+      <>
+        {
+          types && types?.length > 0 &&
+          <View style={[{ flexDirection: "row", alignItems: "center", marginHorizontal: 15, marginTop: 10 }]}>
+            {
+              types?.map?.((item: any, index: number) => {
+                const tabsLength = types?.length
+                const itemWidth = (LibStyle.width - 30) / tabsLength
+                return (
+                  <Pressable key={index} onPress={() => {
+                    setActiveType(item)()
+                  }}>
+                    <View key={index} style={applyStyle({ height: 43, width: itemWidth, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
+                      <Text allowFontScaling={false} style={{
+                        width: itemWidth, fontFamily: "Arial", fontSize: item?.type == activeType?.type ? 13 : 12,
+                        fontWeight: item?.type == activeType?.type ? "bold" : "normal",
+                        fontStyle: "normal", letterSpacing: 0, textAlign: "center",
+                        color: item?.type == activeType?.type ? "#51b596" : "#c5c5c5"
+                      }}>{item.title}</Text>
+                      <View style={{ width: (itemWidth) - 20, height: 3, backgroundColor: item?.type == activeType?.type ? "#51b596" : "#fff", position: 'absolute', bottom: 0 }} />
+                    </View>
+                  </Pressable>
+                )
+              })
+            }
+          </View>
+        }
+      </>
       <LibInfinite
         ref={ref}
         // isDebug={1}
-        ListHeaderComponent={
-          <>
-            <View style={{ flexDirection: 'row', borderRadius: 10, backgroundColor: '#FEFBEB', borderColor: "#FFCC29", borderWidth: 1, borderStyle: 'dashed', alignContent: 'center', alignItems: 'center', margin: 15, marginBottom: 0, padding: 10 }}>
-              <Text allowFontScaling={false} style={{ flex: 1, fontFamily: "Arial", fontSize: 12, fontStyle: "normal", letterSpacing: 0 }} >{esp.lang("event/visitor_index", "please_input_your_exhibitor_code")}</Text>
-            </View>
-
-
-            <View style={[{ margin: 15, backgroundColor: 'white', padding: 15, paddingTop: 8 }, LibStyle.elevation(2)]}>
-              <EventLabel_input label={esp.lang("event/visitor_index", "label_input_code")} mandatory />
-              <EventInput_rectangle
-                ref={inputAccessCode}
-                placeholder={esp.lang("event/visitor_index", "input_code")}
-                style={{ borderRadius: 3, height: 35 }}
-                autoCapitalize='characters'
-                returnKeyType='go'
-                onSubmitEditing={() => {
-                  inputAccessCode.current!.blur()
-                  doSubmit()
-                }}
-                blurOnSubmit
-              />
-
-              <TouchableOpacity onPress={() => {
-                inputAccessCode.current!.blur()
-                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("event/visitor_index", "submit")}</Text>
-                </View>
-              </TouchableOpacity>
-            </View>
-
-            <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 14, margin: 15, marginBottom: 0 }} >{esp.lang("event/visitor_index", "history")}</Text>
-          </>
-        }
+        key={buildUrl(activeType)}
         errorView={(err: any) => (
           <View style={{ margin: 15 }}>
             <EventMessage message={err} />
           </View>
         )}
-        url={url}
+        url={buildUrl(activeType)}
         renderItem={renderItem}
         ListEndedComponent={
           esp.isDebug('') && isExist == 1 &&
@@ -170,6 +172,15 @@ export default function m(props: EventVisitor_indexProps): any {
         }
       />
 
+      <TouchableOpacity onPress={() => {
+        LibNavigation.replace('bigbang/input_code')
+      }} style={{ padding: 5, /* ...LibStyle.elevation(3), */ position: 'absolute', right: 0, bottom: 30, borderTopLeftRadius: 35, borderBottomLeftRadius: 35, backgroundColor: esp.isDebug("ini memang isDebug, tapi jangan di hapus") ? 'rgba(0, 191, 99, 0.1618)' : 'rgba(255, 197, 35, 0.1618)' }}>
+        <View style={{ padding: 5, backgroundColor: LibStyle.colorPrimary, ...LibStyle.elevation(3), borderRadius: 30, alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+          <LibPicture source={esp.assets('icons/ic_input.png')} style={{ marginTop: 1, height: 13, width: 26 }} />
+          <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: '#000', marginTop: 2, fontSize: 9 }}>{"Code"}</Text>
+        </View>
+      </TouchableOpacity>
+
     </View >
   )
 }