esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/community/post_tender_contract.tsx

@@ -0,0 +1,377 @@
+// withHooks
+import { CommunityJob_availableProperty } from 'esoftplay/cache/community/job_available/import';
+import { ComponentLabel_input2 } from 'esoftplay/cache/component/label_input2/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput_rectangle2 } from 'esoftplay/cache/lib/input_rectangle2/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibObject } from 'esoftplay/cache/lib/object/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+import { LibUtils } from 'esoftplay/cache/lib/utils/import';
+import { UseForm } from 'esoftplay/cache/use/form/import';
+import esp from 'esoftplay/esp';
+import useSafeState from 'esoftplay/state';
+
+import moment from 'esoftplay/moment';
+import React, { useEffect, useRef } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+moment().locale('id')
+
+
+export interface CommunityPost_tender_contractArgs {
+
+}
+export interface CommunityPost_tender_contractProps {
+  onPressValid: () => void
+  setCats: (data: any) => void
+  kind_id: number
+  item?: any // ini data item
+}
+export default function m(props: CommunityPost_tender_contractProps): any {
+  let postTender = {
+    employer_id: "",
+    type_id: "",
+    kind_id: "",
+    title: "",
+    location_id: "",
+    summary: "",
+    cat_id: "",
+    cat_name: "",
+    cat_member_id: '',
+    cat_member_name: '',
+    specialist_id: "",
+    date_start: moment().localeFormat("DD MMMM YYYY"),
+    date_end: moment().localeFormat("DD MMMM YYYY"),
+    industry_id: "",
+    role_id: "",
+    position_id: "",
+    schedule: "",
+    benefit: "",
+    welfare: "",
+    document: "",
+    salary_min: "",
+    salary_max: "",
+    description: "",
+    criteria: "",
+    coordinator_same: "",
+    coordinator_name: "",
+    coordinator_website: "",
+    coordinator_email: "",
+    coordinator_phone: "",
+    cats: []
+  }
+
+  const [resultEmployer] = CommunityJob_availableProperty.setDataEmployer().useState()
+  const [formPostTender, setFormPostTender] = UseForm<any>("postTender", postTender)
+  const [loc, setLoc] = useSafeState<any>()
+  const [title, setTitle] = useSafeState<string>("")
+  const [cats, setCats] = useSafeState<any[]>([])
+  const [counter, setCounter] = useSafeState<any>(1)
+
+  const inputNameKoor = useRef<LibInput_rectangle2>(null)
+  const inputEmailKoor = useRef<LibInput_rectangle2>(null)
+  const inputWebsiteKoor = useRef<LibInput_rectangle2>(null)
+  const inputHpKoor = useRef<LibInput_rectangle2>(null)
+  const inputLocWork = useRef<LibInput_rectangle2>(null)
+  const inputTitle = useRef<LibInput_rectangle2>(null)
+  const inputDescription = useRef<LibInput_rectangle2>(null)
+
+
+  useEffect(() => {
+    let item = props.item
+
+    if (item) {
+      setFormPostTender('coordinator_name')(item.coordinator_name)
+      inputNameKoor.current?.setText(item.coordinator_name)
+
+      setFormPostTender('coordinator_website')(item.coordinator_website == "undefined" ? "" : item.coordinator_website)
+      inputWebsiteKoor.current?.setText(item.coordinator_website == "undefined" ? "" : item.coordinator_website)
+
+      setFormPostTender('coordinator_email')(item.coordinator_email)
+      inputEmailKoor.current?.setText(item.coordinator_email)
+
+      setFormPostTender('coordinator_phone')(item.coordinator_phone)
+      inputHpKoor.current?.setText(item.coordinator_phone)
+
+      setFormPostTender('title')(item.title)
+      inputTitle.current?.setText(item.title)
+
+      setFormPostTender('location_id')(item.location_id)
+      setFormPostTender('location_detail')(item.location_name)
+      inputLocWork.current?.setText(item.location_name)
+      const _location = {
+        id: item.location_id
+      }
+      setLoc(_location)
+
+      setFormPostTender('summary')(item.summary)
+      inputDescription.current?.setText(item.summary)
+
+      setCats(item.cat_list)
+
+      // setFormPostTender('cat_id')(item.cat_id)
+      // inputCat.current?.setText(item.cat_name)
+
+    }
+  }, [])
+
+  useEffect(() => {
+    if (resultEmployer && resultEmployer.length > 0 && checkInputs()) {
+      props.onPressValid()
+      props.setCats(cats)
+    }
+  })
+
+  function openLocation(): void {
+    LibNavigation.navigateForResult('user/location', undefined).then((location) => {
+      inputLocWork.current?.setText(location.detail)
+      setFormPostTender('location_id')(location.id)
+      setFormPostTender('location_detail')(location.detail)
+      setLoc(location)
+      inputDescription.current?.focus()
+    })
+  }
+
+  function removeCat(index: number) {
+    const _cat = [...cats]
+    _cat.splice(index, 1)
+    setCats([..._cat])
+    // setFormPostTender('cats')(cats)
+  }
+
+
+  function checkInputs() {
+    if (inputNameKoor.current?.getText() == "") {
+      inputNameKoor.current?.setError(esp.lang("community/post_tender_contract", "empty_name"))
+      return false
+    }
+
+    if (inputEmailKoor.current?.getText() == "") {
+      inputEmailKoor.current?.setError(esp.lang("community/post_tender_contract", "empty_email"))
+      return false
+    }
+
+    let reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
+    if (reg.test(inputEmailKoor.current!.getText()) === false) {
+      inputEmailKoor.current?.setError(esp.lang("community/post_tender_contract", "email_not_valid"))
+      return false;
+    }
+
+    if (inputHpKoor.current?.getText() == "") {
+      inputHpKoor.current?.setError(esp.lang("community/post_tender_contract", "empty_phone"))
+      return false
+    }
+
+    if (inputTitle.current?.getText() == "") {
+      inputTitle.current?.setError(esp.lang("community/post_tender_contract", "empty_title"))
+      return false
+    }
+
+    if (inputLocWork.current?.getText() == "") {
+      inputLocWork.current?.setError(esp.lang("community/post_tender_contract", "empty_location"))
+      return false
+    }
+
+    if (inputDescription.current?.getText() == "") {
+      inputDescription.current?.setError(esp.lang("community/post_tender_contract", "empty_summary"))
+      return false
+    }
+
+    // if (cats.length == 0) {
+    //   LibToastProperty.show(esp.lang("community/post_tender_contract", "empty_contract"))
+    //   return false
+    // }
+
+    return true
+
+  }
+
+  const [valid, setValid] = useSafeState<boolean>(true)
+  function isValid() {
+    if (cats.some((t: any) => t.name == '')) {
+      return false
+    }
+    return true
+  }
+
+  function renderCats(item: any, i: number) {
+    const styleId_1bD373: any = { marginLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: item?.cat_name == "" ? "#c5c5c5" : "#4B4B4B" }
+    const styleId_Z14Jv0A: any = { marginLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: item?.cat_member_name == "" ? "#c5c5c5" : "#4B4B4B" }
+    return (
+      <View key={i + "-" + counter} style={styleId_Z5DnTf}>
+        <View style={styleId_ZcMJmd}>
+          <ComponentTouchable onPress={() => {
+            let item = {
+              id: props.kind_id == 1 ? 3 : 2
+            }
+            let exclude = cats?.map((item: any) => item.cat_id)
+            LibNavigation.navigateForResult('community/category', { item: item, exclude: exclude.filter((item: any) => item != "") }).then((x) => {
+              let updateCatName = LibObject.set(cats, x.community_cat)(i, "cat_name")
+              let updateCatId = LibObject.set(updateCatName, x.community_cat_id)(i, "cat_id")
+              let updateCatMemberName = LibObject.set(updateCatId, "")(i, "cat_member_name")
+              let updateCatMemberId = LibObject.set(updateCatMemberName, "")(i, "cat_member_id")
+              setCats(updateCatMemberId)
+            })
+          }} >
+
+            <View style={styleId_1E2WSE}>
+              <Text allowFontScaling={false} style={styleId_1bD373}>{item?.cat_name == "" ? esp.lang("community/post_tender_contract", "select_cat") : item?.cat_name}</Text>
+              <LibIcon name="chevron-down" size={16} style={styleId_wxwT1} />
+            </View>
+          </ComponentTouchable>
+
+          {
+            item.cat_id == 674 &&
+            <TouchableOpacity onPress={() => {
+              LibNavigation.navigateForResult('community/category_other', { item: item }).then((x) => {
+                let updateCatMemberName = LibObject.set(cats, x.title)(i, "cat_member_name")
+                let updateCatMemberId = LibObject.set(updateCatMemberName, x.id)(i, "cat_member_id")
+                setCats(updateCatMemberId)
+              })
+            }}>
+              <View style={styleId_1E2WSE}>
+                <Text allowFontScaling={false} style={styleId_Z14Jv0A}>{item?.cat_member_name == "" ? esp.lang("community/post_tender_contract", "select_cat_other") : item?.cat_member_name}</Text>
+                <LibIcon name="chevron-down" size={16} style={styleId_wxwT1} />
+              </View>
+            </TouchableOpacity>
+          }
+        </View>
+        <ComponentTouchable onPress={() => {
+          removeCat(i)
+        }}>
+          <View style={styleId_ZYuDjw}>
+            <LibIcon name={"close"} size={16} color="#FFF" />
+          </View>
+        </ComponentTouchable>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ margin: 16, marginTop: 15, marginBottom: 24 }}>
+      <Text allowFontScaling={false} style={{ marginBottom: 12, fontFamily: "SFProText", fontStyle: "normal", fontWeight: "bold", fontSize: 14, lineHeight: 14 }}>{esp.lang("community/post_tender_contract", "data_tender")}</Text>
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_name")} mandatory />
+      <LibInput_rectangle2
+        ref={inputNameKoor}
+        onChangeText={() => { setFormPostTender('coordinator_name')(inputNameKoor.current?.getText()) }}
+        placeholder={esp.lang("community/post_tender_contract", "placejolder_name")}
+        style={{ borderRadius: 4 }}
+        returnKeyType="next"
+        defaultValue={formPostTender?.coordinator_name}
+        onSubmitEditing={() => inputWebsiteKoor.current?.focus()}
+      />
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_web")} />
+      <LibInput_rectangle2
+        ref={inputWebsiteKoor}
+        onChangeText={(t) => {
+          setFormPostTender('coordinator_website')(t)
+        }}
+        placeholder={esp.lang("community/post_tender_contract", "placeholder_web")}
+        style={{ borderRadius: 4 }}
+        defaultValue={formPostTender?.coordinator_website}
+        returnKeyType="next"
+        onSubmitEditing={() => inputEmailKoor.current?.focus()}
+      />
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_email")} mandatory />
+      <LibInput_rectangle2
+        ref={inputEmailKoor}
+        onChangeText={() => { setFormPostTender('coordinator_email')(inputEmailKoor.current?.getText()) }}
+        placeholder={esp.lang("community/post_tender_contract", "placeholder_email")}
+        autoCapitalize="none"
+        keyboardType="email-address"
+        style={{ borderRadius: 4 }}
+        defaultValue={formPostTender?.coordinator_email}
+        returnKeyType="next"
+        onSubmitEditing={() => inputHpKoor.current?.focus()}
+      />
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_phone")} mandatory />
+      <LibInput_rectangle2
+        ref={inputHpKoor}
+        onChangeText={() => { setFormPostTender('coordinator_phone')(inputHpKoor.current?.getText()) }}
+        placeholder={esp.lang("community/post_tender_contract", "placeholder_phone")}
+        keyboardType="phone-pad"
+        style={{ borderRadius: 4 }}
+        defaultValue={formPostTender?.coordinator_phone}
+        returnKeyType="next"
+        onSubmitEditing={() => inputTitle.current?.focus()}
+
+      />
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_title")} mandatory />
+      <LibInput_rectangle2
+        ref={inputTitle}
+        multiline={true}
+        maxLength={100}
+        onChangeText={(t) => {
+          setFormPostTender('title')(inputTitle.current?.getText())
+          LibUtils.debounce(() => {
+            setTitle(t)
+          }, 100)
+        }}
+        defaultValue={formPostTender?.title}
+        placeholder={esp.lang("community/post_tender_contract", "placeholder_title")}
+        inputStyle={{ textAlignVertical: 'top', paddingTop: 10, height: 70 }}
+        style={{ borderRadius: 4, borderColor: '#c4c4c4', marginBottom: 10, marginTop: 8, height: 70, justifyContent: 'flex-start' }}
+        returnKeyType="next"
+        onSubmitEditing={() => openLocation()}
+      />
+      <Text style={{ fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: title.length == 100 ? "#e44545" : "#c5c5c5", textAlign: 'right' }} >{esp.lang("community/post_tender_contract", "max_char", String(title.length))}</Text>
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_location")} mandatory />
+      <ComponentTouchable onPress={() => { openLocation() }} >
+        <LibInput_rectangle2
+          ref={inputLocWork}
+          style={{ borderRadius: 4, borderColor: '#c4c4c4', height: 35, marginTop: 8 }}
+          defaultValue={formPostTender?.location_detail}
+          onPress={() => { openLocation() }}
+          editable={false}
+          placeholder={esp.lang("community/post_tender_contract", "placeholder_location")}
+          dropdown
+        />
+      </ComponentTouchable>
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "label_kontrak")} mandatory />
+      <LibInput_rectangle2
+        ref={inputDescription}
+        onChangeText={() => { setFormPostTender('summary')(inputDescription.current?.getText()) }}
+        defaultValue={formPostTender?.summary}
+        multiline={true}
+        placeholder={esp.lang("community/post_tender_contract", "placeholder_kontrak")}
+        inputStyle={{ textAlignVertical: 'top', paddingTop: 10, height: 150 }}
+        style={{ borderRadius: 4, borderColor: '#c4c4c4', marginBottom: 10, marginTop: 8, height: 150, justifyContent: 'flex-start' }}
+      />
+
+      <ComponentLabel_input2 label={esp.lang("community/post_tender_contract", "contract_cat")} mandatory />
+      {
+        cats?.map(renderCats)
+      }
+
+      <ComponentTouchable onPress={() => {
+        if (isValid() && valid) {
+          setCats(LibObject.push(cats, {
+            cat_id: '',
+            cat_name: '',
+            cat_member_id: 0,
+            cat_member_name: ''
+          })())
+        } else {
+          LibToastProperty.show(esp.lang("community/post_tender_contract", "empty_cat"))
+        }
+        // setFormPostTender('cats')(cats)
+      }} style={{ height: 32, borderRadius: 4, marginTop: 12, backgroundColor: "#ffffff", borderWidth: 1, borderColor: "#45c9af", flexDirection: 'row', alignItems: 'center' }} >
+        <Text style={{ paddingLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#45c9af" }} >+ {cats?.length > 0 ? esp.lang("community/post_tender_contract", "text_other_cat") : esp.lang("community/post_tender_contract", "text_cat")}</Text>
+      </ComponentTouchable>
+
+    </View>
+  )
+}
+const styleId_Z5DnTf: any = { flexDirection: 'row', alignContent: "center", alignItems: 'center', marginBottom: 10 }
+const styleId_ZcMJmd: any = { flex: 1 }
+const styleId_1E2WSE: any = { flex: 1, flexDirection: 'row', marginTop: 8, height: 32, borderRadius: 4, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#c5c5c5", alignItems: 'center', alignContent: 'center', justifyContent: 'space-between' }
+const styleId_wxwT1: any = { marginRight: 5 }
+const styleId_ZYuDjw: any = { marginTop: 10, marginLeft: 10, width: 32, height: 32, borderRadius: 3, backgroundColor: LibStyle.colorRed, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }

package/modules/community/profession.tsx

@@ -0,0 +1,66 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMulti_select } from 'esoftplay/cache/component/multi_select/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/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 { Text, View } from 'react-native';
+
+
+
+export interface CommunityTagProps {
+
+}
+export default function m(props: CommunityTagProps): any {
+
+  const [data, setData] = useSafeState<any>()
+  const [msg, setMsg] = useSafeState<any>()
+  const cat_id = LibNavigation.getArgs(props, 'cat_id', 0)
+  const def = LibNavigation.getArgs(props, 'data')
+
+
+  useEffect(() => {
+    if (cat_id)
+      new LibCurl('community_category?par_id=' + cat_id, null,
+        (res, msg) => {
+          setData(res)
+        },
+        (msg) => {
+          setMsg(msg)
+        }
+      )
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  if (msg) {
+    return (
+      <View style={{ flex: 1, backgroundColor: '#3b8b7bf', }}>
+        <ComponentHeader title={esp.lang("community/profession", "header_title")} />
+        <View style={{ justifyContent: 'center', alignContent: 'center', alignItems: 'center', alignSelf: 'center' }}>
+          <Text allowFontScaling={false} style={{
+            alignSelf: 'center',
+            fontFamily: "Arial",
+            fontSize: 14,
+            fontStyle: "normal",
+            letterSpacing: 0
+          }}>{msg?.message}</Text>
+        </View>
+      </View>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }} >
+      <ComponentMulti_select
+        data={data}
+        onSaveSelection={(items) => LibNavigation.sendBackResult(items)}
+        defaults={def && def.map((item: any) => item.id)}
+        titleIndex="name"
+        placeholder={esp.lang("community/profession", "placeholder_skill")}
+      />
+    </View>
+  )
+}