esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/bigbang/card.tsx

@@ -0,0 +1,214 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { ComponentCard } from 'esoftplay/cache/component/card/import';
+import { ComponentHeader_home } from 'esoftplay/cache/component/header_home/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { ComponentQr_bg } from 'esoftplay/cache/component/qr_bg/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibList } from 'esoftplay/cache/lib/list/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 { UseCondition } from 'esoftplay/cache/use/condition/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import { EventVisitor_history_item } from 'esoftplay/cache/event/visitor_history_item/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import React, { useEffect } from 'react';
+import { Pressable, Text, TouchableOpacity, View } from 'react-native';
+import QRCode from 'react-native-qrcode-svg';
+
+
+export interface BigbangCardProps {
+  copilotEvents?: any,
+  start?: () => void,
+}
+
+
+
+export default function m(): any {
+  const user = UserClass.state().useSelector(state => state)
+  let showQR = React.useRef<ComponentSlidingup>(null)
+  const [error, setError] = useSafeState('')
+  const [data, setData] = EventIndexProperty.stateTicketCache().useState()
+  const [badge, setBadge] = useSafeState<number>(0)
+
+  function doAction(url: string, type: string, item: any): void {
+    if (type != '2' && type != '3') {
+      LibNavigation.navigate('event/order_detail', { url: url })
+    } else {
+      LibProgress.show(esp.lang("bigbang/card", "progress"))
+      new LibCurl(url, null, (res) => {
+        LibProgress.hide()
+        if (type == '2') {
+          LibNavigation.navigate('event/visitor_input', { data: res, url: url })
+        } else if (type == '3') {
+          if (res.image == '') {
+            LibNavigation.navigate('event/visitor_edit', { data: res })
+          } else {
+            LibNavigation.navigate('staff/id_card', { data: res, withUser: 'y' })
+          }
+        }
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("bigbang/card", "warning"), error?.message)
+      })
+    }
+  }
+
+  function loadData() {
+    new LibCurl('event_idcard', {
+      options_url_expansion: 1,
+      options_no_limit: 1,
+    },
+      (res: Result, msg) => {
+        setData(res)
+      }, (msg) => {
+        setData([])
+        setError(msg.message)
+      }, 1)
+  }
+
+  EventIndexProperty.reload.useSubscribe(() => {
+    loadData()
+  })
+
+  useEffect(() => {
+    loadData()
+    loadBadgeWaitingOrder()
+  }, [])
+
+  function loadBadgeWaitingOrder() {
+    new LibCurl('event_order_waiting_notification', null, (res, msg) => {
+      setBadge(res?.waiting)
+    }, (error) => {
+
+    }, 1)
+  }
+
+
+  function renderItem(item: any) {
+    return (
+      <EventVisitor_history_item item={item} doAction={() => {
+        doAction(item.url, item.type, item)
+      }} />
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <View style={{ position: 'relative', top: 0, left: 0, right: 0, backgroundColor: '#FFC523' }} >
+        <ComponentHeader_home onPress={() => { }} title={esp.lang("bigbang/card", "header_title")} cart />
+      </View>
+      <ComponentCard image={user && user.image} email={user && user.email} name={user && user?.name} qr_value={user && user?.qr_name} onPress={() => {
+        if (user?.qr_name != "" && user?.qr_name != null) {
+          LibNavigation.navigate('component/qr_user')
+          // showQR.current?.show()
+        }
+      }} />
+      <View style={{ flex: 1 }} >
+        <LibList
+          data={data || []}
+          onRefresh={() => {
+            loadData()
+            loadBadgeWaitingOrder()
+          }}
+          renderItem={renderItem}
+          ListHeaderComponent={
+            <>
+              {
+                badge > 0 &&
+                <Pressable onPress={() => {
+                  LibNavigation.navigate('event/order_waiting')
+                }} style={{ padding: 7, margin: 15, backgroundColor: '#fff', marginBottom: 0, borderRadius: 5, borderWidth: 1, borderColor: LibStyle.colorPrimary, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                  <Text allowFontScaling={false} style={{ marginLeft: 8 }}>{esp.lang("event/order", "wawit")}</Text>
+                  <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                    {
+                      badge != 0 &&
+                      <View style={{ backgroundColor: LibStyle.colorRed, height: 17, padding: 5, paddingVertical: 2, borderRadius: 10, alignContent: 'center', alignItems: 'center' }}>
+                        <Text allowFontScaling={false} style={{ fontFamily: "ArialBold", fontSize: 12, letterSpacing: 0, color: "#ffffff" }}>{badge > 99 ? "99+" : LibUtils.number(badge)}</Text>
+                      </View>
+                    }
+                    <LibIcon name='chevron-right' />
+                  </View>
+                </Pressable>
+              }
+            </>
+          }
+          ListEmptyComponent={
+            <ComponentMessage message={error} />
+          }
+          ListFooterComponent={
+            <UseCondition if={data?.length > 0}>
+              <Pressable onPress={() => {
+                LibNavigation.navigate("notification/index", { stab: 1 })
+                /* stab adalah index dari tab yg akan dibuka */
+              }}>
+                <View style={applyStyle({ marginBottom: 20, marginTop: 15, justifyContent: 'center', alignSelf: 'center', width: 104, height: 23, borderRadius: 11.5, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#e1e1e1" })}>
+                  <Text allowFontScaling={false} style={applyStyle({ alignSelf: 'center', textAlign: 'center', fontFamily: "Arial", fontSize: 11, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#9b9b9b" })}>{esp.lang("bigbang/card", "show_other")}</Text>
+                </View>
+              </Pressable>
+            </UseCondition>
+          }
+        />
+      </View>
+      <TouchableOpacity onPress={() => {
+        LibNavigation.navigate('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>
+      <ComponentSlidingup ref={showQR}>
+        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingHorizontal: 19, height: 300, paddingTop: 10 }}>
+          <ComponentQr_bg>
+            <View style={{ margin: 10, alignSelf: 'center' }}>
+              <QRCode ecl="H" size={200} value={user?.qr_name} />
+            </View>
+          </ComponentQr_bg>
+          <Text allowFontScaling={false} style={{ marginTop: 0, padding: 15, alignSelf: 'center', fontFamily: "Arial", fontSize: 18, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0 }}>{user?.qr_name}</Text>
+        </View>
+      </ComponentSlidingup>
+    </View >
+  )
+}
+
+
+export interface Result {
+  list: ResultList[];
+  total: number;
+  pages: number;
+}
+
+
+export interface ResultList {
+  id: string;
+  code: string;
+  event_id: string;
+  created: string;
+  status: string;
+  exhibitor_id: string;
+  exhibitor_name: string;
+  type: number;
+  weight: number;
+  type_name: string;
+  type_background: string;
+  color: string;
+  url: string;
+  event_name: string;
+  image: string;
+  start_date: string;
+  start_time: string;
+  end_date: string;
+  end_time: string;
+  timezone: string;
+}
+

package/modules/bigbang/card_history.tsx

@@ -0,0 +1,63 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { EventVisitor_history_item } from 'esoftplay/cache/event/visitor_history_item/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { View } from 'react-native';
+
+
+export interface BigbangCard_historyArgs {
+
+}
+export interface BigbangCard_historyProps {
+
+}
+export default function m(props: BigbangCard_historyProps): any {
+
+  function doAction(url: string, type: string): void {
+    new LibCurl(url, null, (res) => {
+      if (type == '2') {
+        LibNavigation.navigate('event/visitor_input', { data: res, url: url })
+      } else if (type == '3') {
+        if (res.image == '') {
+          LibNavigation.navigate('event/visitor_edit', { data: res })
+        } else {
+          LibNavigation.navigate('staff/id_card', { data: res, withUser: 'y' })
+        }
+      } else {
+        LibNavigation.navigate('event/order_detail', { url: url })
+      }
+    }, (error) => {
+      LibDialog.warning(esp.lang("bigbang/card", "warning"), error?.message)
+    })
+  }
+
+  function renderItem(item: any) {
+    return (
+      <EventVisitor_history_item item={item} doAction={() => doAction(item.url, item.type)} />
+    )
+  }
+
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <ComponentHeader title={esp.lang("bigbang/card_history", "title")} />
+      <LibInfinite
+        url={'event_idcard_history?t=' + new Date().getTime()}
+        // injectData={cache}
+        // onDataChange={(data, page) => { if (page == 0) setCache(data) }}
+        errorView={(error: any) => (
+          <ComponentMessage message={error} />
+        )}
+        renderItem={renderItem}
+      />
+    </View>
+  )
+}

package/modules/bigbang/cat_item.tsx

@@ -0,0 +1,26 @@
+// withHooks 
+// noPage
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+
+export interface BigbangCat_itemProps {
+  text: string,
+  image: string,
+  onPress: () => void
+}
+
+export default function m(props: BigbangCat_itemProps): any {
+  return (
+    <ComponentTouchable onPress={props.onPress} >
+      <View style={{ alignItems: 'center' }} >
+        <LibPicture style={{ height: 32, width: 32, marginBottom: 8, resizeMode: 'contain' }} source={props.image == "" ? esp.assets('ppob/other.png') : { uri: props.image }} />
+        <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 9, textAlign: "center", color: "#9e9e9e" }} >{props.text}</Text>
+      </View>
+    </ComponentTouchable>
+  )
+}

package/modules/bigbang/check_code.tsx

@@ -0,0 +1,161 @@
+// withHooks
+
+import { applyStyle } from 'esoftplay';
+import { EventTms_check_ticket } from 'esoftplay/cache/event/tms_check_ticket/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/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, 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("event/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("event/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 (
+      <ComponentTouchable 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>
+      </ComponentTouchable>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: LibStyle.colorBgGrey }}>
+      <ComponentHeader 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)]}>
+              <ComponentLabel_input label={esp.lang("event/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("event/visitor_index", "placeholder_input_code")}
+              />
+              <ComponentTouchable 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("event/visitor_index", "submit")}</Text>
+                </View>
+              </ComponentTouchable>
+            </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/modules/bigbang/check_ticket.tsx

@@ -0,0 +1,73 @@
+// withHooks
+
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/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';
+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, 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("event/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 }}>
+          <ComponentTouchable 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>
+          </ComponentTouchable>
+          <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>
+
+        <ComponentTouchable 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("event/visitor_index", "submit")}</Text>
+          </View>
+        </ComponentTouchable>
+      </View >
+    </LibKeyboard_avoid>
+  )
+}