Dhanush

%ProgramData%/Microsoft/Windows/UUS/State/_active.uusver

@@ -0,0 +1 @@
+1215.2401.19022.0

.vscode/launch.json

@@ -0,0 +1,9 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+
+    ]
+}

App.js

@@ -1,25 +1,299 @@
-import 'react-native-gesture-handler'
+import 'react-native-gesture-handler';
 import { NavigationContainer } from "@react-navigation/native";
+import { Ionicons, FontAwesome5 } from '@expo/vector-icons';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-// import { NavigationContainer } from '@react-navigation/native';
-// import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import Login from "./Pages/login"
-import { View } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { createStackNavigator } from '@react-navigation/stack';
+import { TouchableOpacity, View, Text, StyleSheet } from "react-native";
+import { Entypo } from '@expo/vector-icons';
+import React, { useState, useEffect, createContext, useContext } from 'react'
+// import SkeletonContent from 'react-native-skeleton-content'
+import Login from "./Pages/login";
+import ChangePw from "./Pages/changePw"
 import AddCourse from "./Pages/AddCourse";
+import DashBoard from "./Pages/Dashboard";
+import StaffDashBoard from "./Pages/StaffDashBoard"
+import SignUp from "./Pages/Signup";
+import Notification from './Pages/Notifications';
+import Profile from "./Pages/Profile";
+import Attendence from './Pages/AttendenceManager';
+import ipAddr from "./functions/ip_addr";
+import axios from 'axios';
+import StaffLogin from "./Pages/staffLogin"
+import StaffProfile from "./Pages/StaffProfile"
+import StaffAttendence from "./Pages/StaffAtt"
+import AttendanceDisplay from './Pages/AttDisplay';
+import * as Device from 'expo-device';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import Schedule from './Pages/Schedule';
+import CoursesDisplay from './Pages/coursesDisplay';
+import registerNNPushToken from 'native-notify';
+import { registerIndieID, unregisterIndieDevice } from 'native-notify';
 
+// import { registerForPushNotificationsAsync } from './functions/notify_sender';
 
-const BottomTab = createBottomTabNavigator()
-const Stack = createNativeStackNavigator();
+
+
+const BottomTab = createBottomTabNavigator();
+const Stack = createStackNavigator();
+const LogContext = createContext(null);
 
 export default function App() {
+  registerNNPushToken(19717, '6cGVSWyXY5RoTiF9pUgfiS');
+  const [isLoggedIn, setLoggedIn] = useState(false);
+  const [isStaffLoggedIn, setStaffLoggedIn] = useState(false);
+
+  const [loading, setLoading] = useState(true);
+  const [expoPushToken, setExpoPushToken] = useState('');
+  const makeItTrue = () => {
+    setStaffLoggedIn(true);
+  }
+
+  useEffect(() => {
+    var tok, roll;
+    async function fetch() {
+      try {
+        tok = await AsyncStorage.getItem("token");
+        roll = await AsyncStorage.getItem("roll");
+      } catch (err) {
+        console.log("Error in app.js token and roll fetching : ", err.message)
+      }
+      if (!tok) {
+        setLoggedIn(false);
+        setLoading(false);
+        console.log("INFO : No Auth token", tok)
+        return;
+      }
+      console.log("INFO: Auth Token is present")
+      axios({
+        url: "http://" + ipAddr + ":3000/auth/verify",
+        method: "POST",
+        params: { token: tok }
+      }).then(res => {
+        console.log("token verifiction finish")
+        console.log(res.data)
+        if (res.data.success) {
+          if (res.data.isFaculty) {
+            setStaffLoggedIn(true);
+          } else {
+            setLoggedIn(true);
+          }
+        }
+        setLoading(false);
+      }).catch(err => {
+        console.log("ERROR:  In verifying token", err.message);
+        setLoading(false);
+      })
+    }
+    fetch();
+
+  }, [])
   return (
-   <NavigationContainer>
-      <BottomTab.Navigator initialRouteName='Login'>
-        <BottomTab.Screen name="Login" component={Login} />
-        <BottomTab.Screen name="Add Couse" component={AddCourse} />
-      </BottomTab.Navigator>
-    </NavigationContainer>
+    loading ? <Loading /> :
+      <>
+        <LogContext.Provider value={[setLoggedIn, makeItTrue, setStaffLoggedIn]}>
+          {
+            isStaffLoggedIn ?
+              <NavigationContainer>
+                <AfterLoginStaff />
+              </NavigationContainer>
+              : (isLoggedIn ?
+                <NavigationContainer>
+                  <AfterLogin />
+                </NavigationContainer>
+                :
+                <NavigationContainer>
+                  <BeforeLogin />
+                </NavigationContainer>)
+          }
+        </LogContext.Provider>
+      </>
+  )
+}
+
+export { LogContext }
+
+function Loading() {
+  return (
+    <View style={styles.loadingContainer}>
+      <Text style={styles.loadingText}>Loading...</Text>
+    </View>
+  )
+}
+
+function AfterLoginStaff() {
+  return (
+    <>
+      <Stack.Navigator
+        screenOptions={({ navigation }) => ({
+          headerRight: () => (
+            <TouchableOpacity
+              style={{ marginRight: 30, marginTop: 10 }}
+              onPress={() => {
+                console.log("Notification Pressed");
+                navigation.navigate("Notification");
+              }}
+            >
+              <Ionicons name="notifications" size={24} color="black" />
+            </TouchableOpacity>
+          )
+        })}
+      >
+        <Stack.Screen name="Main" component={MainScreenStaffs} options={{ headerShown: false }} />
+        <Stack.Screen name="Notification" component={Notification} />
+        <Stack.Screen name="CourseDisplay" component={CoursesDisplay} options={{ headerTitle: "My Courses" }} />
+        <Stack.Screen name="Attendence" component={Attendence} />
+        <Stack.Screen name="Dashboard" component={DashBoard} />
+        <Stack.Screen name="Schedule" component={Schedule} />
+        <Stack.Screen name="StaffAttendance" component={StaffAttendence} />
+        <Stack.Screen name="ChangePw" component={ChangePw} options={{ headerTitle: "Change Password" }} />
+
+
+
+      </Stack.Navigator>
+    </>
   )
+}
+
+
+function AfterLogin() {
+  return (
+    <>
+      <Stack.Navigator
+        screenOptions={({ navigation }) => ({
+          headerRight: () => (
+            <TouchableOpacity
+              style={{ marginRight: 30, marginTop: 10 }}
+              onPress={() => {
+                console.log("Notification Pressed");
+                navigation.navigate("Notification");
+              }}
+            >
+              <Ionicons name="notifications" size={24} color="black" />
+            </TouchableOpacity>
+          )
+        })}
+      >
+        <Stack.Screen name="Main" component={MainScreen} options={{ headerShown: false }} />
+        <Stack.Screen name="Notification" component={Notification} options={{ headerTitle: "Notification" }} />
+        <Stack.Screen name="AddCourse" component={AddCourse} options={{ headerTitle: "Add a Course" }} />
+        <Stack.Screen name="CourseDisplay" component={CoursesDisplay} options={{ headerTitle: "My Courses" }} />
+        <Stack.Screen name="Attendence" component={Attendence} options={{ headerTitle: "Bunk Manager" }} />
+        <Stack.Screen name="AttendenceDisplay" component={AttendanceDisplay} options={{ headerTitle: "My Attendance" }} />
+        <Stack.Screen name="Dashboard" component={DashBoard} />
+        <Stack.Screen name="Schedule" component={Schedule} />
+        <Stack.Screen name="ChangePw" component={ChangePw} options={{ headerTitle: "Change Password" }} />
+      </Stack.Navigator>
+    </>
+  )
+}
+
+function MainScreenStaffs() {
+  return (
+    <BottomTab.Navigator initialRouteName='StaffDashboard'>
+      <BottomTab.Screen
+        name="StaffDashboard"
+        component={StaffDashBoard}
+        // children={()=><DashBoard />}
+        options={{
+          tabBarLabel: "Staff Dashboard",
+          tabBarIcon: () => (<Ionicons name="ios-analytics" size={20} />),
+          headerShown: true,
+          headerTitle: "Staff Dashboard"
+        }}
+      />
+      <BottomTab.Screen
+        name="Profile"
+        component={StaffProfile}
+        options={{
+          tabBarLabel: "Profile",
+          tabBarIcon: () => (<Ionicons name="ios-person" size={20} />),
+          headerShown: true,
+          headerTitle: "Profile"
+        }}
+      />
+    </BottomTab.Navigator>
+  );
+}
+
+function MainScreen() {
+  return (
+    <BottomTab.Navigator initialRouteName='Dashboard'>
+      <BottomTab.Screen
+        name="Dashboard"
+        component={DashBoard}
+        // children={()=><DashBoard />}
+        options={{
+          tabBarLabel: "Dashboard",
+          tabBarIcon: () => (<Ionicons name="ios-analytics" size={20} />),
+          headerShown: true,
+          headerTitle: "Dashboard"
+        }}
+      />
+      <BottomTab.Screen
+        name="Profile"
+        component={Profile}
+        options={{
+          tabBarLabel: "Profile",
+          tabBarIcon: () => (<Ionicons name="ios-person" size={20} />),
+          headerShown: true,
+          headerTitle: "Profile"
+        }}
+      />
+    </BottomTab.Navigator>
+  );
+}
+
+function BeforeLogin() {
+  return (
+    <BottomTab.Navigator initialRouteName='Login'>
+
+      <BottomTab.Screen
+        name="Login"
+        component={Login}
+        // children={() => <Login />}
+        options={{
+          tabBarLabel: "Student Login",
+          tabBarIcon: () => (<Entypo name="login" size={20} color="black" />),
+          headerShown: true,
+          headerTitle: "Student Login",
+        }}
+      />
+      <BottomTab.Screen
+        name="Signup"
+        component={SignUp}
+        options={{
+          tabBarLabel: "Signup",
+          tabBarIcon: () => (<Ionicons name="person-add-sharp" size={20} />),
+          headerShown: true,
+          headerTitle: "Register"
+        }}
+      />
+      <BottomTab.Screen
+        name="StaffLogin"
+        component={StaffLogin}
+        // children={() => <Login />}
+        options={{
+          tabBarLabel: "Staff Login",
+          tabBarIcon: () => (<FontAwesome5 name="chalkboard-teacher" size={20} color="black" />),
+          headerShown: true,
+          headerTitle: "Staff Login",
+        }}
+      />
+    </BottomTab.Navigator>
+  )
+}
+
+
 
-}
+const styles = StyleSheet.create({
+  loadingContainer: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    height: "100%"
+  },
+  loadingText: {
+    fontSize: 22,
+    fontWeight: "bold"
+  }
+})

Components/Schedule.json

@@ -0,0 +1,10 @@
+[
+    {"courseNo": 13,"Hour":"1","Subject":"SRP Lab","staff":"Jasmine","location":"KP"},
+    {"courseNo": 13,"Hour":"2","Subject":"SRP Lab","staff":"Jasmine","location":"KP"},
+    {"courseNo": 13,"Hour":"3","Subject":"Social Network Analysis","staff":"Mala","location":"KP"},
+    {"courseNo": 13,"Hour":"4","Subject":"Social Network Analysis","staff":"Mala","location":"KP"},
+    {"courseNo": 13,"Hour":"5","Subject":"IOT ","staff":"Selvi Ravindran","location":"KP"},
+    {"courseNo": 13,"Hour":"6","Subject":"IOT ","staff":"Selvi Ravindran","location":"KP"},    
+    {"courseNo": 13,"Hour":"7","Subject":"SRP Lab","staff":"Jasmine","location":"KP"},
+    {"courseNo": 13,"Hour":"8","Subject":"SRP Lab","staff":"Jasmine","location":"KP"}
+]

Components/Skeleton.js

@@ -0,0 +1,44 @@
+import { View } from "react-native";
+import { StyleSheet } from "react-native";
+const CardSkeleton = () => { 
+    return ( 
+        <View style={styles.container}> 
+            {/* Placeholder card content */} 
+            <View style={styles.placeholder} /> 
+            <View style={styles.placeholder} /> 
+            <View style={styles.placeholder} /> 
+        </View> 
+    ); 
+};
+
+const styles = StyleSheet.create({
+    container: { 
+        backgroundColor: '#F6F6F6', 
+        borderRadius: 13, 
+        padding: 16, 
+        marginBottom: 16, 
+        marginTop: 50, 
+    }, 
+    placeholder: { 
+        backgroundColor: '#ccc', 
+        height: 16, 
+        borderRadius: 4, 
+        marginBottom: 8, 
+    }, 
+    card: { 
+        backgroundColor: '#FFFFFF', 
+        borderRadius: 8, 
+        padding: 16, 
+        marginHorizontal: 16, 
+        marginBottom: 16, 
+        marginTop: 50, 
+        shadowColor: '#000', 
+        shadowOpacity: 0.1, 
+        shadowOffset: { width: 0, height: 2 }, 
+        shadowRadius: 4, 
+        elevation: 2, 
+    }
+})
+
+
+export default CardSkeleton