esoftplay-event 0.0.1-o → 0.0.1-p

package/config.json

@@ -1,9 +1,9 @@
 {
   "fonts": {
-    "mono": "mono.ttf",
     "Arial": "Arial.ttf",
     "ArialBold": "ArialBold.ttf",
     "SFProText": "SFProText.ttf",
+    "mono": "mono.ttf",
     "MonoSpace": "MonoSpace.ttf",
     "DecoNumbers": "DecoNumbers.ttf",
     "digital": "digital.ttf"

package/event/order_detail.tsx

@@ -399,6 +399,11 @@ export default function m(props: EventOrder_detailProps): any {
             <View testID='price_name' style={{ marginTop: 10, borderWidth: 5, padding: 3, borderColor: result?.color, backgroundColor: EventOrder_itemProperty.textColor(result?.color) }}>
               <View style={{ padding: 10, backgroundColor: result?.color, justifyContent: 'center', alignContent: 'center', alignItems: 'center' }}>
                 <EventHtmltext allowFontScaling={false} numberOfLines={3} ellipsizeMode="tail" style={{ color: EventOrder_itemProperty.textColor(result?.color), alignSelf: 'center', textAlign: 'center', fontSize: 20, fontWeight: 'bold' }}> {result?.price_name}</EventHtmltext>
+                {
+                  result?.ondate != "0000-00-00" &&
+                  <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 14, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{moment(result?.ondate).localeFormat("DD MMMM YYYY")}</Text>
+                }
+
               </View>
             </View>
 
@@ -436,10 +441,13 @@ export default function m(props: EventOrder_detailProps): any {
                   </View>
                 }
 
-                <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
-                  <LibIcon name="calendar-blank-outline" size={20} />
-                  <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{result?.ondate != "0000-00-00" ? moment(result?.ondate).localeFormat("DD MMMM YYYY") : ((isInvitationDate || isOnlineWithoutDate) ? esp.lang("event/order_item", "used_once") : dateRange)}</Text>
-                </View>
+                {
+                  result?.ondate == "0000-00-00" &&
+                  <View style={{ flexDirection: 'row', alignContent: 'center', alignItems: 'center' }}>
+                    <LibIcon name="calendar-blank-outline" size={20} />
+                    <Text allowFontScaling={false} style={{ flex: 1, marginRight: 10, marginLeft: 6, fontFamily: "Arial", fontSize: 12, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, color: "#484848" }}>{((isInvitationDate || isOnlineWithoutDate) ? esp.lang("event/order_item", "used_once") : dateRange)}</Text>
+                  </View>
+                }
                 {
                   result?.use_seat == 1 &&
                   <View style={{ marginTop: 15, marginRight: 10 }}>

package/event/visitor_input.tsx

@@ -53,8 +53,6 @@ export default function m(props: EventVisitor_inputProps): any {
     return (name) => inputsState.set(LibObject.set(inputsState.get(), name)(list_id))
   }
 
-  // esp.log(url_invitation);
-
   useEffect(() => {
     loadData()
   }, [])
@@ -115,8 +113,11 @@ export default function m(props: EventVisitor_inputProps): any {
         setCounter(counter + 1)
       }}>
         <View style={applyStyle({ height: 35, width: LibStyle.width / 4, alignItems: 'center', overflow: 'visible', justifyContent: 'center', backgroundColor: '#fff' })}>
-          <Text allowFontScaling={false} style={applyStyle({ width: LibStyle.width / 4, fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>{item.name} ({LibUtils.number(item?.qty)})</Text>
-          <View style={applyStyle({ width: (LibStyle.width / 4) - 20, height: 3, backgroundColor: activeTab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: 0 })} />
+          <View style={{ width: LibStyle.width / 4, }}>
+            <Text allowFontScaling={false} numberOfLines={2} ellipsizeMode='tail' style={applyStyle({ fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>{item.name}</Text>
+            <Text allowFontScaling={false} style={applyStyle({ fontFamily: "Arial", fontSize: 11, fontWeight: activeTab?.id == item?.id ? "bold" : "normal", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: activeTab?.id == item?.id ? "#51b596" : "#c5c5c5" })}>({LibUtils.number(item?.qty)})</Text>
+          </View>
+          <View style={applyStyle({ width: (LibStyle.width / 4) - 20, height: 3, backgroundColor: activeTab?.id == item?.id ? "#51b596" : "#fff", position: 'absolute', bottom: -1 })} />
         </View>
       </TouchableOpacity>
     )
@@ -244,6 +245,16 @@ export default function m(props: EventVisitor_inputProps): any {
             // isDebug={1}
             key={activeTab + counter}
             // style={{ flex: 1 }}
+            ListHeaderComponent={
+              <>
+                {
+                  activeTab?.ondate != "0000-00-00" &&
+                  <View style={{ margin: 15, marginBottom: 0 }}>
+                    <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: LibStyle.colorGreen }}>{"Tanggal berlaku " + LibUtils.moment(activeTab?.ondate).format("DD MMMM YYYY")}</Text>
+                  </View>
+                }
+              </>
+            }
             removeClippedSubviews={Platform.OS == 'android'}
             renderItem={renderItem}
           />

package/package.json

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