esoftplay-event 0.0.1-i → 0.0.1-j

package/event/artist_detailv2.tsx

@@ -0,0 +1,44 @@
+// withHooks
+import { useEffect } from 'react';
+
+import { EventHeader } from 'esoftplay/cache/event/header/import';
+import { LibCurl } from 'esoftplay/cache/lib/curl/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 from 'react';
+import { View } from 'react-native';
+
+
+export interface EventArtist_detailv2Args {
+
+}
+export interface EventArtist_detailv2Props {
+
+}
+export default function m(props: EventArtist_detailv2Props): any {
+  const { url_price } = LibNavigation.getArgsAll(props)
+  const [priceList, setPriceList] = useSafeState<any>()
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  function loadData() {
+    new LibCurl(url_price, null, (res, msg) => {
+      esp.log(res);
+      setPriceList(res)
+    }, (err) => {
+      LibToastProperty.show(err?.message)
+      LibNavigation.back()
+    })
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <EventHeader title={esp.lang("event/artist_detail", "title")} /* subtitle={data?.title} */ />
+
+    </View>
+  )
+}

package/event/artistv2.tsx

@@ -1,11 +1,11 @@
 // withHooks
 
-import { EventCountdownProperty } from 'esoftplay/cache/event/countdown/import';
 import { EventFirebase_socket, EventFirebase_socketProperty } from 'esoftplay/cache/event/firebase_socket/import';
 import { EventHeader } from 'esoftplay/cache/event/header/import';
 import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
-import { LibCarrousel } from 'esoftplay/cache/lib/carrousel/import';
+import { EventMessage } from 'esoftplay/cache/event/message/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/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 { LibPicture } from 'esoftplay/cache/lib/picture/import';
@@ -16,8 +16,7 @@ import esp from 'esoftplay/esp';
 import moment from 'esoftplay/moment';
 import useSafeState from 'esoftplay/state';
 import React, { useEffect } from 'react';
-import { Text, TouchableOpacity, View } from 'react-native';
-import { ScrollView } from 'react-native-gesture-handler';
+import { TouchableOpacity, View } from 'react-native';
 
 
 moment().locale('id')
@@ -81,191 +80,64 @@ export default function m(props: EventArtistv2Props): any {
 
   function renderIt(item: any, i: number) {
     const styleId_Z2g4Hs7: any = { backgroundColor: '#FFC523', width: itemWidth, height: itemHeight, margin: 0.5, justifyContent: 'center', alignItems: 'center' }
-    return (
-      <LibCarrousel
-        delay={4000}
-        style={{ height: sliderHeight, width: width }}
-        autoplay
-      >
-        {
-          item?.images?.map((item1: any, ii: number) => {
-            return (
-              <TouchableOpacity onPress={() => {
-                esp.log("start");
-                // EventIndexProperty.isLogin(async () => {
-                //   esp.log("1");
-                //   if (item.status == 1) {
-                //     esp.log("2");
-                //     if (isInPricingQueueConfig(item.event_id)) {
-                //       esp.log("3");
-                //       LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
-                //     }
-                //     esp.log("4");
-                //     EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
-                //     esp.log("5");
-                //     LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
-                //       'event/artist_detail_multi' :
-                //       'event/artist_detail', { url_price: item.url })
-                //   } else {
-                //     esp.log("6");
-                //     LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
-                //   }
-                // })
-              }} style={{ height: sliderHeight, width: width }} >
-                <LibPicture source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
-              </TouchableOpacity>
-            )
-          })
+
+    const handlePress = () => {
+      EventIndexProperty.isLogin(async () => {
+        if (item.status == 1) {
+          if (isInPricingQueueConfig(item.event_id)) {
+            LibNavigation.navigateForResult('event/queue_pricing', {
+              event_id: item?.event_id,
+              autoPass: false,
+            });
+          }
+          // EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'));
+          LibNavigation.navigate(
+            // item?.config?.multiprice == 1
+            //   ? 'event/artist_detail_multi'
+            //   : 
+            'event/artist_detailv2',
+            { url_price: item.url }
+          );
+        } else {
+          LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"));
         }
-      </LibCarrousel>
-    )
+      });
+    };
+
+    // if (item?.images?.length > 0) {
+    //   return (
+    //     <LibCarrousel
+    //       key={i}
+    //       delay={4000}
+    //       style={{ height: sliderHeight, width: width }}
+    //       autoplay
+    //     >
+    //       {
+    //         item?.images?.map((item1: any, ii: number) => {
+    //           return (
+    //             <TouchableOpacity key={ii} onPress={handlePress} >
+    //               <LibPicture key={ii} source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
+    //             </TouchableOpacity>
+    //           )
+    //         })
+    //       }
+    //     </LibCarrousel>
+    //   )
+    // } else if (item?.images?.length == 1) {
     return (
-      <TouchableOpacity onPress={() => {
-        esp.log("start");
-        EventIndexProperty.isLogin(async () => {
-          esp.log("1");
-          if (item.status == 1) {
-            esp.log("2");
-            if (isInPricingQueueConfig(item.event_id)) {
-              esp.log("3");
-              LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
-            }
-            esp.log("4");
-            EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
-            esp.log("5");
-            LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
-              'event/artist_detail_multi' :
-              'event/artist_detail', { url_price: item.url })
-          } else {
-            esp.log("6");
-            LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
-          }
-        })
-      }} >
-        <LibCarrousel
-          delay={4000}
-          style={{ height: sliderHeight, width: width }}
-          autoplay
-        >
-          {
-            item?.images?.map((item1: any, ii: number) => {
-              return (
-                <LibPicture key={ii} source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
-              )
-            })
-          }
-        </LibCarrousel>
-        {/* <View style={styleId_Z2g4Hs7}>
-
-        </View> */}
+      <TouchableOpacity key={i} onPress={handlePress} >
+        <LibPicture style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} source={{ uri: item.images[0] }} />
       </TouchableOpacity>
     )
-
+    // } else {
+    //   return (
+    //     <TouchableOpacity key={i} onPress={handlePress} style={styleId_Z2g4Hs7}>
+    //       <Text allowFontScaling={false} numberOfLines={2} style={styleId_2cYE4h}>{item.title}</Text>
+    //     </TouchableOpacity>
+    //   )
+    // }
   }
 
-  function renderItem(item: any, index: number) {
-    const styleId_Z2g4Hs7: any = { backgroundColor: '#FFC523', width: itemWidth, height: itemHeight, margin: 0.5, justifyContent: 'center', alignItems: 'center' }
-
-    if (item?.images?.length > 0) {
-      return (
-        <LibCarrousel
-          key={"p_slider"}
-          delay={4000}
-          style={{ height: sliderHeight, width: width }}
-          autoplay
-        >
-          {
-            item?.images?.map((item1: any, ii: number) => {
-              return (
-                <TouchableOpacity key={ii} onPress={() => {
-                  esp.log("start");
-                  EventIndexProperty.isLogin(async () => {
-                    esp.log("1");
-                    if (item.status == 1) {
-                      esp.log("2");
-                      if (isInPricingQueueConfig(item.event_id)) {
-                        esp.log("3");
-                        LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
-                      }
-                      esp.log("4");
-                      EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
-                      esp.log("5");
-                      LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
-                        'event/artist_detail_multi' :
-                        'event/artist_detail', { url_price: item.url })
-                    } else {
-                      esp.log("6");
-                      LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
-                    }
-                  })
-                }} >
-                  <LibPicture key={ii} source={{ uri: item1 }} style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} />
-                </TouchableOpacity>
-              )
-            })
-          }
-        </LibCarrousel>
-      )
-    } else if (item?.images?.length == 1) {
-      return (
-        <TouchableOpacity key={index} onPress={() => {
-          esp.log("start");
-          EventIndexProperty.isLogin(async () => {
-            esp.log("1");
-            if (item.status == 1) {
-              esp.log("2");
-              if (isInPricingQueueConfig(item.event_id)) {
-                esp.log("3");
-                LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
-              }
-              esp.log("4");
-              EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
-              esp.log("5");
-              LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
-                'event/artist_detail_multi' :
-                'event/artist_detail', { url_price: item.url })
-            } else {
-              esp.log("6");
-              LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
-            }
-          })
-        }} >
-          <LibPicture style={{ height: sliderHeight, width: width, resizeMode: 'cover', backgroundColor: "#f1f2f3" }} source={{ uri: item.images[0] }} />
-        </TouchableOpacity>
-      )
-    } else {
-      return (
-        <TouchableOpacity key={index} onPress={() => {
-          esp.log("start");
-          EventIndexProperty.isLogin(async () => {
-            esp.log("1");
-            if (item.status == 1) {
-              esp.log("2");
-              if (isInPricingQueueConfig(item.event_id)) {
-                esp.log("3");
-                LibNavigation.navigateForResult('event/queue_pricing', { event_id: item?.event_id, autoPass: false })
-              }
-              esp.log("4");
-              EventCountdownProperty.countdownTime.set(moment().add(EventFirebase_socketProperty.eventQueueConfig.get(item?.event_id).time, 'seconds').localeFormat('YYYY-MM-DD HH:mm:ss'))
-              esp.log("5");
-              LibNavigation.navigate(item?.config?.hasOwnProperty('multiprice') && item?.config?.multiprice == 1 ?
-                'event/artist_detail_multi' :
-                'event/artist_detail', { url_price: item.url })
-            } else {
-              esp.log("6");
-              LibToastProperty.show(esp.lang("event/artist", "ticket_not_available"))
-            }
-          })
-        }} style={styleId_Z2g4Hs7}>
-          <Text numberOfLines={2} style={styleId_2cYE4h}>{item.title}</Text>
-
-        </TouchableOpacity>
-      )
-    }
-  }
-
-
-
   return (
     <View style={{ flex: 1, backgroundColor: 'white' }} >
       <EventHeader title={title ? title : resultEvent?.event_title} iconShare={resultEvent?.url_share_artist && resultEvent?.url_share_artist !== ""}
@@ -274,21 +146,21 @@ export default function m(props: EventArtistv2Props): any {
         }} />
       {
         !result && !error ? <LibLoading /> :
-          <ScrollView>
-            {
-              result?.map(renderIt)
+          // <ScrollView>
+          //   {
+          //     result?.map(renderIt)
+          //   }
+          // </ScrollView>
+          <LibList
+            data={result}
+            // keyExtractor={(item) => item.id}
+            onRefresh={loadData}
+            staticHeight={itemHeight + 1}
+            renderItem={renderIt}
+            ListEmptyComponent={
+              <EventMessage message={error} />
             }
-          </ScrollView>
-        // <LibList
-        //   data={result}
-        //   // keyExtractor={(item) => item.id}
-        //   onRefresh={loadData}
-        //   staticHeight={itemHeight + 1}
-        //   renderItem={renderIt}
-        //   ListEmptyComponent={
-        //     <EventMessage message={error} />
-        //   }
-        // />
+          />
       }
     </View>
   )

package/event/button_order_detail.tsx

@@ -0,0 +1,42 @@
+// withHooks
+
+import { EventOrder_itemProperty } from 'esoftplay/cache/event/order_item/import';
+import { LibGradient } from 'esoftplay/cache/lib/gradient/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
+import { LibStyle } from 'esoftplay/cache/lib/style/import';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+
+export interface EventButton_order_detailArgs {
+
+}
+export interface EventButton_order_detailProps {
+  onPress: () => void
+  title: string
+  info?: string
+  color: any,
+  icon: any
+}
+export default function m(props: EventButton_order_detailProps): any {
+  return (
+    <TouchableOpacity onPress={props.onPress}>
+      <View style={{ borderWidth: 1, borderColor: '#ccc', margin: 15, borderRadius: 7, marginBottom: 0, overflow: 'hidden', flexDirection: 'row' }}>
+        <LibGradient
+          colors={[props.color, props.color, "#f1f2f3",]}
+          direction='left-to-right'
+          style={{ margin: 3, borderRadius: 5, padding: 7, flex: 4, alignContent: 'center', justifyContent: 'center' }}
+        >
+          <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ color: EventOrder_itemProperty.textColor(props?.color), fontSize: 16, fontWeight: 'bold' }}>{props.title}</Text>
+          {
+            props.info != "" &&
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ color: EventOrder_itemProperty.textColor(props?.color), fontSize: 12, fontWeight: 'normal' }}>{props?.info}</Text>
+          }
+        </LibGradient>
+        <View style={{ flex: 1, margin: 3, borderRadius: 5, ...LibStyle.elevation(2), backgroundColor: props.color, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
+          <LibIcon name={props.icon} size={40} color={EventOrder_itemProperty.textColor(props.color)} style={{ opacity: 1 }} />
+        </View>
+      </View>
+    </TouchableOpacity>
+  )
+}

package/event/order_detail.tsx

@@ -20,16 +20,15 @@ import { UserClass } from 'esoftplay/cache/user/class/import';
 
 import { applyStyle } from 'esoftplay';
 import { EventAlert } from 'esoftplay/cache/event/alert/import';
+import { EventButton_order_detail } from 'esoftplay/cache/event/button_order_detail/import';
 import { EventConfigProperty } from 'esoftplay/cache/event/config/import';
 import { EventHtmltext } from 'esoftplay/cache/event/htmltext/import';
 import { EventIndexProperty } from 'esoftplay/cache/event/index/import';
-import { EventOrder_detail_upgrade_button } from 'esoftplay/cache/event/order_detail_upgrade_button/import';
 import { EventPopup } from 'esoftplay/cache/event/popup/import';
 import { EventQr_bg } from 'esoftplay/cache/event/qr_bg/import';
 import { EventRating } from 'esoftplay/cache/event/rating/import';
 import { EventSecure_page } from 'esoftplay/cache/event/secure_page/import';
 import { EventStep } from 'esoftplay/cache/event/step/import';
-import { LibGradient } from 'esoftplay/cache/lib/gradient/import';
 import { LibSlidingup } from 'esoftplay/cache/lib/slidingup/import';
 import { UseCondition } from 'esoftplay/cache/use/condition/import';
 import esp from 'esoftplay/esp';
@@ -527,40 +526,35 @@ export default function m(props: EventOrder_detailProps): any {
         </UseCondition>
 
         <UseCondition if={result?.is_upgradable == 1} >
-          <EventOrder_detail_upgrade_button onPress={() => {
-            LibNavigation.navigate('event/order_detail_upgrade', {
-              url: result?.url_upgrade,
-              dataTicket: result,
-            })
-          }} />
+          <EventButton_order_detail
+            color={LibStyle.colorPrimary}
+            onPress={() => {
+              LibNavigation.navigate('event/order_detail_upgrade', {
+                url: result?.url_upgrade,
+                dataTicket: result,
+              })
+            }}
+            icon={'chevron-up-circle'}
+            title={esp.lang("event/order_detail_upgrade_button", "upgrade")}
+            info={esp.lang("event/order_detail_upgrade_button", "eays")}
+          />
         </UseCondition>
 
 
-        {/* tombol add on */}
 
+        {/* tombol add on */}
         {
           result?.addons?.length > 0 && result?.addons?.map((item: any, i: number) => {
             return (
-              <TouchableOpacity key={i} onPress={() => {
-                loadDataAddons(item?.addons_id, item?.url)
-              }}>
-                <LibGradient
-                  colors={["#F2789F", "#F9C5D5", "#F9C5D5", "#F2789F",]}
-                  direction='top-to-bottom'
-                  style={{ margin: 15, flexDirection: 'row', backgroundColor: '#F2789F', marginBottom: 0, borderWidth: 1, borderColor: 'red', borderRadius: 7, overflow: 'hidden' }}
-                >
-                  <View style={{ padding: 10, paddingHorizontal: 15, borderTopLeftRadius: 7, borderBottomLeftRadius: 7 }}>
-                    <LibIcon name='plus-circle' size={40} color='#fff' style={{ opacity: 1 }} />
-                  </View>
-                  <View style={{ flex: 1, backgroundColor: '#fff', borderTopRightRadius: 7, borderBottomRightRadius: 7, borderTopLeftRadius: 50, borderBottomLeftRadius: 50, alignContent: 'center', justifyContent: 'center', paddingLeft: 30 }}>
-                    <Text allowFontScaling={false} style={{ fontSize: 16, fontWeight: 'bold' }}>{item.title}</Text>
-                    {
-                      item.hasOwnProperty('info') && item?.info != "" &&
-                      <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={{ fontSize: 12, fontWeight: 'normal' }}>{item?.info}</Text>
-                    }
-                  </View>
-                </LibGradient>
-              </TouchableOpacity>
+              <EventButton_order_detail
+                color={result?.color}
+                onPress={() => {
+                  loadDataAddons(item?.addons_id, item?.url)
+                }}
+                icon={'plus-circle'}
+                title={item.title}
+                info={item.info}
+              />
             )
           })
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay-event",
-  "version": "0.0.1-i",
+  "version": "0.0.1-j",
   "description": "event module on esoftplay framework",
   "main": "index.js",
   "scripts": {