esoftplay 0.0.113 → 0.0.114

package/modules/content/item.tsx

@@ -1,112 +0,0 @@
-// withHooks
-// noPage
-
-import { ContentBookmarkProperty, ContentConfig, LibIcon, LibNavigation, LibPicture, LibStyle, LibUtils } from 'esoftplay';
-import React from 'react';
-import { Image, Linking, Pressable, Text, View } from 'react-native';
-
-
-export interface ContentItemArgs {
-
-}
-export interface ContentItemProps {
-  id: string,
-  title: string,
-  intro: string,
-  description: string,
-  image: string,
-  created: string,
-  updated: string,
-  url: string,
-  publish: string,
-  type_id: string,
-  created_by: string,
-  created_by_alias: string,
-  modified_by: string,
-  revised: string,
-  hits: string,
-  rating: string,
-  last_hits: string,
-  is_popimage: string,
-  is_front: string,
-  is_config: string,
-  config: string,
-}
-export default function m(props: ContentItemProps): any {
-  const isBook = ContentBookmarkProperty.state().useSelector(s => s.ids.includes(Number(props.id)))
-  const configlist = ContentConfig.state().get().list
-  if (props.created == 'sponsor')
-    if (props.title == '')
-      return (
-        <Pressable onPress={() => Linking.openURL(props.url)} >
-          <Image source={{ uri: props.image }} style={styleId_Z1pdPtF} />
-        </Pressable>
-      )
-    else if (props.image === "")
-      return (
-        <Pressable
-          onPress={() => Linking.openURL(props.url)}
-          style={styleId_Z1S0WHq} >
-          <View style={styleId_Z13iiKo} >
-            <Text style={styleId_Z14zkzb} >{props.created.toUpperCase()}</Text>
-            <Text numberOfLines={2} ellipsizeMode='tail' style={styleId_1NrPkO} >{props.title}</Text>
-            <View style={styleId_Z1i5LUH} >
-              <Text style={styleId_mzCdS} >{props.created_by_alias}</Text>
-            </View>
-          </View>
-        </Pressable>
-      )
-    else
-      return (
-        <Pressable
-          onPress={() => LibNavigation.push('content/detail', { ...props })}
-          style={styleId_Z1S0WHq} >
-          <Image source={{ uri: props.image }} style={styleId_Zl1hMr} />
-          <View style={styleId_Z13iiKo} >
-            <Text style={styleId_Z14zkzb} >{props.created.toUpperCase()}</Text>
-            <Text numberOfLines={2} ellipsizeMode='tail' style={styleId_1NrPkO} >{props.title}</Text>
-            <View style={styleId_Z1i5LUH} >
-              <Text style={styleId_mzCdS} >{props.created_by_alias}</Text>
-            </View>
-          </View>
-        </Pressable>
-      )
-
-  return (
-    <Pressable
-      onPress={() => LibNavigation.push('content/detail', { ...props })}
-      style={styleId_Z1S0WHq} >
-      {
-        configlist.thumbnail == 1 &&
-        <LibPicture source={{ uri: props.image }} style={styleId_Zl1hMr} />
-      }
-      <View style={styleId_Z13iiKo} >
-        {
-          configlist.created == 1 &&
-          <Text style={styleId_Z14zkzb} >{LibUtils.moment(props.created, 'id').format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
-        }
-        {
-          configlist.title == 1 &&
-          <Text numberOfLines={2} ellipsizeMode='tail' style={styleId_1NrPkO} >{props.title}</Text>
-        }
-        {
-          configlist.author == 1 &&
-          <View style={styleId_Z1i5LUH} >
-            <Text style={styleId_mzCdS} >{props.created_by_alias}</Text>
-          </View>
-        }
-      </View>
-      <Pressable onPress={() => ContentBookmarkProperty.toggle(props)} >
-        <LibIcon name={isBook ? 'bookmark' : 'bookmark-plus-outline'} color={'#FD5593'} size={24} />
-      </Pressable>
-    </Pressable>
-  )
-}
-const styleId_Z1pdPtF: any = { width: LibStyle.width, height: 110, resizeMode: 'contain' }
-const styleId_Z1S0WHq: any = { paddingHorizontal: 16, paddingVertical: 16, flexDirection: 'row', borderBottomWidth: 1, borderTopWidth: 1, borderBottomColor: '#f2f2f2', borderTopColor: '#f8f8f8' }
-const styleId_Z13iiKo: any = { flex: 1, marginLeft: 16, paddingTop: 0 }
-const styleId_Z14zkzb: any = {  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
-const styleId_1NrPkO: any = {  fontSize: 17, fontWeight: "500", lineHeight: 21, color: "#060606", marginTop: 5, }
-const styleId_Z1i5LUH: any = { flexDirection: 'row', marginTop: 5 }
-const styleId_mzCdS: any = {  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, }
-const styleId_Zl1hMr: any = { height: 90, width: 110, borderRadius: 8, backgroundColor: '#f8f8f8' }

package/modules/content/item_header.tsx

@@ -1,59 +0,0 @@
-// withHooks
-// noPage
-
-import { applyStyle, ContentBookmarkProperty, LibIcon, LibNavigation, LibStyle, LibUtils } from 'esoftplay';
-import { LinearGradient } from 'expo-linear-gradient';
-import React from 'react';
-import { ImageBackground, Pressable, Text, View } from 'react-native';
-
-export interface ContentItem_headerArgs {
-
-}
-export interface ContentItem_headerProps {
-  id: string,
-  title: string,
-  intro: string,
-  description: string,
-  image: string,
-  created: string,
-  updated: string,
-  url: string,
-  publish: string,
-  type_id: string,
-  created_by: string,
-  created_by_alias: string,
-  modified_by: string,
-  revised: string,
-  hits: string,
-  rating: string,
-  last_hits: string,
-  is_popimage: string,
-  is_front: string,
-  is_config: string,
-  config: string,
-}
-const itemHeight = LibStyle.width * 3 / 4
-export default function m(props: ContentItem_headerProps): any {
-  const isBook = ContentBookmarkProperty.state().useSelector(s => s.ids.includes(Number(props.id)))
-
-  return (
-    <Pressable onPress={() => LibNavigation.push('content/detail', { ...props })} >
-      <ImageBackground
-        source={{ uri: props.image }}
-        style={applyStyle({ height: itemHeight, width: LibStyle.width, justifyContent: 'flex-end' })} >
-        <LinearGradient colors={['transparent', 'rgba(0,0,0,0.8)']} style={applyStyle({ padding: 16 })} >
-          <Text style={applyStyle({  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "white", textTransform: 'uppercase' })} >{LibUtils.moment(props.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
-          <Text style={applyStyle({  fontSize: 24, fontWeight: "500", lineHeight: 30, color: "white", marginTop: 5 })} >{props.title}</Text>
-          <View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
-            <View style={applyStyle({ backgroundColor: 'rgba(255,255,255,0.6)', borderRadius: 4, paddingHorizontal: 10, })} >
-              <Text style={applyStyle({  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{props.created_by_alias}</Text>
-            </View>
-          </View>
-        </LinearGradient>
-        <Pressable onPress={() => ContentBookmarkProperty.toggle(props)} style={applyStyle({ position: 'absolute', top: 16, right: 16 })} >
-          <LibIcon name={isBook ? 'bookmark' : 'bookmark-plus-outline'} color={'#FD5593'} size={30} />
-        </Pressable>
-      </ImageBackground>
-    </Pressable>
-  )
-}

package/modules/content/list.tsx

@@ -1,60 +0,0 @@
-// withHooks
-
-import { ContentCategory_list, ContentConfig, ContentHeader, ContentItem, ContentItem_header, esp, LibCarrousel, LibInfinite, LibNavigation, LibObject, LibStyle, UserRoutes, useSafeState } from 'esoftplay';
-import React, { useRef } from 'react';
-import { View } from 'react-native';
-
-
-export interface ContentListArgs {
-
-}
-export interface ContentListProps {
-
-}
-export default function m(props: ContentListProps): any {
-
-  const routes = UserRoutes.state().get()
-
-  let { url, title, id } = useRef<any>(LibNavigation.getArgsAll(props)).current
-  const conf = esp.config()
-  url = url || conf.content
-  id = id || 0
-  const [data, setData] = useSafeState<any[]>([])
-  const [header, setHeader] = useSafeState<any[]>([])
-
-  return (
-    <View style={{ flex: 1 }} >
-      <ContentHeader backButton={routes?.index != undefined && routes?.index > 0} title={title || esp.appjson()?.expo?.name} searchButton />
-      <LibInfinite
-        url={url}
-        injectData={data}
-        ListHeaderComponent={
-          <>
-            <ContentCategory_list id={id} />
-            <LibCarrousel
-              autoplay
-              bullets
-              bulletsContainerStyle={{ justifyContent: 'flex-end', marginRight: 10 }}
-              chosenBulletStyle={{ width: 8, height: 4, borderRadius: 2, marginHorizontal: 4 }}
-              bulletStyle={{ width: 4, height: 4, borderRadius: 2, marginHorizontal: 4 }}
-              style={{ height: 3 / 4 * LibStyle.width }}>
-              {header.map(item => <ContentItem_header {...item} />)}
-            </LibCarrousel>
-          </>
-        }
-        onResult={(res) => {
-          ContentConfig.state().set(LibObject.set(ContentConfig.state().get(), res.config)('list'))
-        }}
-        onDataChange={(data: any[], page) => {
-          if (page == 0) {
-            setData(LibObject.splice(data, 0, 4)())
-            setHeader(data.slice(0, 4).filter((row) => row.created != 'sponsor'))
-          } else {
-            setData(data)
-          }
-        }}
-        renderItem={(item) => <ContentItem {...item} />}
-      />
-    </View>
-  )
-}

package/modules/content/search.tsx

@@ -1,37 +0,0 @@
-// withHooks
-
-import { ContentHeader, esp, LibInput, LibNavigation } from 'esoftplay';
-import React, { useRef } from 'react';
-import { View } from 'react-native';
-
-
-export interface ContentSearchArgs {
-
-}
-export interface ContentSearchProps {
-
-}
-export default function m(props: ContentSearchProps): any {
-  const searchInput = useRef<LibInput>(null)
-  const content = esp.config('content')
-
-  function doSearch() {
-    const keyword = encodeURIComponent(searchInput.current?.getText() || '')
-    LibNavigation.push('content/list', { title: 'Cari untuk ' + keyword, url: content + 'search.htm?id=' + keyword })
-  }
-
-  return (
-    <View>
-      <ContentHeader title="Cari Artikel" backButton />
-      <LibInput base
-        ref={searchInput}
-        autoFocus
-        placeholder={"Cari artikel"}
-        returnKeyType="search"
-        onChangeText={(text) => { }}
-        onSubmitEditing={() => doSearch()}
-        style={{ flex: 1, minHeight: 40, paddingHorizontal: 8, borderRadius: 8, backgroundColor: '#f5f5f5', marginVertical: 16, marginHorizontal: 16 }}
-      />
-    </View>
-  )
-}

package/modules/lib/menu.tsx

@@ -1,51 +0,0 @@
-// noPage
-
-import { LibComponent, LibMenusub } from "esoftplay";
-import React from "react";
-import { FlatList } from "react-native";
-
-
-export interface LibMenuProps {
-  onItemSelected: (item: any) => void,
-  parent?: number,
-  style?: any,
-  data: any,
-  selectedId: number
-}
-
-export interface LibMenuState {
-
-}
-
-export default class emenu extends LibComponent<LibMenuProps, LibMenuState> {
-
-  props: LibMenuProps
-  constructor(props: LibMenuProps) {
-    super(props);
-    this.props = props
-  }
-
-  onItemSelected(item: any): void {
-    if (this.props.onItemSelected) {
-      delete item.data
-      this.props.onItemSelected(item)
-    }
-  }
-  render(): any {
-    var parent = this.props.parent ? this.props.parent : 0
-    var style = this.props.style ? this.props.style : {}
-    var data = this.props.data
-    if (parent == 0) {
-      data = this.props.data.filter((item: any) => item.par_id == parent)
-    }
-    return (
-      <FlatList
-        style={style}
-        data={data}
-        nestedScrollEnabled
-        keyExtractor={(item: any) => (item.id).toString()}
-        renderItem={({ item }: any) => <LibMenusub {...item} selectedId={this.props.selectedId} data={this.props.data} parent={parent} onClick={(item: any) => this.onItemSelected(item)} />}
-      />
-    )
-  }
-}

package/modules/lib/menusub.tsx

@@ -1,58 +0,0 @@
-// noPage
-
-import { LibComponent, LibIcon, LibMenu, LibStyle, LibUtils } from "esoftplay";
-import React from "react";
-import { Text, TouchableOpacity, View } from "react-native";
-const { colorPrimary } = LibStyle;
-
-export interface LibMenusubProps {
-  data: any,
-  id: number,
-  selectedId: number,
-  title: string,
-  onClick: (data: any) => void
-}
-
-export interface LibMenusubState {
-  expanded: boolean
-}
-
-export default class Emenusub extends LibComponent<LibMenusubProps, LibMenusubState> {
-
-  props: LibMenusubProps
-  constructor(props: LibMenusubProps) {
-    super(props)
-    this.props = props
-  }
-
-  state = {
-    expanded: false
-  }
-
-  render(): any {
-    var data = this.props.data.filter((item: any) => item.par_id == this.props.id)
-    return (
-      <View>
-        <View style={{ flexDirection: "row", borderRadius: 5, margin: 5, paddingRight: 5, alignItems: "center", backgroundColor: this.props.selectedId == this.props.id ? LibUtils.hexToRgba(colorPrimary, 0.2) : "transparent" }}>
-          <TouchableOpacity
-            style={{ flex: 1 }}
-            onPress={() => {
-              this.props.onClick(this.props)
-            }}>
-            <Text style={{ color: this.props.selectedId == this.props.id ? colorPrimary : "#353535", flex: 1, padding: 12, fontSize: 15 }} >{this.props.title} </Text>
-          </TouchableOpacity>
-          {
-            data.length > 0 ?
-              <TouchableOpacity onPress={() => this.setState({ expanded: !this.state.expanded })} >
-                <View style={{ paddingLeft: 10, flexDirection: "column" }}>
-                  <LibIcon.Ionicons name={!this.state.expanded ? "ios-arrow-down" : "ios-arrow-up"} style={{ color: colorPrimary, fontSize: 20, paddingRight: 16 }} />
-                </View>
-              </TouchableOpacity>
-              : null
-          }
-        </View>
-        {this.state.expanded ? <LibMenu style={{ paddingLeft: 15 }} selectedId={this.props.selectedId} onItemSelected={(item: any) => { this.props.onClick(item) }} parent={this.props.id} data={data} /> : null}
-      </View>
-    )
-  }
-}