esoftplay 0.0.106-x → 0.0.107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/build.js +1 -0
- package/bin/router.js +1 -1
- package/modules/content/bookmark.tsx +2 -2
- package/modules/content/category.tsx +1 -1
- package/modules/content/category_list.tsx +1 -1
- package/modules/content/comment.tsx +5 -5
- package/modules/content/comment_item.tsx +4 -4
- package/modules/content/detail.tsx +10 -10
- package/modules/content/header.tsx +2 -2
- package/modules/content/index.tsx +1 -1
- package/modules/content/item.tsx +3 -3
- package/modules/content/item_header.tsx +3 -3
- package/modules/lib/input.tsx +0 -1
- package/modules/user/notification_item.tsx +1 -1
- package/package.json +1 -1
package/bin/build.js
CHANGED
|
@@ -297,6 +297,7 @@ export default function App() {
|
|
|
297
297
|
'@react-native-async-storage/async-storage',
|
|
298
298
|
'@react-native-masked-view/masked-view',
|
|
299
299
|
'@react-native-community/netinfo',
|
|
300
|
+
'@react-navigation/native-stack',
|
|
300
301
|
'@react-navigation/native',
|
|
301
302
|
'@react-navigation/stack',
|
|
302
303
|
'buffer',
|
package/bin/router.js
CHANGED
|
@@ -50,7 +50,7 @@ var Nav5 = (importer, navs) => {
|
|
|
50
50
|
// @ts-nocheck
|
|
51
51
|
import React from 'react';
|
|
52
52
|
import { NavigationContainer } from '@react-navigation/native';
|
|
53
|
-
import { createNativeStackNavigator } from 'react-
|
|
53
|
+
import { createNativeStackNavigator } from '@react-navigation/native-stack';
|
|
54
54
|
\nimport { `+ importer + `, esp, _global } from "esoftplay";\n
|
|
55
55
|
\nimport { LibNavigation } from "esoftplay";\n
|
|
56
56
|
const Stack = createNativeStackNavigator();
|
|
@@ -70,8 +70,8 @@ export default function m(props: ContentBookmarkProps): any {
|
|
|
70
70
|
ListEmptyComponent={
|
|
71
71
|
<View style={{ height: LibStyle.height - 100, justifyContent: 'center', alignItems: 'center', marginHorizontal: 24 }} >
|
|
72
72
|
<LibIcon name='bookmark-plus-outline' color={"#FD5593"} size={40} />
|
|
73
|
-
<Text style={{
|
|
74
|
-
<Text style={{
|
|
73
|
+
<Text style={{ fontSize: 34, marginTop: 10, fontWeight: "500", lineHeight: 40, textAlign: "center", color: "#060606" }} >Artikel belum ada</Text>
|
|
74
|
+
<Text style={{ fontSize: 16, marginTop: 10, lineHeight: 22, textAlign: "center", color: "#686868" }} >Kamu dapat menyimpan artikel untuk dibaca nanti dengan cara klik lambang bookmark</Text>
|
|
75
75
|
</View>
|
|
76
76
|
}
|
|
77
77
|
renderItem={(item) => <ContentItem {...item} />}
|
|
@@ -49,7 +49,7 @@ export default function m(props: ContentCategoryProps): any {
|
|
|
49
49
|
onPress={() => { LibNavigation.push('content/list', { url: item.url, title: item.title, id: item.id }) }}
|
|
50
50
|
style={{ borderRadius: 8, backgroundColor: "#f2f2f2", flex: 0.35, margin: 5, alignItems: 'center' }} >
|
|
51
51
|
<LibPicture source={{ uri: item.image }} style={{ height: 70, width: 70, marginTop: 16, }} />
|
|
52
|
-
<Text style={{
|
|
52
|
+
<Text style={{ fontSize: 12, fontWeight: "500", lineHeight: 20, color: "#060606", marginBottom: 12, }}>{item?.title}</Text>
|
|
53
53
|
</Pressable>
|
|
54
54
|
)
|
|
55
55
|
}}
|
|
@@ -42,7 +42,7 @@ export default function m(props: ContentCategory_listProps): any {
|
|
|
42
42
|
onPress={() => { LibNavigation.push('content/list', { url: row.url, title: row.title, id: row.id }) }}
|
|
43
43
|
style={{ borderRadius: 8, flexDirection: 'row', borderWidth: 1, borderColor: "#f2f2f2", margin: 5, padding: 8, alignItems: 'center' }} >
|
|
44
44
|
<LibPicture source={{ uri: row.image }} style={{ width: 20, height: 20, resizeMode: 'contain' }} />
|
|
45
|
-
<Text style={{
|
|
45
|
+
<Text style={{ marginLeft: 8 }} >{row.title}</Text>
|
|
46
46
|
</Pressable>
|
|
47
47
|
))
|
|
48
48
|
}
|
|
@@ -98,7 +98,7 @@ export default function m(props: ContentCommentProps): any {
|
|
|
98
98
|
<View style={{ flex: 1, backgroundColor: "white" }} >
|
|
99
99
|
<ContentHeader title="Login dengan akun" />
|
|
100
100
|
<View style={{ flexDirection: "row", alignItems: "center", justifyContent: "center", paddingRight: 16 }} >
|
|
101
|
-
<Text style={{ flex: 1, padding: 10,
|
|
101
|
+
<Text style={{ flex: 1, padding: 10, color: '#606060' }} >{"Silakan login dengan salah satu akun sosial media berikut untuk dapat mengirimkan komentar"}</Text>
|
|
102
102
|
<View style={{ justifyContent: "center" }} >
|
|
103
103
|
<Pressable
|
|
104
104
|
onPress={() => { setShowLoginForm(false) }} >
|
|
@@ -130,13 +130,13 @@ export default function m(props: ContentCommentProps): any {
|
|
|
130
130
|
<Image source={{ uri: headerComment.image }} style={{ height: 50, backgroundColor: '#f8f8f8', width: 50, resizeMode: 'cover', overflow: 'hidden', borderRadius: 25 }} />
|
|
131
131
|
</View>
|
|
132
132
|
<View style={{ flex: 1, paddingVertical: 16, marginHorizontal: 16 }} >
|
|
133
|
-
<Text style={{
|
|
134
|
-
<Text style={{
|
|
135
|
-
<Text style={{
|
|
133
|
+
<Text style={{ fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }} >{LibUtils.moment(headerComment.date).format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
|
|
134
|
+
<Text style={{ fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }} >{headerComment.name}</Text>
|
|
135
|
+
<Text style={{ fontSize: 14, fontWeight: "500", lineHeight: 20, color: "#606060" }} >{headerComment.content}</Text>
|
|
136
136
|
<Pressable style={{ flexDirection: 'row' }} >
|
|
137
137
|
<View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 9, /* backgroundColor: '#f1f1f1', padding: 3, borderRadius: 6 */ }} >
|
|
138
138
|
<LibIcon.AntDesign name='message1' size={12} color="#ababab" />
|
|
139
|
-
<Text style={{
|
|
139
|
+
<Text style={{ fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }} >{headerComment.reply} Balasan</Text>
|
|
140
140
|
</View>
|
|
141
141
|
</Pressable>
|
|
142
142
|
</View>
|
|
@@ -52,9 +52,9 @@ export default function m(props: ContentComment_itemProps): any {
|
|
|
52
52
|
const styleId_14E1yO: any = { marginTop: 18, marginLeft: 16 }
|
|
53
53
|
const styleId_2e0Fad: any = { height: 50, width: 50, backgroundColor: '#f8f8f8', resizeMode: 'cover', overflow: 'hidden', borderRadius: 25 }
|
|
54
54
|
const styleId_ZLhjsk: any = { flex: 1, paddingVertical: 16, marginHorizontal: 16, borderBottomWidth: 1, borderBottomColor: '#f9f9f9' }
|
|
55
|
-
const styleId_ZCtIoL: any = {
|
|
56
|
-
const styleId_ZmiARo: any = {
|
|
57
|
-
const styleId_1jN6UB: any = {
|
|
55
|
+
const styleId_ZCtIoL: any = { fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
|
|
56
|
+
const styleId_ZmiARo: any = { fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }
|
|
57
|
+
const styleId_1jN6UB: any = { fontSize: 14, fontWeight: "500", lineHeight: 20, color: "#606060" }
|
|
58
58
|
const styleId_Z1IS0fI: any = { flexDirection: 'row' }
|
|
59
59
|
const styleId_Z2nP5oE: any = { flexDirection: 'row', alignItems: 'center', marginTop: 9, backgroundColor: '#f1f1f1', padding: 3, borderRadius: 6 }
|
|
60
|
-
const styleId_Z1pDQI5: any = {
|
|
60
|
+
const styleId_Z1pDQI5: any = { fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }
|
|
@@ -60,17 +60,17 @@ export default function m(props: ContentDetailProps): any {
|
|
|
60
60
|
{result?.images?.length > 0 && <LibIcon.Ionicons name="copy-outline" color={'white'} size={30} style={{ transform: [{ scaleX: -1 }] }} />}
|
|
61
61
|
{
|
|
62
62
|
configlist.created == 1 &&
|
|
63
|
-
<Text style={applyStyle({
|
|
63
|
+
<Text style={applyStyle({ fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "white", textTransform: 'uppercase', marginTop: 12 })} >{LibUtils.moment(result.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
|
|
64
64
|
}
|
|
65
65
|
{
|
|
66
66
|
configlist.title == 1 &&
|
|
67
|
-
<Text style={applyStyle({
|
|
67
|
+
<Text style={applyStyle({ fontSize: 34, fontWeight: "500", lineHeight: 40, color: "white", marginTop: 5 })} >{result.title}</Text>
|
|
68
68
|
}
|
|
69
69
|
{
|
|
70
70
|
configlist.author == 1 &&
|
|
71
71
|
<View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
|
|
72
72
|
<View style={applyStyle({ backgroundColor: 'rgba(255,255,255,0.6)', borderRadius: 4, paddingHorizontal: 10, })} >
|
|
73
|
-
<Text style={applyStyle({
|
|
73
|
+
<Text style={applyStyle({ fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
|
|
74
74
|
</View>
|
|
75
75
|
</View>
|
|
76
76
|
}
|
|
@@ -84,7 +84,7 @@ export default function m(props: ContentDetailProps): any {
|
|
|
84
84
|
<ContentAudio code={result.code} onStatusChange={setIsAudioPlaying} ref={audioRef} />
|
|
85
85
|
<Pressable onPress={() => audioRef.current?._onPlayPausePressed()} style={{ backgroundColor: '#f8f8f8', borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 13, padding: 16, margin: 16, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }} >
|
|
86
86
|
<LibIcon.AntDesign name={isAudioPlaying ? 'pause' : 'play'} color={LibStyle.colorPrimary} />
|
|
87
|
-
<Text style={{
|
|
87
|
+
<Text style={{ fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk memainkan audio</Text>
|
|
88
88
|
</Pressable>
|
|
89
89
|
</>
|
|
90
90
|
}
|
|
@@ -92,7 +92,7 @@ export default function m(props: ContentDetailProps): any {
|
|
|
92
92
|
isDownload &&
|
|
93
93
|
<Pressable onPress={() => Linking.openURL(result.link)} style={{ backgroundColor: '#f8f8f8', borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 13, padding: 16, margin: 16, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }} >
|
|
94
94
|
<LibIcon.SimpleLineIcons name='cloud-download' color={LibStyle.colorPrimary} />
|
|
95
|
-
<Text style={{
|
|
95
|
+
<Text style={{ fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk mengunduh</Text>
|
|
96
96
|
</Pressable>
|
|
97
97
|
}
|
|
98
98
|
{
|
|
@@ -100,16 +100,16 @@ export default function m(props: ContentDetailProps): any {
|
|
|
100
100
|
<View pointerEvents={'none'} style={applyStyle({ padding: 17, paddingVertical: 5 })} >
|
|
101
101
|
{
|
|
102
102
|
configlist.created == 1 &&
|
|
103
|
-
<Text style={applyStyle({
|
|
103
|
+
<Text style={applyStyle({ fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#555", textTransform: 'uppercase', marginTop: 12 })} >{LibUtils.moment(result.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
|
|
104
104
|
}
|
|
105
105
|
{
|
|
106
106
|
configlist.title == 1 &&
|
|
107
|
-
<Text style={applyStyle({
|
|
107
|
+
<Text style={applyStyle({ fontSize: 34, fontWeight: "500", lineHeight: 40, color: "#555", marginTop: 5 })} >{result.title}</Text>
|
|
108
108
|
}
|
|
109
109
|
{
|
|
110
110
|
configlist.author == 1 &&
|
|
111
111
|
<View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
|
|
112
|
-
<Text style={applyStyle({
|
|
112
|
+
<Text style={applyStyle({ fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
|
|
113
113
|
</View>
|
|
114
114
|
}
|
|
115
115
|
</View>
|
|
@@ -123,11 +123,11 @@ export default function m(props: ContentDetailProps): any {
|
|
|
123
123
|
configlist.comment == 1 &&
|
|
124
124
|
<View style={{ alignItems: 'center', borderBottomWidth: 8, borderBottomColor: '#f2f2f2', paddingBottom: 13 }} >
|
|
125
125
|
<Pressable onPress={() => LibNavigation.navigate('content/comment', { id: result.id })} style={{ borderRadius: 8, paddingHorizontal: 24, paddingVertical: 10, backgroundColor: LibStyle.colorPrimary, }} >
|
|
126
|
-
<Text style={{
|
|
126
|
+
<Text style={{ fontSize: 14, fontWeight: "500", lineHeight: 18, color: LibStyle.colorAccent }} >KOMENTAR</Text>
|
|
127
127
|
</Pressable>
|
|
128
128
|
</View>
|
|
129
129
|
}
|
|
130
|
-
{result?.related?.length > 0 && <Text style={{
|
|
130
|
+
{result?.related?.length > 0 && <Text style={{ fontSize: 20, fontWeight: "500", lineHeight: 26, color: "#060606", marginLeft: 16, marginBottom: 13, marginTop: 20 }} >Artikel Terkait</Text>}
|
|
131
131
|
{
|
|
132
132
|
result?.related?.map?.((rel: any, i: number) => {
|
|
133
133
|
return (<ContentItem key={rel + i} {...rel} />)
|
|
@@ -29,10 +29,10 @@ export default function m(props: ContentHeaderProps): any {
|
|
|
29
29
|
</Pressable>
|
|
30
30
|
}
|
|
31
31
|
<View style={{ flex: 1 }} >
|
|
32
|
-
<Text style={{
|
|
32
|
+
<Text style={{ fontSize: 20, fontWeight: "500", lineHeight: 26, color: LibStyle.colorAccent }} >{props?.title}</Text>
|
|
33
33
|
{/* {
|
|
34
34
|
!props.backButton &&
|
|
35
|
-
<Text style={{
|
|
35
|
+
<Text style={{ fontSize: 14, lineHeight: 20, color: LibStyle.colorAccent }} >{LibUtils.moment(undefined, 'id').format('dddd, DD MMMM YYYY')}</Text>
|
|
36
36
|
} */}
|
|
37
37
|
</View>
|
|
38
38
|
{
|
|
@@ -49,4 +49,4 @@ export default function m(props: ContentIndexProps): any {
|
|
|
49
49
|
}
|
|
50
50
|
const styleId_ZKPd2h: any = { height: 56, flexDirection: 'row', borderTopWidth: 3, borderTopColor: '#f8f8f8' }
|
|
51
51
|
const styleId_Z2pKvdh: any = { flex: 1, justifyContent: 'center', alignItems: 'center' }
|
|
52
|
-
const styleId_Z25Lwf9: any = {
|
|
52
|
+
const styleId_Z25Lwf9: any = { fontSize: 12, fontWeight: "500", lineHeight: 16, textAlign: "center", color: 'grey' }
|
package/modules/content/item.tsx
CHANGED
|
@@ -105,8 +105,8 @@ export default function m(props: ContentItemProps): any {
|
|
|
105
105
|
const styleId_Z1pdPtF: any = { width: LibStyle.width, height: 110, resizeMode: 'contain' }
|
|
106
106
|
const styleId_Z1S0WHq: any = { paddingHorizontal: 16, paddingVertical: 16, flexDirection: 'row', borderBottomWidth: 1, borderTopWidth: 1, borderBottomColor: '#f2f2f2', borderTopColor: '#f8f8f8' }
|
|
107
107
|
const styleId_Z13iiKo: any = { flex: 1, marginLeft: 16, paddingTop: 0 }
|
|
108
|
-
const styleId_Z14zkzb: any = {
|
|
109
|
-
const styleId_1NrPkO: any = {
|
|
108
|
+
const styleId_Z14zkzb: any = { fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
|
|
109
|
+
const styleId_1NrPkO: any = { fontSize: 17, fontWeight: "500", lineHeight: 21, color: "#060606", marginTop: 5, }
|
|
110
110
|
const styleId_Z1i5LUH: any = { flexDirection: 'row', marginTop: 5 }
|
|
111
|
-
const styleId_mzCdS: any = {
|
|
111
|
+
const styleId_mzCdS: any = { fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, }
|
|
112
112
|
const styleId_Zl1hMr: any = { height: 90, width: 110, borderRadius: 8, backgroundColor: '#f8f8f8' }
|
|
@@ -42,11 +42,11 @@ export default function m(props: ContentItem_headerProps): any {
|
|
|
42
42
|
source={{ uri: props.image }}
|
|
43
43
|
style={applyStyle({ height: itemHeight, width: LibStyle.width, justifyContent: 'flex-end' })} >
|
|
44
44
|
<LinearGradient colors={['transparent', 'rgba(0,0,0,0.8)']} style={applyStyle({ padding: 16 })} >
|
|
45
|
-
<Text style={applyStyle({
|
|
46
|
-
<Text style={applyStyle({
|
|
45
|
+
<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>
|
|
46
|
+
<Text style={applyStyle({ fontSize: 24, fontWeight: "500", lineHeight: 30, color: "white", marginTop: 5 })} >{props.title}</Text>
|
|
47
47
|
<View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
|
|
48
48
|
<View style={applyStyle({ backgroundColor: 'rgba(255,255,255,0.6)', borderRadius: 4, paddingHorizontal: 10, })} >
|
|
49
|
-
<Text style={applyStyle({
|
|
49
|
+
<Text style={applyStyle({ fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{props.created_by_alias}</Text>
|
|
50
50
|
</View>
|
|
51
51
|
</View>
|
|
52
52
|
</LinearGradient>
|
package/modules/lib/input.tsx
CHANGED
|
@@ -21,7 +21,7 @@ export default function m(props: UserNotificationProps): any {
|
|
|
21
21
|
return (
|
|
22
22
|
<View style={[{ padding: 16, flexDirection: "row", backgroundColor: "white", marginBottom: 3, marginHorizontal: 0, width: LibStyle.width }, LibStyle.elevation(1.5)]} >
|
|
23
23
|
<View style={{}} >
|
|
24
|
-
<Text style={{ color: props.status == 2 ? "#999" : LibStyle.colorPrimary,
|
|
24
|
+
<Text style={{ color: props.status == 2 ? "#999" : LibStyle.colorPrimary, marginBottom: 8 }} >{props.title}</Text>
|
|
25
25
|
<Text ellipsizeMode="tail" numberOfLines={2} >{props.message}</Text>
|
|
26
26
|
<Text style={{ fontSize: 9, marginTop: 5 }} >{LibUtils.moment(props.updated).fromNow()}</Text>
|
|
27
27
|
</View>
|