esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/chat/loading.tsx

@@ -0,0 +1,82 @@
+// withHooks
+
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibSkeleton } from 'esoftplay/cache/lib/skeleton/import';
+import { LibStatusbar } from 'esoftplay/cache/lib/statusbar/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { UserClass } from 'esoftplay/cache/user/class/import';
+import esp from 'esoftplay/esp';
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+import { ChattingItemAttach } from '../chatting/chat';
+
+
+export interface ChatLoadingArgs {
+
+}
+export interface ChatLoadingProps {
+
+}
+export default function m(props: ChatLoadingProps): any {
+  const { user_id } = LibNavigation.getArgsAll(props)
+
+  function openChat(chat_to: string, chat_id?: string, group_id?: string, attach?: ChattingItemAttach): void {
+    const user = UserClass.state().get()
+    if (!user) {
+      LibToastProperty.show(esp.lang("chat_new/chat", "need_login"))
+      return
+    }
+    if (!chat_to) {
+      LibToastProperty.show(esp.lang("chat_new/chat", "empty"))
+      return
+    }
+    if (!chat_id) {
+      // LibProgress.show(esp.lang("chat_new/chat", "progress"))
+      const ChattingLib = esp.mod('chatting/lib')
+      ChattingLib().getChatId(chat_to, group_id || '4', (chat_id: string) => {
+        if (chat_id) {
+          // LibProgress.hide()
+          LibNavigation.replace("chat/chat", { chat_id, chat_to, group_id, attach })
+        } else {
+          // LibProgress.hide()
+          LibNavigation.replace("chat/chat", { chat_id, chat_to, group_id, attach })
+        }
+      })
+    } else {
+      LibNavigation.replace("chat/chat", { chat_id, chat_to, group_id, attach })
+    }
+  }
+
+  useEffect(() => {
+    openChat(user_id)
+  }, [])
+
+  return (
+    <View style={{ flex: 1 }}>
+      <LibStatusbar style="dark" />
+      <LibSkeleton>
+        <View style={{ marginTop: LibStyle.STATUSBAR_HEIGHT }} />
+        <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+          <View style={{ flex: 1, flexDirection: 'row' }}>
+            <LibSkeleton.Circle size={33} />
+            <LibSkeleton.BoxFlex size={33} />
+          </View>
+          <LibSkeleton.Box size={33} />
+        </View>
+        <View style={{ flexDirection: 'row' }} >
+          <LibSkeleton.BoxFlex size={90} />
+        </View>
+        <View style={{}} >
+          <LibSkeleton.BoxHalf size={100} />
+        </View>
+        <View style={{ justifyContent: 'flex-end', flexDirection: 'row' }} >
+          <LibSkeleton.BoxFlex size={90} />
+        </View>
+        <View style={{ flexDirection: 'row', justifyContent: 'flex-end' }} >
+          <LibSkeleton.BoxHalf size={100} />
+        </View>
+      </LibSkeleton>
+    </View>
+  )
+}

package/modules/chat/menu.tsx

@@ -0,0 +1,23 @@
+// withHooks 
+// noPage
+
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+
+import React from 'react';
+import { Text, View } from 'react-native';
+
+export interface ChatMenuProps {
+  text: string,
+  active: boolean,
+  onPress: () => void,
+  couter?: number
+}
+export default function m(props: ChatMenuProps): any {
+  return (
+    <ComponentTouchable onPress={() => props.onPress()} >
+      <View style={{ alignItems: 'center' }} >
+        <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: props.active ? "#f39c12" : "#dcdcdc", marginTop: 4 }} >{props.text}</Text>
+      </View>
+    </ComponentTouchable>
+  )
+}

package/modules/community/achievement.tsx

@@ -0,0 +1,195 @@
+// withHooks
+import { CommunityExperienceProperty } from 'esoftplay/cache/community/experience/import';
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input2 } from 'esoftplay/cache/component/label_input2/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibDatepicker } from 'esoftplay/cache/lib/datepicker/import';
+import { LibImage } from 'esoftplay/cache/lib/image/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import moment from 'esoftplay/moment';
+import React, { useEffect, useRef } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+moment().locale('id')
+
+
+export interface CommunityAchievementProps {
+
+}
+export interface CommunityAchievementArgs {
+  edit: any
+  community_id: any
+}
+export default function m(props: CommunityAchievementProps): any {
+  const { edit, community_id } = LibNavigation.getArgsAll(props)
+
+  const inputTitle = useRef<LibInput_rectangle2>(null)
+  const inputInstansi = useRef<LibInput_rectangle2>(null)
+  const inputYear = useRef<LibInput_rectangle2>(null)
+  const inputDocs = useRef<LibInput_rectangle2>(null)
+  const dialogYearPicker = useRef<ComponentSlidingup>(null)
+
+  const [getMonth, setGetMonth] = useSafeState<any>('')
+  const [getYear, setGetYear] = useSafeState<any>('')
+  const [date, setDate] = useSafeState<any>(moment().add(-20, 'years').localeFormat('YYYY-MM-DD'))
+  const [docs, setDocs] = useSafeState<any>('')
+
+  const sendBackResult = LibNavigation.useBackResult(props)
+
+  useEffect(() => {
+    if (edit) {
+      setDate(edit.achievement_start_year + "-" + edit.achievement_start_month + "-" + "01")
+      inputTitle.current?.setText(edit.achievement_title)
+      inputInstansi.current?.setText(edit.achievement)
+      inputYear.current?.setText(CommunityExperienceProperty.setNameMonth(edit.achievement_start_month) + " " + edit.achievement_start_year)
+      setGetMonth(edit.achievement_start_month)
+      setGetYear(edit.achievement_start_year)
+      setDocs(edit.achievement_image)
+      if (edit.achievement_image != "") {
+        inputDocs.current?.setText(esp.lang("community/achievement", "doc_uploaded"))
+      }
+    }
+  }, [])
+
+
+  function sendBack() {
+    if (checkInputs()) {
+      let acv = {
+        achievement_id: edit ? edit.achievement_id : 0,
+        achievement_title: inputTitle.current?.getText(),
+        achievement: inputInstansi.current?.getText(),
+        achievement_start_month: getMonth,
+        achievement_start_year: getYear,
+        achievement_end_month: "",
+        achievement_end_year: "",
+        achievement_image: docs
+      }
+
+      sendBackResult(acv)
+    }
+  }
+
+  function checkInputs() {
+    if (inputTitle.current?.getText() == "") {
+      inputTitle.current?.setError(esp.lang("community/achievement", "text_input_achievement"))
+      inputTitle.current?.focus()
+      return false
+    }
+    if (inputInstansi.current?.getText() == "") {
+      inputInstansi.current?.setError(esp.lang("community/achievement", "text_input_instance"))
+      inputInstansi.current?.focus()
+      return false
+    }
+    if (inputYear.current?.getText() == "") {
+      inputYear.current?.setError(esp.lang("community/achievement", "text_input_year"))
+      inputYear.current?.focus()
+      return false
+    }
+
+    return true
+  }
+
+  return (
+    <LibKeyboard_avoid style={{ flex: 1 }}>
+      <ComponentHeader title={esp.lang("community/achievement", "header_title")} notif />
+      <ScrollView >
+        <View style={{ marginTop: 4, paddingHorizontal: 16, paddingBottom: 16, backgroundColor: 'white' }} >
+          <ComponentLabel_input2 label={esp.lang("community/achievement", "label_achievement")} />
+          <LibInput_rectangle2
+            ref={inputTitle}
+            placeholder={esp.lang("community/achievement", "placeholder_achievement")}
+            returnKeyType="next"
+            onSubmitEditing={() => {
+              inputInstansi.current?.focus()
+            }}
+            style={{ marginTop: 8, borderRadius: 4 }}
+          />
+
+          <ComponentLabel_input2 label={esp.lang("community/achievement", "label_instance")} />
+          <LibInput_rectangle2
+            ref={inputInstansi}
+            placeholder={esp.lang("community/achievement", "placeholder_instance")}
+            returnKeyType="next"
+            onSubmitEditing={() => {
+              dialogYearPicker.current?.show()
+            }}
+            style={{ marginTop: 8, borderRadius: 4 }}
+          />
+
+          <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+            <View>
+              <ComponentLabel_input2 label={esp.lang("community/achievement", "label_year")} />
+              <ComponentTouchable onPress={() => { dialogYearPicker.current?.show() }}>
+                <LibInput_rectangle2
+                  ref={inputYear}
+                  keyboardType={"numeric"}
+                  editable={false}
+                  returnKeyType="next"
+                  placeholder={esp.lang("community/achievement", "placeholder_year")}
+                  style={{ marginTop: 8, borderRadius: 4, width: LibStyle.width * 0.5 - 40 }}
+                />
+              </ComponentTouchable>
+            </View>
+          </View>
+
+          <ComponentLabel_input2 label={esp.lang("community/achievement", "label_docs")} mandatory />
+          <View style={{ flexDirection: 'row' }}>
+            <View style={{ flex: 8 }}>
+              <LibInput_rectangle2
+                ref={inputDocs}
+                editable={false}
+                style={{ borderColor: '#c4c4c4', height: 35, marginTop: 8, borderTopLeftRadius: 4, borderBottomLeftRadius: 4 }}
+                placeholder={esp.lang("community/achievement", "placeholder_docs")}
+              />
+              <ComponentTouchable onPress={() => { docs != '' && LibNavigation.navigate('lib/gallery', { image: docs }) }}>
+                <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: docs != '' ? '#34a2ec' : '#ff0000' }} >{docs != "" ? esp.lang("community/achievement", "show_file") : esp.lang("community/achievement", "format_file")}</Text>
+              </ComponentTouchable>
+            </View>
+            <View >
+              <ComponentTouchable onPress={() => {
+                LibImage.fromGallery().then((image) => {
+                  inputDocs.current?.setText(esp.lang("community/achievement", "alert_success_upload"))
+                  setDocs(image)
+                })
+              }}>
+                <View style={{ borderTopRightRadius: 4, borderBottomRightRadius: 4, marginTop: 8, width: 68, height: 35, borderWidth: 1, borderColor: '#45C9AF', backgroundColor: "#ECFEF8", alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}>
+                  <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#45C9AF' }}>{docs != "" ? esp.lang("community/achievement", "change") : esp.lang("community/achievement", "upload")}</Text>
+                </View>
+              </ComponentTouchable>
+              <Text allowFontScaling={false} style={{ marginTop: 5, fontFamily: "Arial", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: docs != '' ? '#34a2ec' : '#ff0000' }} >{docs != "" ? esp.lang("community/achievement", "file_attached") : esp.lang("community/achievement", "nofile")}</Text>
+            </View>
+          </View>
+
+        </View>
+        <ComponentButton label={esp.lang("community/achievement", "label_button")} backgroundColor="#45c9af" onPress={() => {
+          sendBack()
+        }} style={{ height: 48, borderRadius: 24, marginVertical: 15, marginHorizontal: 16 }} />
+      </ScrollView>
+
+      <ComponentSlidingup ref={dialogYearPicker}>
+        <View style={{ backgroundColor: 'white', paddingBottom: 25, height: 230 }}>
+          <LibDatepicker
+            minDate={moment().add(-50, 'years').localeFormat('YYYY-MM-DD')}
+            maxDate={moment().localeFormat('YYYY-MM-DD')}
+            onDateChange={(date: any) => {
+              setGetMonth(moment(date).localeFormat('MM'))
+              setGetYear(moment(date).localeFormat('YYYY'))
+              inputYear.current?.setText(moment(date).localeFormat('MMMM YYYY'))
+              dialogYearPicker.current?.hide()
+            }}
+            selectedDate={date}
+            type={"month"}
+          />
+        </View>
+      </ComponentSlidingup>
+
+    </LibKeyboard_avoid>
+  )
+}

package/modules/community/banned.tsx

@@ -0,0 +1,64 @@
+// 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 { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+
+export interface CommunityBannedArgs {
+
+}
+export interface CommunityBannedProps {
+
+}
+export default function m(props: CommunityBannedProps): any {
+  const [result, setResult] = useSafeState<any>()
+  const [error, setError] = useSafeState<any>()
+
+  const { url } = LibNavigation.getArgsAll(props)
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData(): void {
+    new LibCurl(url, null, (res) => {
+      setResult(res)
+    }, (error) => {
+      setError(error)
+
+
+    }, 1)
+  }
+
+  if (error) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#fff' }}>
+        <ComponentHeader title={esp.lang("community/banned", "header_title_error")} />
+        <ComponentMessage message={error?.message} />
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("community/banned", "header_title")} />
+      {
+        result ?
+          <>
+            <ComponentMessage message={result?.message_banned}
+            />
+
+          </>
+          :
+          <LibLoading />
+      }
+    </View>
+  )
+}

package/modules/community/category.tsx

@@ -0,0 +1,71 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+
+export interface CommunityCategoryProps {
+
+}
+export default function m(props: CommunityCategoryProps): any {
+
+  const item = LibNavigation.getArgs(props, 'item')
+  const [result, setResult] = useSafeState<any>()
+  const exclude = LibNavigation.getArgs(props, 'exclude', [])
+
+  useEffect(() => {
+    new LibCurl('community_category?par_id=' + item.id, null,
+      (res, msg) => {
+        setResult(res)
+      },
+      (msg) => {
+      }
+    )
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function backForResult(value: any): void {
+    const communityCat = {
+      community_cat_id: value.id,
+      community_cat: value.title
+    }
+    LibNavigation.sendBackResult(communityCat)
+  }
+
+  function renderItem(item: any, i: number) {
+    return (
+      <ComponentTouchable key={i} onPress={() => {
+        backForResult(item)
+      }}>
+        <View style={styleId_ZyAEJP}>
+          <LibPicture source={{ uri: item.image }} style={styleId_ZSWdsW} />
+          <Text allowFontScaling={false} style={styleId_Z1OQcLj}>{item.title}</Text>
+        </View>
+        <View style={styleId_7al7G} />
+      </ComponentTouchable>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }} >
+      <ComponentHeader title={esp.lang("community/category", "header_title")} />
+      <ScrollView showsVerticalScrollIndicator={false} >
+        {
+          result && result.length > 0 && result.filter((item: any) => !exclude.some((_item: number) => item.id == _item)).map(renderItem)
+        }
+      </ScrollView>
+    </View>
+  )
+}
+const styleId_ZyAEJP: any = { flexDirection: 'row', height: 35, alignContent: 'center', alignItems: 'center', marginRight: 30, margin: 10 }
+const styleId_ZSWdsW: any = { width: 35, height: 35, resizeMode: 'cover' }
+const styleId_Z1OQcLj: any = { marginLeft: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }
+const styleId_7al7G: any = { height: 0.5, backgroundColor: '#c4c4c4' }

package/modules/community/category_other.tsx

@@ -0,0 +1,99 @@
+// withHooks
+import { ComponentButton } from 'esoftplay/cache/component/button/import';
+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 { LibKeyboard_avoid } from 'esoftplay/cache/lib/keyboard_avoid/import';
+import { LibList } from 'esoftplay/cache/lib/list/import';
+import { LibLoading } from 'esoftplay/cache/lib/loading/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibTextstyle } from 'esoftplay/cache/lib/textstyle/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import React, { useEffect } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface CommunityCategory_otherArgs {
+
+}
+export interface CommunityCategory_otherProps {
+
+}
+export default function m(props: CommunityCategory_otherProps): any {
+  const { item } = LibNavigation.getArgsAll(props)
+
+  const [result, setResult] = useSafeState<any>()
+  const [query, setQuery] = useSafeState<string>('')
+  // const [error, setError] = useSafeState<string>('')
+
+  useEffect(() => {
+    loadData()
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  useEffect(() => {
+    loadData()
+  }, [query])
+
+  function loadData() {
+    new LibCurl('community_cat_member_data?cat_id=' + item.cat_id + '&keyword=' + query, null, (res, msg) => {
+      setResult(res)
+    }, (err) => {
+      // setError(err)
+    }, 1)
+  }
+
+  if (!result) {
+    return <LibLoading />
+  }
+
+  function renderItem(item: any) {
+    return (
+      <TouchableOpacity onPress={() => {
+        LibNavigation.sendBackResult(item)
+      }} style={{ marginLeft: 15, height: 40, borderBottomWidth: 1, borderBottomColor: '#c5c5c5', alignContent: 'center', justifyContent: 'center' }} >
+        <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{item.title}</Text>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader
+        onChangeText={(q) => { LibUtils.debounce(() => { setQuery(q) }, 500) }}
+        searchPlaceholder={esp.lang("community/category_other", "choose_cat")} />
+
+      {
+        result && result.length == 0 && query !== "" ?
+          <View style={{ padding: 17 }} >
+            <LibTextstyle
+              textStyle="footnote"
+              text={esp.lang("community/category_other", "text_Empty")}
+              style={{ padding: 10, marginBottom: 20, textAlign: 'center' }} />
+            <ComponentButton label={esp.lang("community/category_other", "text_use", query)} onPress={() => {
+              const item = {
+                id: 0,
+                title: query
+              }
+              LibNavigation.sendBackResult(item)
+            }} />
+          </View>
+          :
+          <LibKeyboard_avoid style={{ flex: 1 }}>
+            <LibList
+              data={result}
+              key={query}
+              ListEmptyComponent={
+                <ComponentMessage message={esp.lang("community/category_other", "text_empty_message")} />
+              }
+              renderItem={renderItem}
+            />
+          </LibKeyboard_avoid>
+      }
+
+    </View>
+  )
+}

package/modules/community/config.tsx

@@ -0,0 +1,17 @@
+// withHooks 
+// noPage
+
+
+import useGlobalState, { useGlobalReturn } from 'esoftplay/global';
+import { } from 'react-native';
+
+
+const _state = useGlobalState({}, { persistKey: 'community_config' })
+
+export function state(): useGlobalReturn<any> {
+  return _state
+}
+
+export default function m(): any {
+  return null
+}