diff --git a/ReactJS/Native/AlfaPrentice/App/Router/Router.js b/ReactJS/Native/AlfaPrentice/App/Router/Router.js
index 9ffccb5..b59667a 100644
--- a/ReactJS/Native/AlfaPrentice/App/Router/Router.js
+++ b/ReactJS/Native/AlfaPrentice/App/Router/Router.js
@@ -5,7 +5,20 @@ import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
//Pages
-import { Home, SearchPage, Login, CompanyProfile, UserProfile} from '../index';
+import {
+ Home,
+ SearchPage,
+ Login,
+ CompanyProfile,
+ UserProfile,
+ AccountSettings,
+ Agenda,
+ Contact,
+ InternStatus,
+ OutgoingSolicitation,
+ Suggestions,
+ Weekscedule,
+ } from '../index';
const Stack = createStackNavigator();
@@ -43,6 +56,34 @@ class Routes extends React.Component {
name="Userprofile"
component={UserProfile}
/>
+
+
+
+
+
+
+
)
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Home.js b/ReactJS/Native/AlfaPrentice/App/Views/Home.js
index 247a068..9e48189 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/Home.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Home.js
@@ -1,12 +1,12 @@
//Modules
import React from 'react'
-import { TouchableOpacity, Text } from 'react-native';
-import { Actions } from 'react-native-router-flux';
+import { TouchableOpacity, Text, StyleSheet } from 'react-native';
//Components
-import { DefaultLayout, Hero } from '../index';
+import { DefaultLayout, Hero, } from '../index';
-const Home = ({ navigation }) => {
+class Home extends React.Component {
+ render() {
return (
@@ -16,4 +16,20 @@ const Home = ({ navigation }) => {
)
}
-export default Home
\ No newline at end of file
+}
+
+const styles = StyleSheet.create({
+ carousel: {
+ height: 200,
+ width: '100%',
+ },
+ container: {
+ width: 375,
+ flex: 1,
+ justifyContent: 'center',
+ alignItems: 'center',
+ backgroundColor: 'transparent',
+ },
+ });
+
+export default Home;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js
index fd08087..64cac14 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/UserProfile.js
@@ -16,13 +16,13 @@ class UserProfile extends React.Component {
-
-
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/AccountSettings.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/AccountSettings.js
new file mode 100644
index 0000000..5dfb91c
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/AccountSettings.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class AccountSettings extends React.Component {
+ render() {
+ return (
+
+ Account instellingen
+
+ )
+ }
+}
+
+export default AccountSettings;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Agenda.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Agenda.js
new file mode 100644
index 0000000..942570a
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Agenda.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class Agenda extends React.Component {
+ render() {
+ return (
+
+ Agenda
+
+ )
+ }
+}
+
+export default Agenda;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Contact.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Contact.js
new file mode 100644
index 0000000..f6c4fe5
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Contact.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class Contact extends React.Component {
+ render() {
+ return (
+
+ Contact
+
+ )
+ }
+}
+
+export default Contact;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/InternStatus.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/InternStatus.js
new file mode 100644
index 0000000..1e0330b
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/InternStatus.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class InternStatus extends React.Component {
+ render() {
+ return (
+
+ Status stage pagina
+
+ )
+ }
+}
+
+export default InternStatus;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/OutgoingSolicitation.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/OutgoingSolicitation.js
new file mode 100644
index 0000000..a2e8a6c
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/OutgoingSolicitation.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class OutgoingSolicitation extends React.Component {
+ render() {
+ return (
+
+ UItgaande solicitaties
+
+ )
+ }
+}
+
+export default OutgoingSolicitation;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Suggestions.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Suggestions.js
new file mode 100644
index 0000000..149f133
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Suggestions.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class Suggestions extends React.Component {
+ render() {
+ return (
+
+ Suggesties
+
+ )
+ }
+}
+
+export default Suggestions;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Weekstaten.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Weekstaten.js
new file mode 100644
index 0000000..643d06e
--- /dev/null
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/Userfunctions/Weekstaten.js
@@ -0,0 +1,18 @@
+//Modules
+import React from 'react';
+import {View, Text} from 'react-native';
+
+//Components
+import { DefaultLayout } from '../../../index';
+
+class Weekscedule extends React.Component {
+ render() {
+ return (
+
+ Weekstaten
+
+ )
+ }
+}
+
+export default Weekscedule;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/App/index.js b/ReactJS/Native/AlfaPrentice/App/index.js
index 6030de2..8df6019 100644
--- a/ReactJS/Native/AlfaPrentice/App/index.js
+++ b/ReactJS/Native/AlfaPrentice/App/index.js
@@ -14,6 +14,13 @@ import SearchPage from './Views/SearchPage';
import Login from './Views/Login';
import CompanyProfile from './Views/Profiles/CompanyProfile';
import UserProfile from './Views/Profiles/UserProfile';
+import AccountSettings from './Views/Profiles/Userfunctions/AccountSettings';
+import Agenda from './Views/Profiles/Userfunctions/Agenda';
+import Contact from './Views/Profiles/Userfunctions/Contact';
+import InternStatus from './Views/Profiles/Userfunctions/InternStatus';
+import OutgoingSolicitation from './Views/Profiles/Userfunctions/OutgoingSolicitation';
+import Suggestions from './Views/Profiles/Userfunctions/Suggestions';
+import Weekscedule from './Views/Profiles/Userfunctions/Weekstaten';
//Components export
export {
@@ -33,6 +40,13 @@ export {
Login,
CompanyProfile,
UserProfile,
+ AccountSettings,
+ Agenda,
+ Contact,
+ InternStatus,
+ OutgoingSolicitation,
+ Suggestions,
+ Weekscedule,
}
export default Routes;
\ No newline at end of file
diff --git a/ReactJS/Native/AlfaPrentice/package-lock.json b/ReactJS/Native/AlfaPrentice/package-lock.json
index 86d1753..3b916aa 100644
--- a/ReactJS/Native/AlfaPrentice/package-lock.json
+++ b/ReactJS/Native/AlfaPrentice/package-lock.json
@@ -1670,6 +1670,11 @@
"resolved": "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.10.tgz",
"integrity": "sha512-rk4sWFsmtOw8oyx8SD3KSvawwaK7gRBSEIy2TAwURyGt+3TizssXP1r8nx3zY+R7v2vYYHXZ+k2/GULAT/bcaQ=="
},
+ "@react-native-community/viewpager": {
+ "version": "1.1.7",
+ "resolved": "https://registry.npmjs.org/@react-native-community/viewpager/-/viewpager-1.1.7.tgz",
+ "integrity": "sha512-k9v2KJtAprNPq7IZmedD2VLMePvPW+ohX3uDnkpoKritBji+/RtRmTKrdtPi3Uvp0toq/KtPttAds1dr7AZNpw=="
+ },
"@react-navigation/core": {
"version": "5.14.4",
"resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-5.14.4.tgz",
@@ -1772,6 +1777,15 @@
"@types/react": "*"
}
},
+ "@types/react-native-snap-carousel": {
+ "version": "3.8.2",
+ "resolved": "https://registry.npmjs.org/@types/react-native-snap-carousel/-/react-native-snap-carousel-3.8.2.tgz",
+ "integrity": "sha512-ItvLo19gQstxcir6wIXJxwohxdYj9t/lXv+MXfqhwMSYaR+Xa3vOP7b6TYQCe9GqDPH3sEgEg/uH6CLV+fhcWA==",
+ "requires": {
+ "@types/react": "*",
+ "@types/react-native": "*"
+ }
+ },
"@types/react-native-vector-icons": {
"version": "6.4.6",
"resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.6.tgz",
@@ -6293,6 +6307,36 @@
"prop-types": "^15.6.2"
}
},
+ "react-addons-shallow-compare": {
+ "version": "15.6.2",
+ "resolved": "https://registry.npmjs.org/react-addons-shallow-compare/-/react-addons-shallow-compare-15.6.2.tgz",
+ "integrity": "sha1-GYoAuR/DdiPbZKKP0XtZa6NicC8=",
+ "requires": {
+ "fbjs": "^0.8.4",
+ "object-assign": "^4.1.0"
+ },
+ "dependencies": {
+ "core-js": {
+ "version": "1.2.7",
+ "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
+ "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY="
+ },
+ "fbjs": {
+ "version": "0.8.17",
+ "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz",
+ "integrity": "sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=",
+ "requires": {
+ "core-js": "^1.0.0",
+ "isomorphic-fetch": "^2.1.1",
+ "loose-envify": "^1.0.0",
+ "object-assign": "^4.1.0",
+ "promise": "^7.1.1",
+ "setimmediate": "^1.0.5",
+ "ua-parser-js": "^0.7.18"
+ }
+ }
+ }
+ },
"react-devtools-core": {
"version": "4.10.0",
"resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-4.10.0.tgz",
@@ -6330,6 +6374,15 @@
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
},
+ "react-mixin": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/react-mixin/-/react-mixin-3.1.1.tgz",
+ "integrity": "sha512-z9fZ0aCRDjlgxLdMeWkJ9TwhmVLhQ09r8RFpin/cEPA2T6jsb7YHNWcIe0Oii+hhJNyMymdy91CSya5mRkuCkg==",
+ "requires": {
+ "object-assign": "^4.0.1",
+ "smart-mixin": "^2.0.0"
+ }
+ },
"react-native": {
"version": "https://github.com/expo/react-native/archive/sdk-39.0.4.tar.gz",
"integrity": "sha512-SHhcKW3LF+6Lx8zEbFNeWEuLKcSLv3seeKhEctdfl8Ey19HWdCzQMlDDKhFELBeyLFjrzhpvl4jVTM4h/Sw+YQ==",
@@ -6702,6 +6755,32 @@
}
}
},
+ "react-native-anchor-carousel": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/react-native-anchor-carousel/-/react-native-anchor-carousel-3.1.2.tgz",
+ "integrity": "sha512-LPnK0mIK+/+t6gki14fQWMSMA2NbiG9gLGayuw2sNCegTnQQGl+NYbvyHinAH7WEm26dZe1YHlRnNPOaEzqKUQ==",
+ "requires": {
+ "prop-types": "^15.5.10"
+ }
+ },
+ "react-native-carousel": {
+ "version": "0.12.0",
+ "resolved": "https://registry.npmjs.org/react-native-carousel/-/react-native-carousel-0.12.0.tgz",
+ "integrity": "sha512-quuOYsEYPJ0g8YLWNyZ8mc6BVye4kHavQ+Ba/FlNbb4LdVqAyL3jo3Pd9doa96XBh65JCY2B2XNtaGlnHk3t5w==",
+ "requires": {
+ "@react-native-community/viewpager": "^1.1.7",
+ "react-timer-mixin": "^0.13.3"
+ }
+ },
+ "react-native-carousel-view": {
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/react-native-carousel-view/-/react-native-carousel-view-0.5.1.tgz",
+ "integrity": "sha1-Kw1k0y1xvgn/dVWqjBmx2smMWWk=",
+ "requires": {
+ "react-mixin": "^3.0.5",
+ "react-timer-mixin": "^0.13.3"
+ }
+ },
"react-native-elements": {
"version": "3.0.0-alpha.1",
"resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.0.0-alpha.1.tgz",
@@ -6809,11 +6888,25 @@
"resolved": "https://registry.npmjs.org/react-native-size-matters/-/react-native-size-matters-0.3.1.tgz",
"integrity": "sha512-mKOfBLIBFBcs9br1rlZDvxD5+mAl8Gfr5CounwJtxI6Z82rGrMO+Kgl9EIg3RMVf3G855a85YVqHJL2f5EDRlw=="
},
+ "react-native-snap-carousel": {
+ "version": "3.9.1",
+ "resolved": "https://registry.npmjs.org/react-native-snap-carousel/-/react-native-snap-carousel-3.9.1.tgz",
+ "integrity": "sha512-xWEGusacIgK1YaDXLi7Gao2+ISLoGPVEBR8fcMf4tOOJQufutlNwkoLu0l6B8Qgsrre0nTxoVZikRgGRDWlLaQ==",
+ "requires": {
+ "prop-types": "^15.6.1",
+ "react-addons-shallow-compare": "15.6.2"
+ }
+ },
"react-native-status-bar-height": {
"version": "2.6.0",
"resolved": "https://registry.npmjs.org/react-native-status-bar-height/-/react-native-status-bar-height-2.6.0.tgz",
"integrity": "sha512-z3SGLF0mHT+OlJDq7B7h/jXPjWcdBT3V14Le5L2PjntjjWM3+EJzq2BcXDwV+v67KFNJic5pgA26cCmseYek6w=="
},
+ "react-native-swiper-hooks": {
+ "version": "1.2.5",
+ "resolved": "https://registry.npmjs.org/react-native-swiper-hooks/-/react-native-swiper-hooks-1.2.5.tgz",
+ "integrity": "sha512-Ytr0RBMaZgJpyw7UUFYzdmUlwRdHLcu7dXn/VUHqiD97FBV2ZDe/kzzfAvP1zIY1y7SE1qjLFWsuwy8fmVUoWQ=="
+ },
"react-native-tab-view": {
"version": "2.15.2",
"resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-2.15.2.tgz",
@@ -7406,6 +7499,11 @@
"resolved": "https://registry.npmjs.org/slide/-/slide-1.1.6.tgz",
"integrity": "sha1-VusCfWW00tzmyy4tMsTUr8nh1wc="
},
+ "smart-mixin": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/smart-mixin/-/smart-mixin-2.0.0.tgz",
+ "integrity": "sha1-o0oQVeMqdbMNK048oyPcmctT9Dc="
+ },
"snapdragon": {
"version": "0.8.2",
"resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
diff --git a/ReactJS/Native/AlfaPrentice/package.json b/ReactJS/Native/AlfaPrentice/package.json
index e10d29d..c24bcbc 100644
--- a/ReactJS/Native/AlfaPrentice/package.json
+++ b/ReactJS/Native/AlfaPrentice/package.json
@@ -11,17 +11,23 @@
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/native": "^5.8.10",
"@react-navigation/stack": "^5.12.8",
+ "@types/react-native-snap-carousel": "^3.8.2",
"expo": "~39.0.2",
"expo-status-bar": "~1.0.2",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-39.0.4.tar.gz",
+ "react-native-anchor-carousel": "^3.1.2",
+ "react-native-carousel": "^0.12.0",
+ "react-native-carousel-view": "^0.5.1",
"react-native-elements": "^3.0.0-alpha.1",
"react-native-gesture-handler": "^1.7.0",
"react-native-reanimated": "^1.13.2",
"react-native-router-flux": "^4.2.0",
"react-native-safe-area-context": "^3.1.4",
"react-native-screens": "^2.10.1",
+ "react-native-snap-carousel": "^3.9.1",
+ "react-native-swiper-hooks": "^1.2.5",
"react-native-web": "~0.13.12"
},
"devDependencies": {