solex2006 · armagan9706 · Jun 10, 2020 · Jun 10, 2020 · Jun 10, 2020 · Jun 11, 2020
diff --git a/Deploy.md b/Deploy.md
@@ -3,11 +3,14 @@
 
 ## Before Deployment
 
+Install in your machine NODE JS (version upper than 12.x) and METEOR (version 1.8.1).
+
 run: 
 
 ```
 cd SELI-Platform
-sudo npm install
+npm install
+npm install --global mup
 mkdir .deploy
 cd .deploy
 mup init
@@ -29,7 +32,7 @@ Visit https://www.sslforfree.com/ for free certificate.
 
 ### Mail Server
 
-In ".deploy/settings.json" fill the variables according with the parameters of your mail server, in this way:
+In ".deploy/settings.json" fill the variables according with the parameters of your mail, metabase and blockchain server (if you have not configured those servers, just simply left the variables like the example below), in this way:
 
 ```
 {
@@ -38,17 +41,21 @@ In ".deploy/settings.json" fill the variables according with the parameters of y
     "SMTP_PORT": "25",
     "SMTP_USER" : "[email protected]",
     "SMTP_USER_PASSWORD": "****"
+  },
+  "public": {
+    "METABASE_DOMAIN": "https://metabase.example.com",
+    "METABASE_KEY": "******************************************************",
+    "BLOCKCHAIN_DOMAIN": "https://blockchain.example.com",
+    "BLOCKCHAIN_USERKEY": "********************************"
   }
 }
 ```
 
 ## Deployment
 
-After right configurations run:
+One step before deployment is to create the directory /opt/Seli/UploadFiles in the root directory of your operating system and give to it permissions to read, write and delete. Finally after right configurations, in .deploy folder run:
 
 ```
-export METEOR_ALLOW_SUPERUSER=true
 mup setup
-sudo mup start
 mup deploy
 ```
diff --git a/SELI-Platform/..gitignore.swp b/SELI-Platform/..gitignore.swp
diff --git a/SELI-Platform/.meteor/packages b/SELI-Platform/.meteor/packages
@@ -17,7 +17,6 @@ [email protected]              # Enable ECMAScript2015+ syntax in app code
 [email protected]            # Server-side component of the `meteor shell` command
 
 [email protected]             # Publish all data to the clients (for prototyping)
-[email protected]                # Allow all DB writes from clients (for prototyping)
 static-html
 underscore
 ostrio:files
@@ -27,3 +26,4 @@ accounts-base
 accounts-password
 simple:rest
 session
+insecure
diff --git a/SELI-Platform/SELI-Platform.zip b/SELI-Platform/SELI-Platform.zip
diff --git a/SELI-Platform/client/main.html b/SELI-Platform/client/main.html
@@ -1,6 +1,4 @@
 <head>
-	<meta charset="utf-8" />
-	<title>SELI-Platform</title>
 	<link rel="icon" href="/favicon.ico?v=2">
 </head>
 

diff --git a/SELI-Platform/client/main.js b/SELI-Platform/client/main.js
@@ -9,7 +9,6 @@ import {
 } from 'react-router-dom';
 import { createBrowserHistory } from 'history';
 import { Tracker } from 'meteor/tracker';
-
 import Home from '../imports/ui/Home';
 import User from '../imports/ui/User';
 import Administrator from '../imports/ui/Administrator';
@@ -22,11 +21,12 @@ import MediaPlayer from '../imports/components/student/MediaPlayer';
 import CoursesDashboard from '../imports/ui/CoursesDashboard';
 import TutorRequestList from '../imports/components/administrator/TutorRequestList';
 import CertificateValidation from '../imports/ui/CertificateValidation';
+import BadgeVerification from '../imports/ui/BadgeVerification';
+import {Helmet} from "react-helmet";
+import Badge from '../imports/components/badge/Badge';
 
 const history = createBrowserHistory();
-
 window.browserHistory = history;
-
 Tracker.autorun(() => {
 
 });
@@ -35,6 +35,14 @@ Tracker.autorun(() => {
 Meteor.startup(() => {
   ReactDOM.render(
     <Router  history={history}>
+    <Helmet>
+      <meta name="viewport" content="width=device-width,initial-scale=0.85,maximum-scale=1,user-scalable=no"/>
+      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+      <meta name="HandheldFriendly" content="true"/>
+      <meta charset="utf-8" />
+      <title>SELI-Platform</title>
+      <meta name="description" content="THE SELI learning platform provides the opportunity tot create courses for various types of disabilities, taking into consideration accessibility standards, interaction between students and stimulating the creativity of tutors and students." />
+      </Helmet>
       <Switch >
         <Route exact path="/" component={Home} history={history}/>
         <Route exact path="/user" component={User} history={history}/>
@@ -48,6 +56,9 @@ Meteor.startup(() => {
         <Route exact path="/dashboard" component={CoursesDashboard} history={history}/>
         <Route exact path="/tutorRequests" component={TutorRequestList} history={history}/>
         <Route exact path="/certificatesValidation" component={CertificateValidation} history={history}/>
+        <Route exact path="/badges/verification" component={BadgeVerification} history={history}/>
+        <Route exact path="/badges/:id" component={Badge} history={history}/>
+
       </Switch>
     </Router>, document.getElementById('render-target')
   );

diff --git a/SELI-Platform/client/stylesheet/BadgeNofitication.css b/SELI-Platform/client/stylesheet/BadgeNofitication.css
@@ -0,0 +1,6 @@
+.BadgeNotificationDialog{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: "center";
+}
diff --git a/SELI-Platform/client/stylesheet/accessibility-form.css b/SELI-Platform/client/stylesheet/accessibility-form.css
@@ -1,3 +1,8 @@
+.accessibility-main-container {
+	flex-grow: 1;
+	display: flex;
+}
+
 .accessibility-form-container {
   width: 40vw;
   min-height: auto;
@@ -47,10 +52,9 @@
 
 .accessibility-percentage-container {
   width: 100%;
-  height: 100%;
+  height: auto;
   display: flex;
   justify-content: center;
-  margin-top: 2vh;
   position: relative;
 }
 
@@ -60,12 +64,13 @@
 }
 
 .accessibility-progress {
-  margin-left: 1vw;
   width: 80px;
   height: 80px;
   z-index: 205;
   position: absolute;
-  right: calc(50% - 40px);
+  left: 10px;
+  top: -40px;
+  opacity: 0.75;
 }
 
 .accessibility-percentage-value {
@@ -75,11 +80,13 @@
   justify-content: center;
   align-items: center;
   position: absolute;
-  right: calc(50% - 40px);
+  left: 10px;
+  top: -40px;
   background-color: #f5f5f5;
   border-radius: 100%;
   z-index: 200;
   font-size: 0.8em;
+  opacity: 0.75;
 }
 
 .subtitle-divider {
@@ -162,8 +169,10 @@
   max-width: 50vw !important;
   width: 40vw !important;
   min-width: 40vw !important;
-  max-height: 75vh;
+  max-height: 70vh !important;
   overflow-y: scroll;
+  display: flex;
+  justify-content: center;
 }
 
 .a11yEditor {
@@ -181,10 +190,6 @@
   font-size: 0.7em;
 }
 
-
-
-
-
 .a11yEditor-root {
   background: #fff;
   border: 1px solid #ddd;
@@ -209,6 +214,18 @@
   margin-right: 16px!important;
 }
 
+.a11yEditor-styleButtonStudent{
+  color: #999!important;
+  cursor: pointer!important;
+  display: inline-block!important;
+  padding: 3px!important;
+  max-height: 26px !important;
+  border: none!important;
+  margin-right: 1px!important;
+  max-width: fit-content!important;
+
+}
+
 .a11yEditor-activeButton {
   color: #5890ff!important;
 }
@@ -327,7 +344,6 @@
   text-align: center;
 }
 
-
 .hide{
   display: none!important;
 }
@@ -345,4 +361,33 @@
   border-radius: 4px;
   border-color: #f44336;
 
+}
+
+.timepicker{
+  display: flex;
+  flex-wrap: wrap;
+
+}
+.ButtomPickerstyle{
+  text-transform: capitalize !important;
+}
+.textareaPicker{
+margin-right: 5px 
+}
+
+.butttomPicker{
+margin-left:  10px;
+}
+
+@media only screen and (max-width: 1080px)  {
+  .accessibility-main-container {
+    display: inline;
+  }
+  .accessibility-form-side-container {
+    max-width: 100% !important;
+    width: 100% !important;
+    min-width: 100% !important;
+    overflow-y: scroll;
+    overflow-x: hidden;
+  }
 }
diff --git a/SELI-Platform/client/stylesheet/accessibility.css b/SELI-Platform/client/stylesheet/accessibility.css
@@ -1,6 +1,6 @@
 .item-accessibility-feedback-fab {
   position: absolute !important;
-  right: calc(var(--menu-item-width) + 1.1vw) !important;
+  right: 35px !important;
   top: 0.25vw !important;
   opacity: 0.75;
   transition: 0.5s !important;
@@ -24,3 +24,7 @@
   text-transform: uppercase;
   font-size: 0.85em;
 }
+
+.text-alt-container {
+  padding: 15px;
+}
diff --git a/SELI-Platform/client/stylesheet/app-bar.css b/SELI-Platform/client/stylesheet/app-bar.css
@@ -1,6 +1,6 @@
 .app-bar-container {
-  max-width: 100vw;
-  min-width: 100vw;
+  max-width: 100%;
+  min-width: 100%;
   height: var(--app-bar-height);
   background: var(--app-bar-color);
   display: flex;
@@ -9,6 +9,24 @@
   z-index: 15;
 }
 
+.app-bar-container-text{
+  display: inline;
+  height: 100% !important;
+  display: flex !important;
+  align-items: center !important;
+  color: var(--bar-font-color) !important;
+  margin-left: calc(var(--menu-size) + 2vw) !important;
+  font-size: 1.25em !important;
+  font-weight: 500 !important;
+  letter-spacing: 2.5px !important;
+}
+
+
+/* Media Queries: Tablet Landscape */
+@media screen and (max-width: 1080px) {
+  .app-bar-container-text {display: none !important;}
+} 
+
 .bar-title {
   height: 100% !important;
   display: flex !important;
@@ -36,6 +54,20 @@
   letter-spacing: 1px !important;
 }
 
+.bar-button {
+  margin: 0 0.25vw !important;
+  letter-spacing: 1px !important;
+
+}
+
+.bar-button1 {
+  margin: 23px 0px 2px !important;
+  letter-spacing: 1px !important;
+  background-color: #e0e0e0 !important;
+  font-size: 0.64rem !important;
+  padding: 1px 1px;
+}
+
 .no-text-button {
   padding: calc(var(--app-bar-height) / 2.95) !important;
   border-radius: 100% !important;

diff --git a/SELI-Platform/client/stylesheet/badge-class.css b/SELI-Platform/client/stylesheet/badge-class.css
@@ -0,0 +1,40 @@
+.badge-class-container {
+  background-color: #2a2a22;
+  height: 100vh;
+  width: 100%;
+  display: flex;
+}
+
+.badge-information {
+  display: flex;
+  color: #e4f1fe;
+  height: 100vh;
+  width: 100%;
+  flex: 2 1 0;
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.badge-image {
+  background-color: white;
+  height: 100vh;
+  width: 100%;
+  flex: 1 1 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.badge-title {
+  margin-top: 30px;
+  font-weight: bold;
+  font-size: 7em;
+}
+.badge-font-medium {
+  margin-top: 15px;
+  font-size: 2em;
+}
+.badge-label {
+  margin-top: 30px;
+  font-size: 4em;
+}
diff --git a/SELI-Platform/client/stylesheet/badge-information.css b/SELI-Platform/client/stylesheet/badge-information.css