Skip to content

21_22-J 38
21_22-J 38
Commit 69a07a04 authored by Lihinikaduwa D.N.R. 's avatar Lihinikaduwa D.N.R.
Browse files
Options

Merge branch 'it18257632' into 'master' 

It18257632

See merge request !88
parents 69a896d7 67976c4c
Hide whitespace changes
Inline Side-by-side
Showing with 325 additions and 69 deletions
.idea/21_22j-38.iml
View file @ 69a07a04
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<excludeFolder url="file://$MODULE_DIR$/venv" /> <excludeFolder url="file://$MODULE_DIR$/venv" />
<excludeFolder url="file://$MODULE_DIR$/API/venv" /> <excludeFolder url="file://$MODULE_DIR$/API/venv" />
</content> </content>
<orderEntry type="jdk" jdkName="Python 3.9" jdkType="Python SDK" /> <orderEntry type="jdk" jdkName="Python 3.8" jdkType="Python SDK" />
<orderEntry type="sourceFolder" forTests="false" /> <orderEntry type="sourceFolder" forTests="false" />
</component> </component>
</module> </module>
\ No newline at end of file
.idea/inspectionProfiles/Project_Default.xml 0 → 100644
View file @ 69a07a04
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
<option name="ignoredErrors">
<list>
<option value="N802" />
<option value="N806" />
</list>
</option>
</inspection_tool>
</profile>
</component>
\ No newline at end of file
.idea/misc.xml
View file @ 69a07a04
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" /> <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.8" project-jdk-type="Python SDK" />
</project> </project>
\ No newline at end of file
API/.idea/.gitignore 0 → 100644
View file @ 69a07a04
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml
API/.idea/inspectionProfiles/Project_Default.xml 0 → 100644
View file @ 69a07a04
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
<option name="ignoredErrors">
<list>
<option value="N802" />
<option value="N806" />
</list>
</option>
</inspection_tool>
</profile>
</component>
\ No newline at end of file
API/.idea/vcs.xml 0 → 100644
View file @ 69a07a04
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
</component>
</project>
\ No newline at end of file
API/app.py
View file @ 69a07a04
from flask import Flask, redirect, url_for, render_template, request, jsonify, make_response from flask import Flask, redirect, url_for, render_template, request, jsonify, make_response
from API.model.colorModel import get_color_activities from API.model.colorModel import get_color_activities
from API.model.readModel import get_reading_activities
from API.routers.router import funtion_one from API.routers.router import funtion_one
app = Flask(__name__) app = Flask(__name__)
# Initial Route # Initial Route
@app.route("/") @app.route("/")
def home(): def home():
return render_template('home.html') return render_template('home.html')
# Color Function Route (IT18218640) # Color Function Route (IT18218640)
@app.route("/getColorActivities") @app.route("/getColorActivities")
def getColorActivities(): def getColorActivities():
...@@ -19,11 +22,17 @@ def getColorActivities(): ...@@ -19,11 +22,17 @@ def getColorActivities():
# Read Function Route (IT) # Read Function Route (IT)
@app.route("/testings") @app.route("/testings")
def checkothers(): def checkothers():
return "testing funtions" return "testing funtions"
# Color Function Route (IT18218640)
@app.route("/reading")
def getReadActivities():
return get_reading_activities()
@app.route("/ru") @app.route("/ru")
def abc(): def abc():
response_val = funtion_one() response_val = funtion_one()
...@@ -34,7 +43,8 @@ def abc(): ...@@ -34,7 +43,8 @@ def abc():
# return make_response(d, 200) # return make_response(d, 200)
return response_val return response_val
if __name__ == "__main__": if __name__ == "__main__":
app.run(host='192.168.8.101') # app.run(host='192.168.8.101')
#app.run(host='192.168.8.100,port='5000', debug=True) # app.run(host='192.168.8.100,port='5000', debug=True)
# app.run(debug=True) app.run(debug=True)
\ No newline at end of file
API/db/dbConnection.py
View file @ 69a07a04
...@@ -12,16 +12,17 @@ def create_con(): ...@@ -12,16 +12,17 @@ def create_con():
database="helply", database="helply",
host="127.0.0.1", host="127.0.0.1",
user="root", user="root",
password="rp19970520" password="12345678"
) )
return db return db
def create_con_pandas(): def create_con_pandas():
db_connection_str = 'mysql+mysqlconnector://root:rp19970520@127.0.0.1/helply' db_connection_str = 'mysql+mysqlconnector://root:12345678@127.0.0.1/helply'
db = create_engine(db_connection_str) db = create_engine(db_connection_str)
return db return db
def get_all_data(query): def get_all_data(query):
data_dic = [] data_dic = []
db = create_con() db = create_con()
...@@ -30,7 +31,7 @@ def get_all_data(query): ...@@ -30,7 +31,7 @@ def get_all_data(query):
result = cursor.fetchall() result = cursor.fetchall()
for row in result: for row in result:
ob={ ob = {
"idcolorActivities": row[0], "idcolorActivities": row[0],
"name": row[1], "name": row[1],
"file": row[2], "file": row[2],
...@@ -43,6 +44,27 @@ def get_all_data(query): ...@@ -43,6 +44,27 @@ def get_all_data(query):
return jsonify(data_dic) return jsonify(data_dic)
def get_reading_data(query):
db = create_con()
cursor = db.cursor()
cursor.execute(query)
result = cursor.fetchall()
#
# for row in result:
# ob = {
# "idcolorActivities": row[0],
# "name": row[1],
# "file": row[2],
# "des": row[3],
# "color": row[4],
# }
#
# data_dic.append(ob)
return result
def insert_data_pandas_df(pd_df, table_name): def insert_data_pandas_df(pd_df, table_name):
db = create_con_pandas() db = create_con_pandas()
pd_df.to_sql(name=table_name, con=db, if_exists='append', index=False) pd_df.to_sql(name=table_name, con=db, if_exists='append', index=False)
...@@ -69,7 +91,7 @@ def getDatas(query): ...@@ -69,7 +91,7 @@ def getDatas(query):
cursor.execute(query) cursor.execute(query)
result = cursor.fetchall() result = cursor.fetchall()
#idcolorActivities, name, image # idcolorActivities, name, image
for row in result: for row in result:
data_dic.add(row[0], ({"idcolorActivities": row[0], "name": row[1], "image": row[2]})) data_dic.add(row[0], ({"idcolorActivities": row[0], "name": row[1], "image": row[2]}))
......
API/model/readModel.py
View file @ 69a07a04
from API.db.dbConnection import get_data from API.db.dbConnection import get_reading_data
from flask import jsonify
def get_color_activities():
qry = 'SELECT * FROM readactivities' def get_reading_activities():
data_dic = []
qry = 'SELECT * FROM reading'
response = get_data(qry) result = get_reading_data(qry)
return response for row in result:
\ No newline at end of file ob = {
"id": row[0],
"round": row[1],
}
data_dic.append(ob)
return jsonify(data_dic)
frontend/package-lock.json
View file @ 69a07a04
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
"native-base": "^3.2.2", "native-base": "^3.2.2",
"react": "17.0.2", "react": "17.0.2",
"react-native": "0.66.2", "react-native": "0.66.2",
"react-native-elements": "^3.4.2",
"react-native-fontawesome": "^7.0.0", "react-native-fontawesome": "^7.0.0",
"react-native-gesture-handler": "^1.10.3", "react-native-gesture-handler": "^1.10.3",
"react-native-orientation-locker": "^1.4.0", "react-native-orientation-locker": "^1.4.0",
...@@ -4492,6 +4493,43 @@ ...@@ -4492,6 +4493,43 @@
"integrity": "sha512-Fo79ojj3vdEZOHg3wR9ksAMRz4P3S5fDB5e/YWZiFnyFQI1WY2Vftu9XoXVVtJfxB7Bpce/QTqWSSntkz2Znrw==", "integrity": "sha512-Fo79ojj3vdEZOHg3wR9ksAMRz4P3S5fDB5e/YWZiFnyFQI1WY2Vftu9XoXVVtJfxB7Bpce/QTqWSSntkz2Znrw==",
"dev": true "dev": true
}, },
"node_modules/@types/prop-types": {
"version": "15.7.4",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
"integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
},
"node_modules/@types/react": {
"version": "17.0.38",
"resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.38.tgz",
"integrity": "sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ==",
"dependencies": {
"@types/prop-types": "*",
"@types/scheduler": "*",
"csstype": "^3.0.2"
}
},
"node_modules/@types/react-native": {
"version": "0.66.11",
"resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.66.11.tgz",
"integrity": "sha512-DFuNMhRuyKMbJrI/s3rIuM5io+tIOK4Iq9oMzatWX5bIgfjZM86X1aA/epE0ipw1aFaoHKermK3fLG1bqFzzDQ==",
"dependencies": {
"@types/react": "*"
}
},
"node_modules/@types/react-native-vector-icons": {
"version": "6.4.10",
"resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.10.tgz",
"integrity": "sha512-z4sexbuZ7nmYsp7Z9YB5fSQoN3KFn6nZA3QsCkQLOYnVmVlxX4U22v/bM9Xx/6dOA1vClxoRZo2CFDX16uryXQ==",
"dependencies": {
"@types/react": "*",
"@types/react-native": "*"
}
},
"node_modules/@types/scheduler": {
"version": "0.16.2",
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
"node_modules/@types/stack-utils": { "node_modules/@types/stack-utils": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz", "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
...@@ -6149,7 +6187,6 @@ ...@@ -6149,7 +6187,6 @@
"version": "4.2.2", "version": "4.2.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz", "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
"dev": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
} }
...@@ -12045,6 +12082,14 @@ ...@@ -12045,6 +12082,14 @@
"node": ">=4" "node": ">=4"
} }
}, },
"node_modules/opencollective-postinstall": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
"integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
"bin": {
"opencollective-postinstall": "index.js"
}
},
"node_modules/optionator": { "node_modules/optionator": {
"version": "0.9.1", "version": "0.9.1",
"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
...@@ -12617,6 +12662,26 @@ ...@@ -12617,6 +12662,26 @@
"nullthrows": "^1.1.1" "nullthrows": "^1.1.1"
} }
}, },
"node_modules/react-native-elements": {
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.4.2.tgz",
"integrity": "sha512-m0eAWOn7JuR1wNTNY0WHuaqst4LI/gFE4N5Bbyfsc4DiryWsMST7aAg5w/Gos4IexWIzhLKCIkPxthND1m/8Xg==",
"hasInstallScript": true,
"dependencies": {
"@types/react-native-vector-icons": "^6.4.6",
"color": "^3.1.2",
"deepmerge": "^4.2.2",
"hoist-non-react-statics": "^3.3.2",
"lodash.isequal": "^4.5.0",
"opencollective-postinstall": "^2.0.3",
"react-native-ratings": "8.0.4",
"react-native-size-matters": "^0.3.1"
},
"peerDependencies": {
"react-native-safe-area-context": "^3.1.9",
"react-native-vector-icons": ">7.0.0"
}
},
"node_modules/react-native-fontawesome": { "node_modules/react-native-fontawesome": {
"version": "7.0.0", "version": "7.0.0",
"resolved": "https://registry.npmjs.org/react-native-fontawesome/-/react-native-fontawesome-7.0.0.tgz", "resolved": "https://registry.npmjs.org/react-native-fontawesome/-/react-native-fontawesome-7.0.0.tgz",
...@@ -12644,6 +12709,18 @@ ...@@ -12644,6 +12709,18 @@
"react-native-windows": ">=0.63.3" "react-native-windows": ">=0.63.3"
} }
}, },
"node_modules/react-native-ratings": {
"version": "8.0.4",
"resolved": "https://registry.npmjs.org/react-native-ratings/-/react-native-ratings-8.0.4.tgz",
"integrity": "sha512-Xczu5lskIIRD6BEdz9A0jDRpEck/SFxRqiglkXi0u67yAtI1/pcJC76P4MukCbT8K4BPVl+42w83YqXBoBRl7A==",
"dependencies": {
"lodash": "^4.17.15"
},
"peerDependencies": {
"react": "*",
"react-native": "*"
}
},
"node_modules/react-native-reanimated": { "node_modules/react-native-reanimated": {
"version": "2.2.4", "version": "2.2.4",
"resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-2.2.4.tgz", "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-2.2.4.tgz",
...@@ -12682,6 +12759,14 @@ ...@@ -12682,6 +12759,14 @@
"react-native": "*" "react-native": "*"
} }
}, },
"node_modules/react-native-size-matters": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/react-native-size-matters/-/react-native-size-matters-0.3.1.tgz",
"integrity": "sha512-mKOfBLIBFBcs9br1rlZDvxD5+mAl8Gfr5CounwJtxI6Z82rGrMO+Kgl9EIg3RMVf3G855a85YVqHJL2f5EDRlw==",
"peerDependencies": {
"react-native": "*"
}
},
"node_modules/react-native-vector-icons": { "node_modules/react-native-vector-icons": {
"version": "9.0.0", "version": "9.0.0",
"resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.0.0.tgz", "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.0.0.tgz",
...@@ -18959,6 +19044,43 @@ ...@@ -18959,6 +19044,43 @@
"integrity": "sha512-Fo79ojj3vdEZOHg3wR9ksAMRz4P3S5fDB5e/YWZiFnyFQI1WY2Vftu9XoXVVtJfxB7Bpce/QTqWSSntkz2Znrw==", "integrity": "sha512-Fo79ojj3vdEZOHg3wR9ksAMRz4P3S5fDB5e/YWZiFnyFQI1WY2Vftu9XoXVVtJfxB7Bpce/QTqWSSntkz2Znrw==",
"dev": true "dev": true
}, },
"@types/prop-types": {
"version": "15.7.4",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
"integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
},
"@types/react": {
"version": "17.0.38",
"resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.38.tgz",
"integrity": "sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ==",
"requires": {
"@types/prop-types": "*",
"@types/scheduler": "*",
"csstype": "^3.0.2"
}
},
"@types/react-native": {
"version": "0.66.11",
"resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.66.11.tgz",
"integrity": "sha512-DFuNMhRuyKMbJrI/s3rIuM5io+tIOK4Iq9oMzatWX5bIgfjZM86X1aA/epE0ipw1aFaoHKermK3fLG1bqFzzDQ==",
"requires": {
"@types/react": "*"
}
},
"@types/react-native-vector-icons": {
"version": "6.4.10",
"resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.10.tgz",
"integrity": "sha512-z4sexbuZ7nmYsp7Z9YB5fSQoN3KFn6nZA3QsCkQLOYnVmVlxX4U22v/bM9Xx/6dOA1vClxoRZo2CFDX16uryXQ==",
"requires": {
"@types/react": "*",
"@types/react-native": "*"
}
},
"@types/scheduler": {
"version": "0.16.2",
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
"@types/stack-utils": { "@types/stack-utils": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz", "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
...@@ -20258,8 +20380,7 @@ ...@@ -20258,8 +20380,7 @@
"deepmerge": { "deepmerge": {
"version": "4.2.2", "version": "4.2.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz", "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
"dev": true
}, },
"defaults": { "defaults": {
"version": "1.0.3", "version": "1.0.3",
...@@ -24822,6 +24943,11 @@ ...@@ -24822,6 +24943,11 @@
} }
} }
}, },
"opencollective-postinstall": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
"integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q=="
},
"optionator": { "optionator": {
"version": "0.9.1", "version": "0.9.1",
"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
...@@ -25260,6 +25386,21 @@ ...@@ -25260,6 +25386,21 @@
"nullthrows": "^1.1.1" "nullthrows": "^1.1.1"
} }
}, },
"react-native-elements": {
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/react-native-elements/-/react-native-elements-3.4.2.tgz",
"integrity": "sha512-m0eAWOn7JuR1wNTNY0WHuaqst4LI/gFE4N5Bbyfsc4DiryWsMST7aAg5w/Gos4IexWIzhLKCIkPxthND1m/8Xg==",
"requires": {
"@types/react-native-vector-icons": "^6.4.6",
"color": "^3.1.2",
"deepmerge": "^4.2.2",
"hoist-non-react-statics": "^3.3.2",
"lodash.isequal": "^4.5.0",
"opencollective-postinstall": "^2.0.3",
"react-native-ratings": "8.0.4",
"react-native-size-matters": "^0.3.1"
}
},
"react-native-fontawesome": { "react-native-fontawesome": {
"version": "7.0.0", "version": "7.0.0",
"resolved": "https://registry.npmjs.org/react-native-fontawesome/-/react-native-fontawesome-7.0.0.tgz", "resolved": "https://registry.npmjs.org/react-native-fontawesome/-/react-native-fontawesome-7.0.0.tgz",
...@@ -25283,6 +25424,14 @@ ...@@ -25283,6 +25424,14 @@
"integrity": "sha512-O/Ki7uw1lltKiTZLcTuLcSh4EzLFqXKKo2J4cLKvyG52YiEawbn/ipsZriZlWzK0mhX4dSe79CoRS4IsyUs1fw==", "integrity": "sha512-O/Ki7uw1lltKiTZLcTuLcSh4EzLFqXKKo2J4cLKvyG52YiEawbn/ipsZriZlWzK0mhX4dSe79CoRS4IsyUs1fw==",
"requires": {} "requires": {}
}, },
"react-native-ratings": {
"version": "8.0.4",
"resolved": "https://registry.npmjs.org/react-native-ratings/-/react-native-ratings-8.0.4.tgz",
"integrity": "sha512-Xczu5lskIIRD6BEdz9A0jDRpEck/SFxRqiglkXi0u67yAtI1/pcJC76P4MukCbT8K4BPVl+42w83YqXBoBRl7A==",
"requires": {
"lodash": "^4.17.15"
}
},
"react-native-reanimated": { "react-native-reanimated": {
"version": "2.2.4", "version": "2.2.4",
"resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-2.2.4.tgz", "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-2.2.4.tgz",
...@@ -25309,6 +25458,12 @@ ...@@ -25309,6 +25458,12 @@
"warn-once": "^0.1.0" "warn-once": "^0.1.0"
} }
}, },
"react-native-size-matters": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/react-native-size-matters/-/react-native-size-matters-0.3.1.tgz",
"integrity": "sha512-mKOfBLIBFBcs9br1rlZDvxD5+mAl8Gfr5CounwJtxI6Z82rGrMO+Kgl9EIg3RMVf3G855a85YVqHJL2f5EDRlw==",
"requires": {}
},
"react-native-vector-icons": { "react-native-vector-icons": {
"version": "9.0.0", "version": "9.0.0",
"resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.0.0.tgz", "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.0.0.tgz",
frontend/package.json
View file @ 69a07a04
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
"native-base": "^3.2.2", "native-base": "^3.2.2",
"react": "17.0.2", "react": "17.0.2",
"react-native": "0.66.2", "react-native": "0.66.2",
"react-native-elements": "^3.4.2",
"react-native-fontawesome": "^7.0.0", "react-native-fontawesome": "^7.0.0",
"react-native-gesture-handler": "^1.10.3", "react-native-gesture-handler": "^1.10.3",
"react-native-orientation-locker": "^1.4.0", "react-native-orientation-locker": "^1.4.0",
......
frontend/src/router/router.js
View file @ 69a07a04
...@@ -10,6 +10,7 @@ import Splash from '../screen/splash/Splash'; ...@@ -10,6 +10,7 @@ import Splash from '../screen/splash/Splash';
import Color from '../screen/Color'; import Color from '../screen/Color';
import Blue from '../screen/Blue'; import Blue from '../screen/Blue';
import Read from '../screen/Read'; import Read from '../screen/Read';
import ReadActivity from '../screen/activity/readActivity';
const Stack = createNativeStackNavigator(); const Stack = createNativeStackNavigator();
const AppRouter = () => { const AppRouter = () => {
...@@ -56,6 +57,11 @@ const AppRouter = () => { ...@@ -56,6 +57,11 @@ const AppRouter = () => {
name="Read" name="Read"
component={Read} component={Read}
/> />
<Stack.Screen
options={{headerShown: false}}
name="ReadActivity"
component={ReadActivity}
/>
</Stack.Navigator> </Stack.Navigator>
</NavigationContainer> </NavigationContainer>
); );
......
frontend/src/screen/Read.js
View file @ 69a07a04
...@@ -20,14 +20,25 @@ import ImageButton from '../component/ImageButton'; ...@@ -20,14 +20,25 @@ import ImageButton from '../component/ImageButton';
import ButtonView from '../component/buttonView'; import ButtonView from '../component/buttonView';
// const {width,height} = Dimensions.get('screen'); // const {width,height} = Dimensions.get('screen');
const webUrel = 'http://192.168.8.101:5000/ru'; const webUrel = 'http://127.0.0.1:5000/reading';
export default function Read() { export default function Read() {
const [names, setNames] = useState([]); const [activity, setActivity] = useState([]);
const navigation = useNavigation(); const navigation = useNavigation();
function getColorActivities() {
axios
.get(webUrel)
.then(response => {
setActivity(response.data);
console.log('response.data');
})
.catch(err => {});
}
React.useEffect(() => { React.useEffect(() => {
getColorActivities();
const unsubscribe = navigation.addListener('focus', () => { const unsubscribe = navigation.addListener('focus', () => {
// The screen is focused // The screen is focused
// Call any action // Call any action
...@@ -52,6 +63,10 @@ export default function Read() { ...@@ -52,6 +63,10 @@ export default function Read() {
</View> </View>
</View> </View>
{/* {activity.map((data, index) => {
return <ButtonView title={data.round} color="#00008B" />;
})} */}
<ButtonView title="First Round" color="#00008B"></ButtonView> <ButtonView title="First Round" color="#00008B"></ButtonView>
<ButtonView title="Second Round" color="#00008B"></ButtonView> <ButtonView title="Second Round" color="#00008B"></ButtonView>
<ButtonView title="Third Round" color="#00008B"></ButtonView> <ButtonView title="Third Round" color="#00008B"></ButtonView>
......
frontend/src/screen/activity/readActivity.js
View file @ 69a07a04
...@@ -35,7 +35,7 @@ export default function ReadActivity() { ...@@ -35,7 +35,7 @@ export default function ReadActivity() {
source={require('../../assets/read/background2.jpeg')}> source={require('../../assets/read/background2.jpeg')}>
<View> <View>
<View style={styles.textBody}> <View style={styles.textBody}>
<Text style={styles.text}>Say the name of this color?</Text> <Text style={styles.text}>Pronounce this Word!</Text>
</View> </View>
<Image <Image
...@@ -93,7 +93,7 @@ const styles = StyleSheet.create({ ...@@ -93,7 +93,7 @@ const styles = StyleSheet.create({
textBody: { textBody: {
marginTop: 150, marginTop: 150,
marginLeft: 95, marginLeft: 95,
backgroundColor: '#1DCE92', backgroundColor: '#00008B',
width: 200, width: 200,
borderRadius: 50, borderRadius: 50,
padding: 5, padding: 5,
......
frontend/src/screen/home.js
View file @ 69a07a04
...@@ -10,57 +10,54 @@ export default function Home({ navigation }){ ...@@ -10,57 +10,54 @@ export default function Home({ navigation }){
return ( return (
<SafeAreaView> <SafeAreaView>
<ScrollView> <ScrollView>
<View style={styles.imageContainer}> <View style={styles.imageContainer}>
<View style={styles.imageView}> <View style={styles.imageView}>
<Image <Image
style={styles.image} style={styles.image}
source={require('../assets/color/background.png')} source={require('../assets/color/background.png')}
resizeMode="contain"></Image> resizeMode="contain"></Image>
<ImageButton path="Color" title="Color Activity" /> <ImageButton path="Color" title="Color Activity" />
</View>
<View style={styles.imageView}>
<Image
style={styles.image}
source={require('../assets/read/background4.jpg')}
resizeMode="contain"></Image>
<ImageButton path="Read" title="Read Activity" />
</View>
</View> </View>
<View style={styles.imageView}> <View style={styles.imageContainer}>
<Image <View style={styles.imageView}>
style={styles.image} <Image
source={require('../assets/color/background.png')} style={styles.image}
resizeMode="contain"></Image> source={require('../assets/color/background.png')}
<ImageButton path="Read" title="Read Activity" /> resizeMode="contain"></Image>
<ImageButton path="Progress" title="Progress Chack" />
</View>
</View> </View>
</View> </ScrollView>
<View style={styles.imageContainer}> </SafeAreaView>
<View style={styles.imageView}>
<Image
style={styles.image}
source={require('../assets/color/background.png')}
resizeMode="contain"></Image>
<ImageButton path="Progress" title="Progress Chack" />
</View>
</View>
</ScrollView>
</SafeAreaView>
); );
} }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
imageContainer: {
imageContainer:{ flexDirection: 'row',
flexDirection: "row", marginTop: 70,
marginTop: 70, },
}, imageView: {
imageView: { width: 180,
width: 180, height: 300,
height: 300, // borderWidth:1,
// borderWidth:1, // borderColor: "#000",
// borderColor: "#000", marginHorizontal: 15,
marginHorizontal: 15, borderRadius: 50,
borderRadius: 50 },
}, image: {
image: { width: '100%',
width: "100%", height: '100%',
height: "100%", borderRadius: 50,
borderRadius: 50 },
}, });
\ No newline at end of file
})
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment