buntyc/Dabur_StoreDNA1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard updated

Browse Source
This commit is contained in:
CPM
2025-08-20 11:21:36 +05:30
parent cd466a2af1
commit 85bb27408e
8 changed files with 66 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ios/PerformicsStoreDNA.xcodeproj/project.pbxproj
+4 -4
View File
@@ -263,7 +263,7 @@
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CLANG_ENABLE_MODULES = YES;
CURRENT_PROJECT_VERSION = 6;
CURRENT_PROJECT_VERSION = 7;
DEVELOPMENT_TEAM = JGDHGNH9XY;
ENABLE_BITCODE = NO;
INFOPLIST_FILE = PerformicsStoreDNA/Info.plist;
@@ -272,7 +272,7 @@
"$(inherited)",
"@executable_path/Frameworks",
);
MARKETING_VERSION = 1.6;
MARKETING_VERSION = 1.7;
OTHER_LDFLAGS = (
"$(inherited)",
"-ObjC",
@@ -292,7 +292,7 @@
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CLANG_ENABLE_MODULES = YES;
CURRENT_PROJECT_VERSION = 6;
CURRENT_PROJECT_VERSION = 7;
DEVELOPMENT_TEAM = JGDHGNH9XY;
INFOPLIST_FILE = PerformicsStoreDNA/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 15.1;
@@ -300,7 +300,7 @@
"$(inherited)",
"@executable_path/Frameworks",
);
MARKETING_VERSION = 1.6;
MARKETING_VERSION = 1.7;
OTHER_LDFLAGS = (
"$(inherited)",
"-ObjC",
src/assets/Icons/question-mark.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

src/assets/Icons/wall-clock.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

src/components/Alert.js
+1 -1
View File
@@ -31,7 +31,7 @@ export function ConfirmSaveAlert({
onYesCallBack = () => { },
msg = 'Do you really want to save data?',
yesText = 'Yes',
cancelText = 'NO',
cancelText = 'No',
}) {
return (
<CustomModal
src/components/CustomModal.js
+19 -14
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { View, Text, Modal, StyleSheet, TouchableOpacity, Image} from 'react-native';
import { View, Text, Modal, StyleSheet, TouchableOpacity, Image } from 'react-native';
import IMAGES from '../constants/Images';
const CustomModal = ({
@@ -18,17 +18,21 @@ const CustomModal = ({
<Modal visible={showModal} transparent animationType="fade">
<View style={styles.overlay}>
<View style={[styles.modalContainer, style]}>
{onClose && (
{/* {onClose && (
<TouchableOpacity onPress={onClose} style={styles.closeButton}>
<Image source={IMAGES.crossIcon} style={styles.iconStyle} />
<Image source={IMAGES.crossIcon} style={styles.iconStyle} />
</TouchableOpacity>
)}
)} */}
{title && <Text style={[styles.title, titleStyle]}>{title}</Text>}
{message && <Text style={[styles.message, messageStyle]}>{message}</Text>}
{/* <TouchableOpacity onPress={onClose} style={styles.closeButton}>
<Image source={IMAGES.alert} style={styles.iconStyle} />
</TouchableOpacity> */}
<View style={{ marginTop: 10 }}>
{title && <Text style={[styles.title, titleStyle]}>{title}</Text>}
{message && <Text style={[styles.message, messageStyle]}>{message}</Text>}
</View>
<View style={{ marginVertical: 10 }}>{children}</View>
</View>
</View>
</Modal>
@@ -50,7 +54,8 @@ const styles = StyleSheet.create({
borderRadius: 12,
padding: 15,
alignItems: 'center',
minHeight:200
minHeight: 180,
justifyContent: 'center'
},
title: {
fontSize: 18,
@@ -64,17 +69,17 @@ const styles = StyleSheet.create({
textAlign: 'center',
},
closeButton: {
alignSelf:'flex-end',
marginBottom:15
alignSelf: 'center',
marginBottom: 15
},
closeText: {
color: '#fff',
fontWeight: 'bold',
},
iconStyle:{
height:35,
width:35,
resizeMode:'contain',
iconStyle: {
height: 50,
width: 50,
resizeMode: 'contain',
// tintColor:'red'
}
});
src/constants/Images.js
+2
View File
@@ -26,6 +26,8 @@ const IMAGES = {
AuthTopBGNew: require('../assets/Images/appLogoNew.png'),
AuthBottomBG: require('../assets/Images/loginbottomBG.png'),
dotsIcon: require('../assets/Icons/dots.png'),
pending: require('../assets/Icons/wall-clock.png'),
alert: require('../assets/Icons/question-mark.png'),
};
src/screens/MainScreen/Dashboard/Details.js
+25 -7
View File
@@ -94,8 +94,8 @@ const Details = () => {
<Image source={IMAGES.backIcon} style={{ height: 20, width: 20, tintColor: '#fff' }} />
</TouchableOpacity>
<Text style={{ color: '#fff', fontSize: 20, fontWeight: 'bold' }}>Details</Text>
<View style={{ width: 25 }} />
<View style={{ width: 25 }} />
</View>
<ScrollView style={{ padding: 20 }}>
@@ -254,7 +254,8 @@ const Details = () => {
return (
<View key={index} style={{ marginBottom: 30 }}>
<Text style={{ color: '#000', fontSize: 16, fontWeight: '600', marginBottom: 10 }}>
<Text style={{ marginTop: 10, color: '#000', fontSize: 16, fontWeight: '600', marginBottom: 10 }}>
{detail.GraphTitle}
</Text>
@@ -289,6 +290,7 @@ const Details = () => {
borderColor: '#eee',
}}>
<Text style={{ color: '#000', width: '80%' }}>{row[displayKey] || '--'}</Text>
<TouchableOpacity disabled={isOSATab ? false : true}
onPress={() => {
if (row[presentKey] == 100 || row[presentKey] == '100') {
@@ -340,8 +342,20 @@ const Details = () => {
</TouchableOpacity>
</View>
<View style={{ borderTopLeftRadius: 10, borderTopRightRadius: 10, marginTop: 15, marginHorizontal: 15, backgroundColor: '#eee', padding: 10, borderWidth: 1, borderColor: 'gray' }}>
<Text style={{ color: '#000', fontSize: 16, fontWeight: '500' }}>{'Out of Stock SKUs:'}</Text>
</View>
{/* SKU List */}
<ScrollView contentContainerStyle={{ padding: 15 }}>
<ScrollView contentContainerStyle={{
marginHorizontal: 15,
borderBottomWidth: 0.5,
borderLeftWidth: 0.5,
borderRightWidth: 0.5,
borderColor: 'gray',
borderBottomEndRadius: 10,
borderBottomLeftRadius: 10,
}}>
{/* <Text style={{ color: '#000', fontSize: 16, fontWeight: 'bold', marginBottom: 5 }}>OOS SKU details</Text> */}
{selectedCategoryData.map((item, idx) => (
<View
@@ -353,11 +367,15 @@ const Details = () => {
paddingVertical: 8,
borderBottomWidth: idx === selectedCategoryData.length - 1 ? 0 : 1,
borderColor: '#eee',
}}
>
<Text style={{ color: '#000', width: '80%' }}>
{item.Product_MasterProduct_Name}
</Text>
<View style={{ flexDirection: 'row' }}>
<Text style={{ color: '#000', marginLeft: 10 }}>{idx + 1}. </Text>
<Text style={{ color: '#000', }}>
{item.Product_MasterProduct_Name}
</Text>
</View>
{/* <Text style={{ color: '#000', width: '20%', textAlign: 'center' }}>
{item['#_of_OOS_SKU_for_all_visits']}
</Text> */}
src/screens/MainScreen/Dashboard/index.js
+15 -7
View File
@@ -563,6 +563,10 @@ const Dashboard = (props) => {
const barData = values.map((v, idx) => {
const value = parseFloat(Object.values(v).find(val => typeof val === 'number').toFixed(1));
// console.log('valuevaluevalue--->', value);
return {
value,
label: v.CalendarYear_Month,
@@ -571,6 +575,7 @@ const Dashboard = (props) => {
<Text style={{ color: '#000', fontSize: 12, fontWeight: '500', marginBottom: 5 }}>{value}%</Text>
)
};
});
const visibleBars = barData.length;
@@ -708,7 +713,7 @@ const Dashboard = (props) => {
});
// console.log('mainTabIndex----->',mainTabIndex);
return (
<SafeAreaView style={{ flex: 1, backgroundColor: GlobalTheme.colors.primary }}>
@@ -769,16 +774,19 @@ const Dashboard = (props) => {
disabled={store?.UPLOAD_STATUS == 'U' ? true : false}
onPress={() => onSelectStore(store)}
key={store.StoreId} style={styles.storeCard}>
<View style={[styles.row, { margin: 0 }]}>
<Text style={styles.cardTextBold}>{store.StoreName}</Text>
<View style={[styles.row, { margin: 0, width: "100%" }]}>
<View style={{ width: "70%" }}>
<Text style={styles.cardTextBold}>{store.StoreName}</Text>
</View>
{store?.UPLOAD_STATUS === 'U' ?
<Image source={IMAGES.greenTick} style={{ height: 20, width: 20 }} />
:
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
<View style={{ backgroundColor: '#FFF8CD', padding: 5, paddingHorizontal: 7, borderRadius: 15 }}>
<Text style={{ color: 'orange', fontSize: 13, fontWeight: '500' }}>Pending</Text>
<View style={{ width: "30%", flexDirection: 'row', alignItems: 'center' }}>
<View style={{ flexDirection: 'row', backgroundColor: '#ffefd5', padding: 5, paddingHorizontal: 10, borderRadius: 15 }}>
<Text style={{ color: 'orange', fontSize: 12, fontWeight: '500' }}>Feedback Pending</Text>
{/* <Image source={IMAGES.pending} style={{ marginLeft: 5, height: 18, width: 18, tintColor: 'orange' }} /> */}
</View>
<Image source={IMAGES.rightArrowIcon} style={{ marginLeft: 10, height: 20, width: 20, resizeMode: 'contain', tintColor: '#97ADD6' }} />
<Image source={IMAGES.rightArrowIcon} style={{ marginLeft: -2, height: 20, width: 20, resizeMode: 'contain', tintColor: '#97ADD6' }} />
</View>
}
</View>