esoftplay-event 0.0.0-o → 0.0.0-p

package/modules/feed/job_filter.tsx

@@ -0,0 +1,69 @@
+// withHooks
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/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 { Text, View } from 'react-native';
+
+
+export interface FeedJob_filterProps {
+  onPressSpesialism: () => void
+  spesialism?: any
+  onPressRole: () => void
+  role?: any
+  onPressIndustry: () => void
+  industry?: any
+  onPressPosition: () => void
+  position?: any
+  from?: string
+}
+
+
+export default function m(props: FeedJob_filterProps): any {
+  return (
+    <View>
+      <View style={{ height: 40, flexDirection: 'row', justifyContent: 'space-between' }}>
+        {/* <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center', justifyContent: 'center' }}> */}
+        <ComponentTouchable onPress={() => { props.onPressSpesialism() }} >
+          <View style={{ flexDirection: 'row', marginTop: 8, paddingRight: 5, height: 32, width: LibStyle.width * 0.5 - (props.from == "feed/job_available_list" ? 20 : 40), borderRadius: 4, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#c5c5c5", alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="tail" style={{ flex: 1, marginLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.spesialism ? "#4B4B4B" : "#c5c5c5" }}>{props.spesialism ? props.spesialism.title : esp.lang("feed/job_filter", "select_specialism")}</Text>
+            <LibIcon name="chevron-down" color="#4b4b4b" size={16} />
+          </View>
+
+        </ComponentTouchable>
+        <ComponentTouchable onPress={() => {
+          if (props.spesialism) {
+            props.onPressRole()
+          } else {
+            LibToastProperty.show(esp.lang("feed/job_filter", "empty_specialism"))
+          }
+        }} >
+          <View style={{ flexDirection: 'row', marginTop: 8, paddingRight: 5, height: 32, width: LibStyle.width * 0.5 - (props.from == "feed/job_available_list" ? 20 : 40), borderRadius: 4, backgroundColor: props.spesialism ? "#fff" : "#e4e4e4", borderStyle: "solid", borderWidth: 1, borderColor: "#c5c5c5", alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="tail" style={{ flex: 1, marginLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.role ? "#4B4B4B" : "#c5c5c5" }}>{props.role ? props.role.title : esp.lang("feed/job_filter", "select_role")}</Text>
+            <LibIcon name="chevron-down" color="#4b4b4b" size={16} />
+          </View>
+
+        </ComponentTouchable>
+      </View>
+      <View style={{ marginTop: 8, height: 40, flexDirection: 'row', justifyContent: 'space-between' }}>
+        <ComponentTouchable onPress={() => { props.onPressIndustry() }} >
+          <View style={{ flexDirection: 'row', marginTop: 8, paddingRight: 5, height: 32, width: LibStyle.width * 0.5 - (props.from == "feed/job_available_list" ? 20 : 40), borderRadius: 4, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#c5c5c5", alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="tail" style={{ flex: 1, marginLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.industry ? "#4B4B4B" : "#c5c5c5" }}>{props.industry ? props.industry.title : esp.lang("feed/job_filter", "select_industry")}</Text>
+            <LibIcon name="chevron-down" color="#4b4b4b" size={16} />
+          </View>
+
+        </ComponentTouchable>
+        <ComponentTouchable onPress={() => { props.onPressPosition() }} >
+          <View style={{ flexDirection: 'row', marginTop: 8, paddingRight: 5, height: 32, width: LibStyle.width * 0.5 - (props.from == "feed/job_available_list" ? 20 : 40), borderRadius: 4, backgroundColor: "#fff", borderStyle: "solid", borderWidth: 1, borderColor: "#c5c5c5", alignContent: 'center', alignItems: 'center', justifyContent: 'space-between' }}>
+            <Text allowFontScaling={false} numberOfLines={1} ellipsizeMode="tail" style={{ flex: 1, marginLeft: 8, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.position ? "#4B4B4B" : "#c5c5c5" }}>{props.position ? props.position.title : esp.lang("feed/job_filter", "select_position")}</Text>
+            <LibIcon name="chevron-down" color="#4b4b4b" size={16} />
+          </View>
+
+        </ComponentTouchable>
+      </View>
+    </View>
+  )
+}

package/modules/feed/job_item.tsx

@@ -0,0 +1,62 @@
+// withHooks
+// noPage
+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 esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface FeedJob_itemProps {
+  image: string
+  role: string
+  role_member_name: string
+  specialization: string
+  specialization_member_name: string
+  title: string
+  position: string
+  url?: string
+  showText?: boolean
+  marginForListAll?: number
+  width?: boolean
+  status_job?: string
+  active?: string
+  deleted_at?: string
+}
+export default function m(props: FeedJob_itemProps): any {
+  const itemWidth = props.width ? (LibStyle.width) - 30 : (LibStyle.width - 70)
+  const styleId_19lJTE: any = { margin: props.marginForListAll, backgroundColor: (props.active == "4" || props.active == "5") ? LibStyle.colorLightGrey : '#fff', width: itemWidth, borderRadius: 8, padding: 12, marginBottom: 8, ...LibStyle.elevation(2) }
+  const styleId_Bg08f: any = { marginBottom: 2, fontFamily: "SFProText", fontSize: 12, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: props.status_job == "3" ? LibStyle.colorRed : "#4b4b4b" }
+
+  return (
+    <TouchableOpacity onPress={() => {
+      if (props.active !== "") {
+        LibNavigation.navigate('feed/job_detail', { url: props.url })
+      } else {
+        return
+      }
+    }} style={styleId_19lJTE} >
+      {props.showText && <Text allowFontScaling={false} style={styleId_WDBvu}>{esp.lang("feed/job_item", "search_job")}</Text>}
+      <Text allowFontScaling={false} ellipsizeMode="middle" numberOfLines={1} style={styleId_Zwn0sr}>{props.role == "Others" ? (props.role + ", " + props.role_member_name) : props.role}</Text>
+      <Text allowFontScaling={false} ellipsizeMode="middle" numberOfLines={1} style={styleId_Z1P26HI}>{props.specialization == "Others" ? (props.specialization + ", " + props.specialization_member_name) : props.specialization}</Text>
+      <View style={styleId_1AVyQt}>
+        <LibPicture source={props.image != "" ? { uri: props.image } : esp.assets('icons/ic_btm_nav_active_profile.png')} style={styleId_Z18eua2} />
+        <View style={{ flex: 1, marginLeft: 8 }}>
+          <Text allowFontScaling={false} ellipsizeMode="middle" numberOfLines={1} style={styleId_Bg08f}>{(props.title)}</Text>
+          {
+            props.position !== "" &&
+            <Text allowFontScaling={false} ellipsizeMode="middle" numberOfLines={1} style={styleId_zqGrr} >{props.position}</Text>
+          }
+        </View>
+      </View>
+    </TouchableOpacity>
+  )
+}
+const styleId_WDBvu: any = { marginBottom: 4, fontFamily: "SFProText", fontSize: 8, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#c5c5c5" }
+const styleId_Zwn0sr: any = { marginBottom: 4, fontFamily: "SFProText", fontSize: 10, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_Z1P26HI: any = { marginBottom: 12, fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }
+const styleId_1AVyQt: any = { flexDirection: 'row', alignContent: 'center', alignItems: 'center' }
+const styleId_Z18eua2: any = { width: 30, height: 30, borderRadius: 15 }
+const styleId_zqGrr: any = { fontFamily: "SFProText", fontSize: 10, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }

package/modules/feed/job_list.tsx

@@ -0,0 +1,204 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { FeedFilter_locationProperty } from 'esoftplay/cache/feed/filter_location/import';
+import { FeedJob_filter } from 'esoftplay/cache/feed/job_filter/import';
+import { FeedJob_item } from 'esoftplay/cache/feed/job_item/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/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 FeedJob_listArgs {
+  url: string
+  _specialism: any
+  _role: any
+  _industry: any
+  _position: any
+  _location: any
+}
+export interface FeedJob_listProps {
+
+}
+export default function m(props: FeedJob_listProps): any {
+  let { url, _specialism, _role, _industry, _position, _location } =LibNavigation.getArgsAll(props) // ini url ori
+  const [specialism, setSpecialism] = useSafeState<any>()
+  const [role, setRole] = useSafeState<any>()
+  const [industry, setIndustry] = useSafeState<any>()
+  const [position, setPosition] = useSafeState<any>()
+  const [location, setLocation] = useSafeState<any>()
+
+  let [_url, set_url] = useSafeState<any>('') // ini url yang ada getnya
+  const [counter, setCounter] = useSafeState<any>(0)
+
+  useEffect(() => {
+    FeedFilter_locationProperty.selectAllLoc()
+    set_url(url)
+    if (_specialism) {
+      setSpecialism(_specialism)
+    }
+    if (_role) {
+      setRole(_role)
+    }
+    if (_industry) {
+      setIndustry(_industry)
+    }
+    if (_position) {
+      setPosition(_position)
+    }
+    if (_location) {
+      setLocation(_location)
+    }
+  }, [])
+
+
+  useEffect(() => {
+    if (specialism) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'specialization_id=' + specialism?.id
+    }
+    if (role) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'role_id=' + role?.id
+    }
+    if (industry) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'industry_id=' + industry?.id
+
+    }
+    if (position) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'position_id=' + position?.id
+    }
+    if (location) {
+      url += url.includes('?') ? '&' : '?'
+      url += 'location_id=' + location
+    }
+
+    let newUrl = url /* += a */
+    set_url(newUrl)
+  }, [counter])
+
+  function clearFilter() {
+    setSpecialism(undefined)
+    setRole(undefined)
+    setIndustry(undefined)
+    setPosition(undefined)
+    setLocation(undefined)
+    set_url("community_job_seeker?sort=latest")
+    setCounter(counter + 1)
+    FeedFilter_locationProperty.selectAllLoc()
+  }
+
+  function renderItem(item: any, i: number) {
+    return (
+      <FeedJob_item
+        key={i}
+        showText
+        url={item.url}
+        status_job={item.status_job}
+        image={item.image}
+        role={item.job_seeker.role}
+        role_member_name={item.job_seeker.role_member_name}
+        position={item.job_seeker.position}
+        specialization={item.job_seeker.specialization}
+        specialization_member_name={item.job_seeker.specialization_member_name}
+        title={item.title}
+        width
+      />
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("feed/job_list", "header_title")} />
+      <View style={{ margin: 16 }}>
+        <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", marginBottom: 8 }}>{esp.lang("feed/job_list", "text_job")}</Text>
+          {
+            (specialism || role || industry || position || location) &&
+            <TouchableOpacity onPress={() => { clearFilter() }} style={{ paddingLeft: 4, paddingRight: 4, borderRadius: 4, backgroundColor: "#51b596", flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+              <LibIcon name="close-circle" size={15} color={"#fff"} />
+              <Text allowFontScaling={false} style={{ marginLeft: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{esp.lang("feed/job_list", "empty_filter")}</Text>
+            </TouchableOpacity>
+          }
+        </View>
+
+        <FeedJob_filter
+          from="feed/job_available_list" // ini untuk width, coba find all biar tau isinya
+          onPressIndustry={() => {
+            LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'industri' }).then((item) => {
+              setIndustry(item)
+              setCounter(counter + 1)
+            })
+          }}
+          industry={industry}
+          onPressPosition={() => {
+            LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'position' }).then((item) => {
+              setPosition(item)
+              setCounter(counter + 1)
+            })
+          }}
+          position={position}
+          onPressRole={() => {
+            if (specialism) {
+              if (specialism && specialism.id !== "672") {
+                LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'role', par_id: specialism.id }).then((item) => {
+                  setRole(item)
+                  setCounter(counter + 1)
+                })
+              } else {
+                LibToastProperty.show(esp.lang("feed/job_list", "specialism_other"))
+              }
+            }
+          }}
+          role={role}
+          onPressSpesialism={() => {
+            LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'spesialsm' }).then((item) => {
+              setSpecialism(item)
+              setRole(null)
+              setCounter(counter + 1)
+            })
+          }}
+          spesialism={specialism}
+        />
+
+      </View>
+
+      <View style={{ flexDirection: 'row', justifyContent: 'space-between', margin: 16, marginTop: 0, marginBottom: 0 }}>
+        <View>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("feed/job_list", "all_cv")}</Text>
+        </View>
+        <TouchableOpacity onPress={() => {
+          // LibNavigation.navigateForResult('user/location').then((location) => {
+          LibNavigation.navigateForResult('feed/filter_location2').then((location) => {
+            setLocation(location)
+            setCounter(counter + 1)
+          })
+        }} style={{ flexDirection: 'row' }}>
+          <LibIcon name="filter" color="#51b596" />
+          <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#51b596" }}>{esp.lang("feed/job_list", "location_filter")}</Text>
+        </TouchableOpacity>
+      </View>
+
+      <LibInfinite
+        url={_url}
+        key={String(counter) + _url}
+        staticHeight={140}
+        style={{ padding: 15, paddingTop: 0 }}
+        errorView={(err: any) => (
+          <ComponentMessage message={err} />
+        )}
+        renderItem={renderItem}
+        numColumns={1}
+      />
+
+    </View>
+  )
+}

package/modules/feed/job_list_cv.tsx

@@ -0,0 +1,183 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentMessage } from 'esoftplay/cache/component/message/import';
+import { FeedFilter_locationProperty } from 'esoftplay/cache/feed/filter_location/import';
+import { FeedJob_filter } from 'esoftplay/cache/feed/job_filter/import';
+import { FeedJob_item } from 'esoftplay/cache/feed/job_item/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibToastProperty } from 'esoftplay/cache/lib/toast/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 FeedJob_list_cvProps {
+
+}
+export default function m(props: FeedJob_list_cvProps): any {
+  let { url } = LibNavigation.getArgsAll(props) // ini url ori
+  const [specialism, setSpecialism] = useSafeState<any>()
+  const [role, setRole] = useSafeState<any>()
+  const [industry, setIndustry] = useSafeState<any>()
+  const [position, setPosition] = useSafeState<any>()
+  const [location, setLocation] = useSafeState<any>()
+
+  let [_url, set_url] = useSafeState<any>('') // ini url yang ada getnya
+  const [counter, setCounter] = useSafeState<any>(0)
+
+  useEffect(() => {
+    FeedFilter_locationProperty.selectAllLoc()
+    set_url(url)
+  }, [])
+
+  useEffect(() => {
+
+    let uri: any = {}
+
+    if (specialism) {
+      uri.specialization_id = specialism && specialism.id
+    }
+    if (role) {
+      uri.role_id = role && role.id
+    }
+    if (industry) {
+      uri.industry_id = industry && industry.id
+    }
+    if (position) {
+      uri.position_id = position && position.id
+    }
+    if (location) {
+      uri.location_id = location && location
+    }
+
+    let a = LibUtils.objectToUrlParam(uri)
+    let newUrl = url += a
+    set_url(newUrl)
+    // loadData()
+  }, [counter])
+
+
+  function clearFilter() {
+    setSpecialism(undefined)
+    setRole(undefined)
+    setIndustry(undefined)
+    setPosition(undefined)
+    setLocation(undefined)
+    set_url('community_job_seeker_pay_list')
+    setCounter(counter + 1)
+    FeedFilter_locationProperty.selectAllLoc()
+  }
+
+  function renderItem(item: any, i: number) {
+    return (
+      <FeedJob_item
+        key={i}
+        url={'community_job_seeker_detail/' + item.community_id}
+        image={item.image}
+        status_job={item.status_job}
+        role={item.job_seeker.role}
+        role_member_name={item.job_seeker.role_member_name}
+        position={item.job_seeker.position}
+        specialization={item.job_seeker.specialization}
+        specialization_member_name={item.job_seeker.specialization_member_name}
+        title={item.community_name}
+        width
+        active={item.active}
+        deleted_at={item.deleted_at}
+      />
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("feed/job_list_cv", "header_title")} subtitle={esp.lang("feed/job_list_cv", "header_subtitle")} />
+      <View style={{ margin: 16 }}>
+        <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b", marginBottom: 8 }}>{esp.lang("feed/job_list_cv", "job_seeker")}</Text>
+          {
+            (specialism || role || industry || position || location) &&
+            <TouchableOpacity onPress={() => { clearFilter() }} style={{ paddingLeft: 4, paddingRight: 4, borderRadius: 4, backgroundColor: "#51b596", flexDirection: 'row', justifyContent: 'space-between', alignContent: 'center', alignItems: 'center' }}>
+              <LibIcon name="close-circle" size={15} color={"#fff"} />
+              <Text allowFontScaling={false} style={{ marginLeft: 5, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#fff" }}>{esp.lang("feed/job_list_cv", "clear_filter")}</Text>
+            </TouchableOpacity>
+          }
+        </View>
+
+        <FeedJob_filter
+          from="feed/job_available_list"
+          onPressIndustry={() => {
+            LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'industri' }).then((item) => {
+              setIndustry(item)
+              setCounter(counter + 1)
+            })
+          }}
+          industry={industry}
+          onPressPosition={() => {
+            LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'position' }).then((item) => {
+              setPosition(item)
+              setCounter(counter + 1)
+            })
+          }}
+          position={position}
+          onPressRole={() => {
+            if (specialism) {
+              if (specialism && specialism.id !== "672") {
+                LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'role', par_id: specialism.id }).then((item) => {
+                  setRole(item)
+                  setCounter(counter + 1)
+                })
+              } else {
+                LibToastProperty.show(esp.lang("feed/job_list_cv", "empty_specialsm"))
+              }
+            }
+          }}
+          role={role}
+          onPressSpesialism={() => {
+            LibNavigation.navigateForResult('community/special_role_industri_position', { section: 'spesialsm' }).then((item) => {
+              setSpecialism(item)
+              setRole(null)
+              setCounter(counter + 1)
+            })
+          }}
+          spesialism={specialism}
+        />
+
+      </View>
+
+      <View style={{ flexDirection: 'row', justifyContent: 'space-between', margin: 16, marginTop: 0, marginBottom: 0 }}>
+        <View>
+          <Text allowFontScaling={false} style={{ fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#4b4b4b" }}>{esp.lang("feed/job_list_cv", "text_all_cv")}</Text>
+        </View>
+        <TouchableOpacity onPress={() => {
+          // LibNavigation.navigateForResult('user/location').then((location) => {
+          LibNavigation.navigateForResult('feed/filter_location2').then((location) => {
+            setLocation(location)
+            setCounter(counter + 1)
+          })
+        }} style={{ flexDirection: 'row' }}>
+          <LibIcon name="filter" color="#51b596" />
+          <Text allowFontScaling={false} style={{ marginLeft: 4, fontFamily: "SFProText", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#51b596" }}>{esp.lang("feed/job_list_cv", "location_filter")}</Text>
+        </TouchableOpacity>
+      </View>
+
+      <LibInfinite
+        url={_url == "" ? url : _url} // bedanya di atas ada
+        key={String(counter) + _url}
+        staticHeight={140}
+        style={{ padding: 15, paddingTop: 0 }}
+
+        errorView={(err: any) => (
+          <ComponentMessage message={err} />
+        )}
+        renderItem={renderItem}
+        numColumns={1}
+      />
+
+    </View>
+  )
+}

package/modules/feed/job_list_school.tsx

@@ -0,0 +1,53 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { LibInfinite } from 'esoftplay/cache/lib/infinite/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 esp from 'esoftplay/esp';
+
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface FeedJob_list_schoolArgs {
+
+}
+export interface FeedJob_list_schoolProps {
+
+}
+export default function m(props: FeedJob_list_schoolProps): any {
+  let { url } = LibNavigation.getArgsAll(props)
+
+  function renderItem(item: any, i: number) {
+    return (
+      <TouchableOpacity key={i} onPress={() => {
+        LibNavigation.navigate('feed/job_list', { url: item.url_detail })
+      }}>
+        <View style={styleId_148RPn}>
+          <LibPicture source={{ uri: item.image }} style={styleId_vAnN1} />
+          <Text allowFontScaling={false} ellipsizeMode={"tail"} numberOfLines={1} style={styleId_1AOpm}>{item.name + " (" + item.total + ")"}</Text>
+        </View>
+      </TouchableOpacity>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ComponentHeader
+        title={esp.lang("feed/job_list_school", "header_title")}
+      // onChangeText={(q) => { LibUtils.debounce(() => { setQuery(q) }, 500) }}
+      // searchPlaceholder={'Cari..'}
+      />
+      <LibInfinite
+        numColumns={2}
+        style={{ padding: 15 }}
+        renderItem={renderItem}
+        url={url}
+      />
+    </View>
+  )
+}
+const styleId_148RPn: any = { flex: 1, width: (LibStyle.width - 50) / 2, flexDirection: 'row', padding: 10, marginLeft: 1, marginTop: 1, marginBottom: 10, marginRight: 15, borderRadius: 10, backgroundColor: '#fff', alignContent: 'center', alignItems: 'center', justifyContent: 'center', ...LibStyle.elevation(3) }
+const styleId_vAnN1: any = { width: 30, height: 30, resizeMode: 'contain' }
+const styleId_1AOpm: any = { flex: 1, marginLeft: 10, marginBottom: 7, marginTop: 4, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: '#9e9e9e', paddingLeft: 3, paddingRight: 3 }