esoftplay-event 0.0.0-n → 0.0.0-p

package/modules/community/eo_category.tsx

@@ -0,0 +1,201 @@
+// withHooks
+import { applyStyle } from 'esoftplay';
+import { BigbangIndexProperty } from 'esoftplay/cache/bigbang/index/import';
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/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 { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibImage } from 'esoftplay/cache/lib/image/import';
+import { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/import';
+import { LibNavigation } from 'esoftplay/cache/lib/navigation/import';
+import { LibPicture } from 'esoftplay/cache/lib/picture/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 React, { useEffect } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+
+export interface CommunityEo_categoryProps {
+
+}
+export default function m(props: CommunityEo_categoryProps): any {
+
+  const item = LibNavigation.getArgs(props, 'item')
+  const exclude = LibNavigation.getArgs(props, 'exclude', [])
+  const from = LibNavigation.getArgs(props, 'from')
+  const community_id = LibNavigation.getArgs(props, 'community_id')
+
+  const [images, setImages] = useSafeState<string[]>([])
+  const [result, setResult] = useSafeState<any>()
+  const [eoCat, setEoCat] = useSafeState<any>()
+
+  let dialogOtherCategory = React.useRef<ComponentSlidingup>(null)
+  let inputCatEo = React.useRef<LibInput_rectangle>(null)
+
+  useEffect(() => {
+    loadData()
+    return () => LibNavigation.cancelBackResult(LibNavigation.getResultKey(props))
+  }, [])
+
+  function loadData(): void {
+    new LibCurl('community_category?par_id=' + item.id, null,
+      (res) => {
+        setResult(res)
+      },
+      () => {
+        // ism()&&setMsg(msg)
+      }
+    )
+  }
+
+  function addNewImage() {
+    LibImage.fromGallery({ crop: { ratio: "1:1", forceCrop: true, message: '' } }).then((image: any) => {
+      let _images = [...images]
+      _images.push(image)
+      setImages(_images)
+    })
+  }
+
+  function deleteImage(url: string) {
+    LibDialog.warningConfirm(esp.lang("community/eo_category", "dialog_title_delete"), esp.lang("community/eo_category", "dialog_delete_confirm"), esp.lang("community/eo_category", "dialog_delete_ok"), () => {
+      setImages(images && images.filter((item: string) => item != url))
+
+    }, esp.lang("community/eo_category", "dialog_delete_no"), () => { })
+  }
+
+  function back(): void {
+    if (!eoCat) {
+      LibToastProperty.show(esp.lang("community/eo_category", "alert_select_cat"))
+      return
+    }
+    if (images.length == 0) {
+      LibToastProperty.show(esp.lang("community/eo_category", "alert_image"))
+      return
+    }
+
+    let categoryEo = {
+      community_cat_id: eoCat.id,
+      community_cat: eoCat.title,
+      images: images,
+    }
+
+    let category = [
+      {
+        community_cat_id: eoCat.id,
+        community_cat: eoCat.title,
+        images: images,
+      }
+    ]
+
+    let post = {
+      community_id: community_id,
+      community_cat_add: JSON.stringify(category)
+    }
+
+    if (from == "eo") {
+      LibProgress.show(esp.lang("community/eo_category", "wait"))
+      new LibCurl('community_update', post, (result, msg) => {
+        LibProgress.hide()
+        LibDialog.info(esp.lang("community/eo_category", "dialog_info_title"), result)
+        LibNavigation.reset()
+        BigbangIndexProperty.setTab(0)
+        LibNavigation.navigate('user/profile')
+        // LibNavigation.navigate('community/index')
+      }, (error) => {
+        LibProgress.hide()
+        LibDialog.warning(esp.lang("community/eo_category", "dialog_warning"), error?.message)
+      })
+    } else {
+      LibNavigation.sendBackResult(categoryEo)
+    }
+  }
+
+  function renderImages(item: any, index: number) {
+    return (
+      <ComponentTouchable key={index} style={{ width: 90 }} onPress={() => { deleteImage(item) }} >
+        <View style={{ overflow: 'hidden', marginRight: 10, borderRadius: 5, height: 80, width: 80 }} >
+          <LibPicture style={{ height: 80, width: 80, resizeMode: 'cover' }} source={{ uri: item }} />
+        </View>
+      </ComponentTouchable>
+    )
+  }
+
+  function renderCategory(item: any, i: number) {
+    return (
+      <ComponentTouchable key={i} onPress={() => {
+        inputCatEo.current?.setText(item.title)
+        setEoCat(item)
+        dialogOtherCategory.current?.hide()
+      }}>
+        <View style={applyStyle({ flexDirection: 'row', height: 35, alignContent: 'center', alignItems: 'center', marginRight: 30, margin: 10 })}>
+          <LibPicture source={{ uri: item.image }} style={applyStyle({ width: 35, height: 35, resizeMode: 'cover' })} />
+          <Text allowFontScaling={false} style={applyStyle({ marginLeft: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" })}>{item.title}</Text>
+        </View>
+        <View style={applyStyle({ height: 0.5, backgroundColor: '#c4c4c4' })} />
+      </ComponentTouchable>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("community/eo_category", "header_title")} />
+      <ScrollView showsVerticalScrollIndicator={false} >
+        <View style={{ margin: 15, marginTop: 0 }}>
+          <View style={{ flexDirection: 'row', alignContent: "center", alignItems: 'center' }}>
+            <View style={{ flex: 8 }}>
+              <ComponentTouchable onPress={() => { dialogOtherCategory.current?.show() }}>
+                <LibInput_rectangle
+                  ref={inputCatEo}
+                  onPress={() => { dialogOtherCategory.current?.show() }}
+                  placeholder={esp.lang("community/eo_category", "placeholder_category")}
+                  editable={false}
+                  style={{ borderRadius: 5, }}
+                />
+              </ComponentTouchable>
+            </View>
+          </View>
+
+          <ComponentLabel_input label={esp.lang("community/eo_category", "label_galery")} mandatory />
+          <ScrollView horizontal style={{ height: 80, marginTop: 8 }} >
+            <ComponentTouchable onPress={addNewImage} style={{ width: 90 }} >
+              <View style={{ overflow: 'hidden', marginRight: 10, borderRadius: 5, height: 80, width: 80, backgroundColor: '#f1f2f3', alignItems: 'center', justifyContent: 'center' }} >
+                <LibIcon name={'plus'} color={'#c0c0c0'} />
+              </View>
+            </ComponentTouchable>
+            {
+              images && [...images].reverse().map(renderImages)
+            }
+          </ScrollView>
+        </View>
+      </ScrollView>
+      <View style={{ flexDirection: 'row', paddingVertical: 10, paddingHorizontal: 20 }} >
+        <View style={{ flex: 1 }} >
+          <ComponentTouchable onPress={() => { back() }} >
+            <View style={{ height: 35, borderRadius: 17.5, backgroundColor: LibStyle.colorGreen, borderStyle: "solid", borderWidth: 0.5, borderColor: "#2980b9", alignItems: 'center', justifyContent: 'center' }} >
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#fff" }} >{esp.lang("community/eo_category", "button_save")}</Text>
+            </View>
+          </ComponentTouchable>
+        </View>
+      </View>
+
+      <ComponentSlidingup ref={dialogOtherCategory}>
+        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 17, paddingHorizontal: 19, maxHeight: LibStyle.height * 0.5 }}>
+          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/eo_category", "select_category")}</Text>
+          <ScrollView showsVerticalScrollIndicator={false} >
+            {
+              result && result.length > 0 && result.filter((item: any) => !exclude.some((_item: number) => item.id == _item)).map(renderCategory)
+            }
+          </ScrollView>
+        </View>
+      </ComponentSlidingup>
+
+    </View>
+  )
+}

package/modules/community/eo_category_edit.tsx

@@ -0,0 +1,133 @@
+// withHooks
+import { ComponentHeader } from 'esoftplay/cache/component/header/import';
+import { ComponentLabel_input } from 'esoftplay/cache/component/label_input/import';
+import { ComponentSlidingup } from 'esoftplay/cache/component/slidingup/import';
+import { ComponentTouchable } from 'esoftplay/cache/component/touchable/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibInput_rectangle } from 'esoftplay/cache/lib/input_rectangle/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 useSafeState from 'esoftplay/state';
+
+import React, { useEffect, useRef } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+
+export interface CommunityEo_category_editProps {
+
+}
+export default function m(props: CommunityEo_category_editProps): any {
+
+  const data = LibNavigation.getArgs(props, 'data')
+  const item = LibNavigation.getArgs(props, 'item')
+  const community_id = LibNavigation.getArgs(props, 'community_id')
+  const edit = LibNavigation.getArgs(props, 'edit')
+
+
+  const dialogOtherCategory = useRef<ComponentSlidingup>(null)
+  const inputCatEo = useRef<LibInput_rectangle>(null)
+
+  const [images, setImages] = useSafeState<string[]>([])
+  const [result, setResult] = useSafeState<any>()
+  const [eoCat, setEoCat] = useSafeState<any>()
+
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData(): void {
+    new LibCurl('community_category?par_id=' + item.id, null,
+      (res) => {
+        setResult(res)
+      },
+      () => {
+        // ism()&&setMsg(msg)
+      }
+    )
+  }
+
+  function back() {
+    LibNavigation.back()
+  }
+
+  function renderImage(item: any, i: number) {
+    return (
+      <View key={i} style={{ overflow: 'hidden', marginRight: 10, borderRadius: 5, height: 80, width: 80 }} >
+        <LibPicture style={{ height: 80, width: 80, resizeMode: 'cover', backgroundColor: '#f1f2f3' }} source={{ uri: item.image }} />
+      </View>
+    )
+  }
+
+  function renderCategory(item: any, i: number) {
+    return (
+      <ComponentTouchable key={i} onPress={() => {
+        inputCatEo.current?.setText(item.name)
+        setEoCat(item)
+        dialogOtherCategory.current?.hide()
+      }}>
+        <View style={{ flexDirection: 'row', height: 35, alignContent: 'center', alignItems: 'center', marginRight: 30, margin: 10 }}>
+          <LibPicture source={{ uri: item.image }} style={{ width: 35, height: 35, resizeMode: 'cover' }} />
+          <Text allowFontScaling={false} style={{ marginLeft: 15, fontFamily: "Arial", fontSize: 14, fontWeight: "normal", fontStyle: "normal", letterSpacing: 0, color: "#4a4a4a" }}>{item.name}</Text>
+        </View>
+        <View style={{ height: 0.5, backgroundColor: '#c4c4c4' }} />
+      </ComponentTouchable>
+    )
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <ComponentHeader title={esp.lang("community/eo_category_edit", "header_title")} />
+      <ScrollView showsVerticalScrollIndicator={false} >
+        <View style={{ margin: 15, marginTop: 0 }}>
+          <View style={{ flexDirection: 'row', alignContent: "center", alignItems: 'center' }}>
+            <View style={{ flex: 8 }}>
+              <ComponentTouchable onPress={() => { }}>
+                <LibInput_rectangle
+                  ref={inputCatEo}
+                  editable={false}
+                  defaultValue={edit && edit.name}
+                />
+              </ComponentTouchable>
+            </View>
+          </View>
+          <ComponentLabel_input label={esp.lang("community/eo_category_edit", "galery")} mandatory />
+          <View key={images.length} >
+            <ScrollView key={images.length} horizontal style={{ height: 80, marginTop: 8 }} >
+              <ComponentTouchable onPress={() => { LibNavigation.navigate('community/talent_images', { result: edit.images, rule: 'no_edit', community_cat_id: edit.list_id, community_id: community_id }) }}>
+                <View style={{ overflow: 'hidden', marginRight: 10, borderRadius: 5, height: 80, width: 80, marginBottom: 10, backgroundColor: '#f1f2f3', alignItems: 'center', justifyContent: 'center' }} >
+                  <LibIcon name={'pencil'} color={'#c0c0c0'} />
+                </View>
+              </ComponentTouchable>
+              {
+                edit && edit.images && edit.images !== null && edit.images.length > 0 && edit.images.map(renderImage)
+              }
+            </ScrollView>
+          </View>
+        </View>
+      </ScrollView>
+      <View style={{ flexDirection: 'row', paddingVertical: 10, paddingHorizontal: 20 }} >
+        <View style={{ flex: 1 }} >
+          <ComponentTouchable onPress={() => { back() }} >
+            <View style={{ height: 35, borderRadius: 17.5, backgroundColor: LibStyle.colorGreen, borderStyle: "solid", borderWidth: 0.5, borderColor: "#2980b9", alignItems: 'center', justifyContent: 'center' }} >
+              <Text allowFontScaling={false} style={{ fontFamily: "Arial", fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: "#fff" }} >{esp.lang("community/eo_category_edit", "button_save")}</Text>
+            </View>
+          </ComponentTouchable>
+        </View>
+      </View>
+      <ComponentSlidingup ref={dialogOtherCategory}>
+        <View style={{ backgroundColor: 'white', borderTopRightRadius: 20, borderTopLeftRadius: 20, paddingBottom: 17, paddingHorizontal: 19, maxHeight: LibStyle.height * 0.5 }}>
+          <Text allowFontScaling={false} style={{ marginTop: 26, marginBottom: 23, fontFamily: "Arial", fontSize: 16, fontWeight: "bold", fontStyle: "normal", lineHeight: 22, letterSpacing: 0, textAlign: "center", color: "#34495e" }}>{esp.lang("community/eo_category_edit", "select_category")}</Text>
+          <ScrollView showsVerticalScrollIndicator={false} >
+            {
+              result && result.length > 0 && result.map(renderCategory)
+            }
+          </ScrollView>
+        </View>
+      </ComponentSlidingup>
+
+    </View>
+  )
+}