Skip to content

yotta / pictogram

Go to a project
Commit e39c1c30 by Pablo Molina
Options

Solved #386, organizados eventos websocket 

- Añadido hook "rooms" a sails
- Añadido hook "events" a sails
- Actualizado StudentController.link_supervisor para que use los nuevos hooks
- Añadido uso de sails responses (badRequest(), ok()...) para las
  peticiones
- Creado servicio IOService para manejar websockets en angular
- Añadidas urls /sup/subscribe y /sup/unsubscribe para crear salas de
  supervisores
parent 07f44854
Expand all
Inline Side-by-side
Showing with 1025 additions and 773 deletions
.editorconfig 0 → 100644
# EditorConfig is awesome: http://EditorConfig.org
root = true
[*]
end_of_line = lf
charset = utf-8
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
[android/**]
indent_size = 4
CONTRIBUTING.md
...@@ -44,3 +44,18 @@ todo el repositorio, organizadas en 3 categorías: ...@@ -44,3 +44,18 @@ todo el repositorio, organizadas en 3 categorías:
- Estado: - Estado:
- `in-progress`: incidencias en proceso de desarrollo - `in-progress`: incidencias en proceso de desarrollo
- `critical`: elementos importantes que deben tener prioridad - `critical`: elementos importantes que deben tener prioridad
# Aspecto del código
- En el fichero [.editorconfig](./.editorconfig) se encuentra el estilo
utilizado en el código (en cuento a espacios, codificación y demás). Existen
numerosos plugins que pueden encontrarse en
[editorconfig.org](http://EditorConfig.org).
- En el fichero [/sails/src/.eslintrc](./sails/src/eslintrc) se encuentran los
estilos referentes a los ficheros de javascript. Tanto `eslint` como las
configuraciones necesarias se encuentran en el fichero
[/sails/src/package.json](./sails/src/package.json), y se instalarán como
dependencias de desarrollo.
> Puede configurarse eslint en el editor usado o ejecutando
> `eslint [ficheros]` desde el directorio [/sails/src](./sails/src).
android/Pictogram/app/build.gradle
...@@ -9,7 +9,7 @@ android { ...@@ -9,7 +9,7 @@ android {
buildToolsVersion "21.1.2" buildToolsVersion "21.1.2"
defaultConfig { defaultConfig {
applicationId "com.yottacode.pictogram" applicationId "com.yottacode.pictogram"
minSdkVersion 19 minSdkVersion 21
targetSdkVersion 21 targetSdkVersion 21
versionCode 1 versionCode 1
versionName "1.0" versionName "1.0"
......
android/Pictogram/app/src/main/java/com/yottacode/pictogram/gui/PanelAdapter.java → android/Pictogram/app/src/main/java/com/yottacode/pictogram/gui/PictoGridAdapter.java
...@@ -35,7 +35,7 @@ import java.util.ArrayList; ...@@ -35,7 +35,7 @@ import java.util.ArrayList;
import java.util.Hashtable; import java.util.Hashtable;
import java.util.LinkedList; import java.util.LinkedList;
public class PanelAdapter extends ArrayAdapter { public class PictoGridAdapter extends ArrayAdapter {
private LinkedList<Picto> lPictos; private LinkedList<Picto> lPictos;
int color; int color;
...@@ -45,7 +45,7 @@ public class PanelAdapter extends ArrayAdapter { ...@@ -45,7 +45,7 @@ public class PanelAdapter extends ArrayAdapter {
// String constant for logs // String constant for logs
private final String LOG_TAG = this.getClass().getSimpleName(); // Or .getCanonicalName() private final String LOG_TAG = this.getClass().getSimpleName(); // Or .getCanonicalName()
public PanelAdapter(LinkedList<Picto> ll){ public PictoGridAdapter(LinkedList<Picto> ll){
super(PCBcontext.getContext(), R.layout.list_item_img ,ll); super(PCBcontext.getContext(), R.layout.list_item_img ,ll);
//mContext = c; //mContext = c;
lPictos = ll; lPictos = ll;
...@@ -117,7 +117,7 @@ public class PanelAdapter extends ArrayAdapter { ...@@ -117,7 +117,7 @@ public class PanelAdapter extends ArrayAdapter {
/* /*
try{ try{
imageView.setBackgroundColor(lPictos.get(position).get_darkner_color()); imageView.setBackgroundColor(lPictos.get(position).get_darkner_color());
//Log.d("PanelAdapter", "Position: " + position); //Log.d("PictoGridAdapter", "Position: " + position);
} catch (java.lang.IllegalArgumentException e){ } catch (java.lang.IllegalArgumentException e){
e.printStackTrace(); e.printStackTrace();
//imageView.setBackgroundColor(PCBcontext.getContext().getResources().getColor(R.color.blue)); //imageView.setBackgroundColor(PCBcontext.getContext().getResources().getColor(R.color.blue));
......
android/Pictogram/app/src/main/res/layout/activity_pictogram.xml
...@@ -2,61 +2,92 @@ ...@@ -2,61 +2,92 @@
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="10dp"
android:orientation="horizontal" android:orientation="horizontal"
android:background="#BDBDBD" android:background="#BDBDBD"
android:keepScreenOn="true" android:keepScreenOn="true"
android:id="@+id/pictogramLayout" android:id="@+id/pictogramLayout"
tools:context=".PictogramActivity"> tools:context=".PictogramActivity"
android:padding="8dp">
<!-- android:keepScreenOn - To keep the screen bright as long as the app is visible (also forever) --> <!-- android:keepScreenOn - To keep the screen bright as long as the app is visible (also forever) -->
<GridView <GridView
android:id="@+id/tape_grid_view" android:id="@+id/tape_grid_view"
android:layout_width="850dp" android:layout_width="wrap_content"
android:layout_height="85dp" android:layout_height="64dp"
android:padding="8dp"
android:gravity="center" android:gravity="center"
android:numColumns="@integer/columns" android:numColumns="@integer/columns"
android:accessibilityLiveRegion="none" android:accessibilityLiveRegion="none"
android:background="@android:color/holo_red_light" android:background="@android:color/holo_red_light"
android:clickable="false" android:clickable="false"
android:layout_alignParentTop="true"> android:layout_alignParentTop="true"
android:layout_alignParentStart="true"
android:layout_alignParentEnd="true"
android:paddingRight="192dp">
</GridView> </GridView>
<ImageButton <ImageButton
android:layout_width="wrap_content" android:layout_width="96dp"
android:layout_height="wrap_content" android:layout_height="64dp"
android:paddingLeft="850dp" android:src="@drawable/ic_backspace_white_48dp"
android:paddingTop="20dp"
android:src="@drawable/back64"
android:background="@null"
android:id="@+id/button_delete" android:id="@+id/button_delete"
android:layout_alignParentTop="true"/> android:layout_alignParentTop="true"
android:layout_toLeftOf="@+id/button_tts"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:clickable="true"
android:background="@null" />
<ImageButton <ImageButton
android:layout_width="wrap_content" android:layout_width="96dp"
android:layout_height="wrap_content" android:layout_height="64dp"
android:paddingLeft="20dp" android:src="@drawable/ic_play_circle_filled_white_48dp"
android:paddingTop="20dp"
android:src="@drawable/play64"
android:background="@null" android:background="@null"
android:id="@+id/button_tts" android:id="@+id/button_tts"
android:layout_toRightOf="@+id/tape_grid_view" android:adjustViewBounds="true"
android:layout_alignParentTop="true" android:layout_alignParentTop="true"
android:adjustViewBounds="true"/> android:layout_alignParentEnd="true"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:clickable="true" />
<ImageButton
android:layout_width="96dp"
android:layout_height="match_parent"
android:id="@+id/showPictoCategoriesViewButton"
android:layout_alignParentStart="true"
android:src="@drawable/back64"
android:background="#DDDDDD"
android:layout_below="@+id/tape_grid_view" />
<GridView
android:id="@+id/picto_grid_view"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:layout_below="@+id/tape_grid_view"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:numColumns="10"
android:gravity="center_vertical|center|center_horizontal"
android:paddingTop="32dp"
android:verticalSpacing="24dp"
android:background="@color/common_signin_btn_default_background"
android:layout_toEndOf="@+id/showPictoCategoriesViewButton">
</GridView>
<GridView <GridView
android:id="@+id/panel_grid_view" android:id="@+id/picto_categories_grid_view"
android:layout_height="match_parent" android:layout_height="match_parent"
android:layout_width="match_parent" android:layout_width="match_parent"
android:paddingTop="20dp" android:layout_below="@+id/tape_grid_view"
android:columnWidth="100dp" android:layout_alignParentStart="true"
android:verticalSpacing="1dp" android:layout_alignParentBottom="true"
android:horizontalSpacing="15dp" android:numColumns="10"
android:stretchMode="columnWidth" android:gravity="center_vertical|center|center_horizontal"
android:layout_below="@+id/tape_grid_view"> android:paddingTop="32dp"
android:verticalSpacing="24dp"
android:background="#DDDDDD">
</GridView> </GridView>
</RelativeLayout> </RelativeLayout>
\ No newline at end of file
sails/README.md
...@@ -11,6 +11,7 @@ en el directorio [conf](./conf). ...@@ -11,6 +11,7 @@ en el directorio [conf](./conf).
- Nodejs >= 0.10.37 - Nodejs >= 0.10.37
- Npm >= 3.8.5 - Npm >= 3.8.5
- Bower >= 1.4.1 - Bower >= 1.4.1
- Sails 0.12.3
## Instalación del servidor y el cliente web ## Instalación del servidor y el cliente web
......
sails/install.sh
...@@ -9,7 +9,7 @@ sudo apt-get install -y nodejs ...@@ -9,7 +9,7 @@ sudo apt-get install -y nodejs
sudo npm install -g npm sudo npm install -g npm
# Sails install # Sails install
sudo npm install -g sails sudo npm install -g sails@0.12.3
# Sails log file # Sails log file
mkdir -p ./src/logs mkdir -p ./src/logs
......
sails/src/.eslintrc 0 → 100644
{
"extends": "airbnb",
"rules": {
"comma-dangle": 0,
"func-names": 0,
"jsx-a11y/valid-aria-role": 0,
"jsx-a11y/img-uses-alt": 0,
"jsx-a11y/redundant-alt": 0,
"no-param-reassign": 0,
"no-var": 0,
"object-shorthand": 0,
"prefer-arrow-callback": 0,
"prefer-template": 0,
"strict": 0
}
}
sails/src/api/controllers/StudentController.js
/* global Student, PictoCoreCat, VStuLastInstruction, StuPicto, StuSup, sailsTokenAuth, sails */
/** /**
/* StudentController /* StudentController
* *
...@@ -12,40 +14,39 @@ module.exports = { ...@@ -12,40 +14,39 @@ module.exports = {
// expected params in post body: username, password // expected params in post body: username, password
// //
login: function (req, res) { login: function (req, res) {
var bcrypt = require('bcrypt-nodejs'); var bcrypt = require('bcrypt-nodejs');
var username = req.body.username; var username = req.body.username;
var password = req.body.password; var password = req.body.password;
// no credentials // no credentials
if (!username || !password) if (!username || !password) {
return res.json(401, {error: 'No credentials sent'}); return res.json(401, { error: 'No credentials sent' });
}
// search user by username // search user by username
Student.findOneByUsername(username).exec(function (err, stu) { Student.findOneByUsername(username).exec(function (err, stu) {
if (err) {
if (err)
return res.json(500, { error: 'DB error' }); return res.json(500, { error: 'DB error' });
}
if (!stu) if (!stu) {
return res.json(401, {error: 'User not found'}); return res.json(401, { error: 'User not found' });
}
// if found, check password in encrypted form // if found, check password in encrypted form
bcrypt.compare(password, stu.password, function (err, match) { bcrypt.compare(password, stu.password, function (err, match) {
if (err) if (err) {
return res.json(500, { error: 'Server error' }); return res.json(500, { error: 'Server error' });
}
if (match) { // password match if (match) { // password match
// all supervisor information is passed as payload to the token // all supervisor information is passed as payload to the token
stu.isStudent = true; stu.isStudent = true;
return res.json({ return res.json({
user: stu, user: stu,
token: sailsTokenAuth.issueToken(stu, sails.config.jwt.expiresInMinutes), token: sailsTokenAuth.issueToken(stu, sails.config.jwt.expiresInMinutes),
server_time: (new Date()).getTime() server_time: (new Date()).getTime()
}); });
} else { } else {
return res.json(401, { error: 'Invalid password' }); return res.json(401, { error: 'Invalid password' });
} }
...@@ -57,27 +58,30 @@ module.exports = { ...@@ -57,27 +58,30 @@ module.exports = {
// Get a student with the given id, population also the office and the last method/instruction // Get a student with the given id, population also the office and the last method/instruction
// //
getInfo: function(req, res) { getInfo: function(req, res) {
if (!req.params.id_stu) if (!req.params.id_stu) {
return res.json(500, {err: 'no id_stu'}); return res.json(500, { err: 'no id_stu' });
}
Student.findOne(req.params.id_stu).populate('office').populate('stuSup').exec(function(err, student){ Student.findOne(req.params.id_stu).populate('office').populate('stuSup')
.exec(function(err, student){
if (err) { if (err) {
sails.log.debug(err); sails.log.debug(err);
console.log(JSON.stringify(err)); console.log(JSON.stringify(err));
return res.json(500, err); return res.json(500, err);
} }
if (!student) if (!student) {
return res(500, {err: JSON.stringify(err)}); return res(500, {err: JSON.stringify(err)});
}
// get student last method/instruction // get student last method/instruction
VStuLastInstruction.findOne({ student : student.id }).exec(function(err, row) { VStuLastInstruction.findOne({ student : student.id })
.exec(function(err, row) {
if (err) { if (err) {
sails.log.debug(err); sails.log.debug(err);
console.log(JSON.stringify(err)); console.log(JSON.stringify(err));
return res.json(500, err); return res.json(500, err);
} }
if (!row || row.length == 0) { if (!row || row.length === 0) {
student.current_method = 'no_method'; student.current_method = 'no_method';
student.current_instruction = 'no_instruction'; student.current_instruction = 'no_instruction';
} else { } else {
...@@ -99,7 +103,6 @@ module.exports = { ...@@ -99,7 +103,6 @@ module.exports = {
if (err) { if (err) {
sails.log.debug(err); sails.log.debug(err);
console.log(JSON.stringify(err)); console.log(JSON.stringify(err));
return res.json(500, err); return res.json(500, err);
} }
if (created) { if (created) {
...@@ -107,7 +110,6 @@ module.exports = { ...@@ -107,7 +110,6 @@ module.exports = {
// Assign the initial collection of pictos to the student // Assign the initial collection of pictos to the student
PictoCoreCat.find().exec(function(err, pictoCoreCat) { PictoCoreCat.find().exec(function(err, pictoCoreCat) {
if (err || !pictoCoreCat || pictoCoreCat.length == 0){ if (err || !pictoCoreCat || pictoCoreCat.length == 0){
sails.log.debug("PictoCoreCat: " + err); sails.log.debug("PictoCoreCat: " + err);
return; return;
...@@ -116,11 +118,9 @@ module.exports = { ...@@ -116,11 +118,9 @@ module.exports = {
sails.log.debug("PictoCoreCat Length: " + pictoCoreCat.length); sails.log.debug("PictoCoreCat Length: " + pictoCoreCat.length);
sails.log.debug(pictoCoreCat); sails.log.debug(pictoCoreCat);
// Every picto from 'picto_core_cat' is going to be created // Every picto from 'picto_core_cat' is going to be created
// in 'stu_picto' // in 'stu_picto'
for (var i = 0; i < pictoCoreCat.length; i++) { for (var i = 0; i < pictoCoreCat.length; i++) {
sails.log.debug("Loop: " + i); sails.log.debug("Loop: " + i);
sails.log.debug("Picto Category: " + pictoCoreCat[i].category); sails.log.debug("Picto Category: " + pictoCoreCat[i].category);
sails.log.debug("User id: " + created.id); sails.log.debug("User id: " + created.id);
...@@ -136,14 +136,17 @@ module.exports = { ...@@ -136,14 +136,17 @@ module.exports = {
color: pictoCoreCat[i].color color: pictoCoreCat[i].color
} }
}).exec(function(err, added){ }).exec(function(err, added){
if(err) sails.log.debug("StuPicto.create: " + err); if(err) sails.log.debug('StuPicto.create: ' + err);
if(added) sails.log.debug("Picto " + added.picto + " added to student " + created.id + " with attributes: " + JSON.stringify(added.attributes)); if(added) {
sails.log.debug(
'Picto ' + added.picto +
' added to student ' + created.id +
' with attributes: ' + JSON.stringify(added.attributes));
}
}); });
} }
}); });
return res.json({ student: created });
return res.json({student: created});
} }
}); });
}, },
...@@ -223,21 +226,55 @@ module.exports = { ...@@ -223,21 +226,55 @@ module.exports = {
}); });
}, },
// Add action /**
// Create a relation between supervisor and student (stu_sup) * Creates a relation between the student and a given supervisor.
// * It broadcasts the even linkSupervisorToStudent to both the student room
* and the supervisor room.
*/
link_supervisor: function(req, res) { link_supervisor: function(req, res) {
var params = req.allParams(); var params = req.allParams();
console.log(JSON.stringify(params));
StuSup.create({student: params.id_stu, supervisor: params.id_sup}).exec(function (err, created) { StuSup.create({
student: params.id_stu,
supervisor: params.id_sup
}).exec(function (err, created) {
var response;
var socketToOmit;
var linkSupervisorToStudentEvent;
if (err) { if (err) {
console.log(err); response = res.serverError(
return res.json(500, {error: 'Relation student/supervisor NO created'}); 'Relation student/supervisor not created: ' + err
);
} }
if (created) { if (created) {
console.log("Relation student/supervisor created" ); socketToOmit = (req.isSocket) ? req.socket : undefined;
return res.json(created); linkSupervisorToStudentEvent = sails.hooks.events.linkSupervisorToStudent(
params.id_sup,
params.id_stu
);
sails.hooks.events.broadcastEvent(
sails.hooks.rooms.supervisor(params.id_sup),
linkSupervisorToStudentEvent,
socketToOmit
);
sails.hooks.events.broadcastEvent(
sails.hooks.rooms.student(params.id_stu),
linkSupervisorToStudentEvent,
socketToOmit
);
response = res.ok(created);
} else {
response = res.serverError(
'Relation student/supervisor not created, ' +
'but no error was received'
);
} }
return response;
}); });
}, },
......
sails/src/api/controllers/SupervisorController.js
...@@ -381,5 +381,59 @@ module.exports = { ...@@ -381,5 +381,59 @@ module.exports = {
} , 5); } , 5);
} }
); );
},
/**
* Subscribe to supervisor's room
* @param {Object} request must have the following format:
*
* {
* action: subscribe,
* attributes: { id_sup: '' }
* }
*
* @param {Object} response
* @return {Object} response
*/
subscribe: function(request, response) {
var action = request.param('action');
var attributes = request.param('attributes');
if (action === 'subscribe' && request.isSocket && attributes.id_sup) {
sails.hooks.rooms.subscribeToRoom(
sails.hooks.rooms.supervisor(attributes.id_sup),
request.socket
);
return response.ok();
} else {
return response.badRequest();
}
},
/**
* Unsubscribe from supervisor's room
* @param {Object} request must have the following format:
*
* {
* action: unsubscribe,
* attributes: { id_sup: '' }
* }
*
* @param {Object} response
* @return {Object} response
*/
unsubscribe: function(request, response) {
var action = request.param('action');
var attributes = request.param('attributes');
if (action === 'unsubscribe' && request.isSocket && attributes.id_sup) {
sails.hooks.rooms.unsubscribeFromRoom(
sails.hooks.rooms.supervisor(attributes.ip_sup),
request.socket
);
return response.ok();
} else {
return response.badRequest();
}
} }
}; };
sails/src/api/hooks/events.js 0 → 100644
/**
* Functions defining the events sent inside the sockets.
* In order to create a new event you have to call the corresponding
* function with the necesary parameters, and you will receive an Object:
*
* {
* name: 'eventName',
* data: 'eventData'
* }
*
* Where 'name' is the name of the event and 'data' is the block of
* information to send.
* @type {Object}
*/
module.exports = function eventsHook (sails) {
return {
/**
* Speacial Function wrapping sails.sockets.broadcast that uses a room
* from sails.hooks.rooms and an event from sails.hooks.events in
* order to broadcast information. This also logs the event as debug
* level information with the message:
*
* "websocketEvent": {
* "room",
* "name",
* "data": { ... }
* }
*
* @param {RoomId} rooms RoomID or IDs where the event will be sent
* @param {Object} event A tuple {name, data} returned by a
* function inside sails.sockets.events
* @param {socket} socketToOmit If specified, this socket will not receive
* the event
*/
broadcastEvent: function (rooms, event, socketToOmit) {
// Ensure rooms is an Array
if (!(rooms instanceof Array)) {
rooms = [rooms];
}
sails.log.debug('"websocketEvent":', JSON.stringify({
rooms: rooms,
name: event.name,
data: event.data,
socketToOmit: socketToOmit ? socketToOmit.id : undefined
}));
sails.sockets.broadcast(
rooms,
event.name,
event.data,
socketToOmit || undefined
);
},
/**
* A supervisor has been linked to a student.
* @param {ID} supId ID of the supervisor
* @param {ID} stu_id ID of the student
* @return {Object} {name, data}
*/
linkSupervisorToStudent: function (supId, stuId) {
return {
name: 'linkSupervisorToStudent',
data: {
sup_id: supId,
stu_id: stuId
}
};
},
/**
* Someone has subscribed/unsubscribed to/from a room. The number
* of subscribes is sent
* @param {number} subscriberCount Number of subscribers
* @return {Object} {name, data}
*/
roomSubscribersChange: function (subscriberCount) {
return {
name: 'update_peers',
data: {
count: subscriberCount
}
};
}
};
};
sails/src/api/hooks/rooms.js 0 → 100644
/**
* This hook is used for managing the rooms IDs.
* Every room created should call one of this functions in order
* to obtain an ID.
* @type {Object}
*/
module.exports = function roomsHook (sails) {
return {
/**
* Special function that subscribes a socket to a given room.
* This creates the connection and logs to debug with this format:
*
* {
* websocketSubscribe: {
* room,
* socket
* }
* }
*
* @param {RoomID} room Room to subscribe
* @param {Socket} socket Socket added to the subscription
*/
subscribeToRoom: function (room, socket) {
sails.log.debug('"websocketSubscribe":', JSON.stringify({
room: room,
socket: socket.id
}));
sails.sockets.join(socket, room, function () {
sails.io.sockets.in(room).clients(function(error, ids) {
if (!error) {
sails.hooks.events.broadcastEvent(
room,
sails.hooks.events.roomSubscribersChange(ids.length)
);
}
});
});
},
/**
* Special function that unsubscribes a socket from a given room.
* This remotes the connection and logs to debug with this format:
*
* {
* websocketUnsubscribe: {
* room,
* socket
* }
* }
*
* @param {RoomID} room Room to unsubscribe from
* @param {Socket} socket Socket removed from the subscription
*/
unsubscribeFromRoom: function (room, socket) {
sails.log.debug('"websocketUnsubscribe":', JSON.stringify({
room: room,
socket: socket.id
}));
sails.sockets.leave(socket, room, function () {
sails.io.sockets.in(room).clients(function(error, ids) {
if (!error) {
sails.hooks.events.broadcastEvent(
room,
sails.hooks.events.roomSubscribersChange(ids.length)
);
}
});
});
},
/**
* Student related rooms
* @param {ID} studentId Student's ID used for creating a room.
* @return {RoomID} RoomID generated
*/
student: function (studentId) {
return 'studentRoom' + studentId;
},
/**
* Supervisor related rooms
* @param {ID} supervisorId Supervisor's ID used for creating a room.
* @return {RoomID} RoomID generated
*/
supervisor: function (supervisorId) {
return 'supervisorRoom' + supervisorId;
}
};
};
sails/src/assets/app/.eslintrc 0 → 100644
{
"rules": {
"comma-dangle": 0,
"func-names": 0,
"jsx-a11y/valid-aria-role": 0,
"jsx-a11y/img-uses-alt": 0,
"jsx-a11y/redundant-alt": 0,
"no-param-reassign": 0,
"no-var": 0,
"object-shorthand": 0,
"prefer-arrow-callback": 0,
"prefer-template": 0,
"strict": 0
}
}
sails/src/assets/app/i18n/en-gb.json
...@@ -84,6 +84,10 @@ ...@@ -84,6 +84,10 @@
"english": "English", "english": "English",
"enlarge": "Enlarge", "enlarge": "Enlarge",
"enormous": "Enormous", "enormous": "Enormous",
"error_downloading_supervisors": "Error downloading supervisors",
"error_downloading_offices": "Error downloading offices",
"error_only_support_images": "Only images are supported (JPG, PNG or GIF files)",
"error_loading_pictos": "Error loading pictos information",
"expand_navigation": "Expand navigation", "expand_navigation": "Expand navigation",
"expand_navigation": "Expand navigation", "expand_navigation": "Expand navigation",
"expression": "Expression:", "expression": "Expression:",
...@@ -229,9 +233,9 @@ ...@@ -229,9 +233,9 @@
"student_pictograms": "Student's pictograms", "student_pictograms": "Student's pictograms",
"student_updated": "Student updated", "student_updated": "Student updated",
"students": "Students", "students": "Students",
"sup_not_added": "Supervisor not added to the student.", "sup_not_added": "Supervisor not added to the student",
"sup_not_deleted": "The supervisor couldn't be deleted by the student", "sup_not_deleted": "The supervisor couldn't be deleted by the student",
"sup_not_found": "There is no supervisor account in Pictogram with this email.", "sup_not_found": "There is no supervisor account in Pictogram with this email",
"supervisor_added": "Supervisor added", "supervisor_added": "Supervisor added",
"supervisor_deleted": "Supervisor deleted", "supervisor_deleted": "Supervisor deleted",
"supervisor_not_added": "Supervisor not added", "supervisor_not_added": "Supervisor not added",
...@@ -258,8 +262,10 @@ ...@@ -258,8 +262,10 @@
"tries_per_instruction_method": "Tries per instruction of method", "tries_per_instruction_method": "Tries per instruction of method",
"tries_per_months": "Tries per months in", "tries_per_months": "Tries per months in",
"tries_results_instruction": "Tries results in instruction", "tries_results_instruction": "Tries results in instruction",
"tutor_added": "Tutor added to the student",
"tutor_deleted": "Tutor removed from the student",
"tutor_not_added": "Tutor not added to the student.", "tutor_not_added": "Tutor not added to the student.",
"tutor_not_deleted": "The tutor couldn't be deleted by the student", "tutor_not_deleted": "Tutor couldn't be removed from the student",
"tutor_not_found": "There is no tutor account in Pictogram with this email.", "tutor_not_found": "There is no tutor account in Pictogram with this email.",
"tutors": "Parents or tutors", "tutors": "Parents or tutors",
"unlink": "Unlink", "unlink": "Unlink",
......
sails/src/assets/app/i18n/es-es.json
...@@ -87,6 +87,10 @@ ...@@ -87,6 +87,10 @@
"expand_navigation": "Desplegar navegación", "expand_navigation": "Desplegar navegación",
"expand_navigation": "Desplegar navegación", "expand_navigation": "Desplegar navegación",
"expression": "Expresión:", "expression": "Expresión:",
"error_downloading_supervisors": "Error al descargar los supervisores",
"error_downloading_offices": "Error al descargar las oficinas",
"error_only_support_images": "Sólo se soportan imágenes (ficheros JPG, PNG o GIF)",
"error_loading_pictos": "Error cargando información de los pictos",
"February": "Febrero", "February": "Febrero",
"feedback_picto": "Feedback al colocar un pictograma", "feedback_picto": "Feedback al colocar un pictograma",
"filter": "Filtrar", "filter": "Filtrar",
...@@ -258,9 +262,11 @@ ...@@ -258,9 +262,11 @@
"tries_per_instruction_method": "Ensayos por instrucción del método", "tries_per_instruction_method": "Ensayos por instrucción del método",
"tries_per_months": "Número de ensayos por meses en", "tries_per_months": "Número de ensayos por meses en",
"tries_results_instruction": "Resultados ensayos en instrucción", "tries_results_instruction": "Resultados ensayos en instrucción",
"tutor_not_added": "El tutor no se ha podido añadir al estudiante.", "tutor_added": "Tutor añadido al estudiante",
"tutor_not_deleted": "El tutor no se ha podido desvincular del alumno.", "tutor_deleted": "Tutor desvinculado del estudiante",
"tutor_not_found": "No hay ningún tutor en Pictoram con ese correo electrónico.", "tutor_not_added": "El tutor no se ha podido añadir al estudiante",
"tutor_not_deleted": "El tutor no se ha podido desvincular del alumno",
"tutor_not_found": "No hay ningún tutor en Pictoram con ese correo electrónico",
"tutors": "Padres o tutores", "tutors": "Padres o tutores",
"undefined": "Sin definir", "undefined": "Sin definir",
"unlink": "Desvincular", "unlink": "Desvincular",
......
sails/src/assets/app/index.html
...@@ -81,6 +81,7 @@ ...@@ -81,6 +81,7 @@
<body ng-controller="MainCtrl"> <body ng-controller="MainCtrl">
<!-- <div ng-view></div> --> <!-- <div ng-view></div> -->
<toast></toast>
<div ui-view></div> <div ui-view></div>
<!-- Librería jQuery requerida por los plugins de JavaScript <!-- Librería jQuery requerida por los plugins de JavaScript
......
sails/src/assets/app/js/services/services.js
'use strict'; /* global io */
/* Services */
// 'use strict';
// This defines an interceptor service in every HTTP request to add session
// token in the header and in every HTTP response to handle non authorized
// connections
//
var module = angular.module('dashboardServices', []);
angular.module('dashboardServices', []) /**
.service('authInterceptor', function ($rootScope, $q, $window) { * This defines an interceptor service in every HTTP request to add session
* token in the header and in every HTTP response to handle non authorized
* connections.
*/
module.factory('AuthInterceptorService', function ($rootScope, $q, $window) {
return { return {
request: function (config) { request: function (config) {
config.headers = config.headers || {}; config.headers = config.headers || {};
...@@ -30,7 +29,68 @@ angular.module('dashboardServices', []) ...@@ -30,7 +29,68 @@ angular.module('dashboardServices', [])
return $q.reject(rejection); return $q.reject(rejection);
} }
}; };
}) });
.config(function ($httpProvider) {
$httpProvider.interceptors.push('authInterceptor'); // Add AuthInterceptorService to $httpProvider.interceptors
module.config(function ($httpProvider) {
$httpProvider.interceptors.push('AuthInterceptorService');
});
/**
* IOService that must be used as communication with the server.
* It allows to subscribe/unsubscribe to/from rooms and listen/stop listening
* to events.
*/
module.factory('IOService', function ($window) {
return {
/**
* Send a get request to the server via websocket
* @param {String} url Url of the request
* @param {Function} callback Function to be called on response
*/
get: function(url, callback) {
io.socket.get(url, { token: $window.sessionStorage.token }, callback);
},
/**
* Send a post request to the server via websocket
* @param {String} url Url of the request
* @param {Object} data If this parameter is not an object, it will
* be wrapped inside an object:
* { data, token }, otherwise the token will be
* appended to the parameters
* @param {Function} callback Function to be called on response
*/
post: function (url, data, callback) {
// Create the request data and convert it to an object if necesary
// Then append the token
var requestData = data;
if (typeof requestData !== 'object') {
requestData = { data: data };
}
requestData.token = $window.sessionStorage.token;
io.socket.post(url, requestData, callback);
},
/**
* Subscribes to an event with the given function using websockets
* @param {String} event Event to subscribe to
* @param {Function} callback Function to be executed when the event occurs
*/
on: function (event, callback) {
io.socket.on(event, callback);
},
/**
* Unsubscribe from an event
* @param {String} event Event to unsubscribe from
* @param {Function} callback If specified, only this funcion will be
* unsuscribed from the event, otherwise all
* functions subscribed to this event will be
* removed
*/
off: function (event, callback) {
io.socket.off(event, callback);
}
};
}); });
sails/src/assets/app/modules/admin/controllers/supervisors.js
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
//-------------------------- //--------------------------
// Admin Supervisors Controller // Admin Supervisors Controller
//-------------------------- //--------------------------
dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisorsCtrl($scope, $window, $http, config) { dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisorsCtrl($scope, $window, $http, config, $translate, ngToast) {
// The last parameter, config, is injected from config.js (defined in dashboardConfig module) // The last parameter, config, is injected from config.js (defined in dashboardConfig module)
// Don't show the message at the begining // Don't show the message at the begining
...@@ -25,26 +25,24 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor ...@@ -25,26 +25,24 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor
$http $http
.get(config.backend+'/sup') .get(config.backend+'/sup')
.success(function(data, status, headers, config) { .success(function(data, status, headers, config) {
// Add to list
$scope.supervisors = data; $scope.supervisors = data;
console.log("Supervisors listed");
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
console.log("Error from API: " + data.error); $translate('error_downloading_supervisors').then(function (translation) {
ngToast.danger({ content: translation });
});
}); });
// List of offices (for the select form) // List of offices (for the select form)
$http $http
.get(config.backend+'/office/get_all') .get(config.backend+'/office/get_all')
.success(function(data, status, headers, config) { .success(function(data, status, headers, config) {
// Add to list
$scope.offices = data; $scope.offices = data;
console.log("Offices listed");
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
console.log("Error from API: " + data.error); $translate('error_downloading_offices').then(function (translation) {
ngToast.danger({ content: translation });
});
}); });
// Reset form Supervisor // Reset form Supervisor
...@@ -108,9 +106,9 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor ...@@ -108,9 +106,9 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor
$http $http
.put(config.backend+'/supervisor/'+supid, supervisor) .put(config.backend+'/supervisor/'+supid, supervisor)
.success(function(data, status, headers, config) { .success(function(data, status, headers, config) {
$scope.showmessagesupervisor = true; $translate('supervisor_updated').then(function (translation) {
$scope.alertsupervisor = "alert-success"; ngToast.success({ content: translation });
$scope.messagesupervisor = "supervisor_updated"; });
// Update the view: Se recorre el array de objetos json para buscarlo // Update the view: Se recorre el array de objetos json para buscarlo
for(var i=0; i < $scope.supervisors.length; i++) { for(var i=0; i < $scope.supervisors.length; i++) {
...@@ -130,15 +128,11 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor ...@@ -130,15 +128,11 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor
// Delete the fields of the form to avoid data binding // Delete the fields of the form to avoid data binding
// between the new element created and the form fields // between the new element created and the form fields
$scope.resetForm(); $scope.resetForm();
console.log("Supervisor updated");
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
$scope.showmessagesupervisor = true; $translate('supervisor_not_updated').then(function (translation) {
$scope.alertsupervisor = "alert-danger"; ngToast.danger({ content: translation });
$scope.messagesupervisor = "supervisor_not_updated"; });
console.log("Error from API: " + data.error);
}); });
}; };
...@@ -153,9 +147,9 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor ...@@ -153,9 +147,9 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor
$http $http
.post(config.backend+'/sup', supervisor) .post(config.backend+'/sup', supervisor)
.success(function(data, status, headers, config) { .success(function(data, status, headers, config) {
$scope.showmessagesupervisor = true; $translate('supervisor_added').then(function (translation) {
$scope.alertsupervisor = "alert-success"; ngToast.success({ content: translation });
$scope.messagesupervisor = "supervisor_added"; });
// Add to the list of supervisors in view // Add to the list of supervisors in view
$scope.supervisors.push(data.user); $scope.supervisors.push(data.user);
...@@ -164,15 +158,11 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor ...@@ -164,15 +158,11 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor
$scope.resetForm(); $scope.resetForm();
// Show the add form to new adding // Show the add form to new adding
$scope.hidesupervisoradd = false; $scope.hidesupervisoradd = false;
console.log("Supervisor added");
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
$scope.showmessagesupervisor = true; $translate('supervisor_not_added').then(function (translation) {
$scope.alertsupervisor = "alert-danger"; ngToast.danger({ content: translation });
$scope.messagesupervisor = "supervisor_not_added"; });
console.log("Error from API: " + data.error);
}); });
}; };
...@@ -189,23 +179,19 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor ...@@ -189,23 +179,19 @@ dashboardControllers.controller('AdminSupervisorsCtrl', function AdminSupervisor
if(supervisor.id == $scope.supervisors[i].id) if(supervisor.id == $scope.supervisors[i].id)
$scope.supervisors.splice(i,1); $scope.supervisors.splice(i,1);
} }
console.log("Supervisor deleted:" + supervisor.name);
$scope.showmessagesupervisor = true; $translate('supervisor_deleted').then(function (translation) {
$scope.alertsupervisor = "alert-success"; ngToast.success({ content: translation });
$scope.messagesupervisor = "supervisor_deleted"; });
// Empty the form // Empty the form
$scope.resetForm(); $scope.resetForm();
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
console.log("Error deleting supervisor from API: " + data.error); $translate('supervisor_not_deleted').then(function (translation) {
console.log("It could be students associated"); ngToast.danger({ content: translation });
$scope.showmessagesupervisor = true; });
$scope.alertsupervisor = "alert-danger";
$scope.messagesupervisor = "supervisor_not_deleted";
}); });
} }
}; };
}); });
sails/src/assets/app/modules/admin/views/supervisors.html
<!-- Admin Supervisors --> <!-- Admin Supervisors -->
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessagesupervisor' }}" class="alert" ng-class="alertsupervisor">{{ messagesupervisor | translate }}</div>
<div class="row"> <div class="row">
<div ng-class="{'col-md-12':hidesupervisoradd === true && hidesupervisorupdate === true, 'col-md-8':hidesupervisoradd === false || hidesupervisorupdate === false}"> <div ng-class="{'col-md-12':hidesupervisoradd === true && hidesupervisorupdate === true, 'col-md-8':hidesupervisoradd === false || hidesupervisorupdate === false}">
......
sails/src/assets/app/modules/login/controllers/login.js
/* global dashboardControllers */
'use strict'; 'use strict';
//------------------ //------------------
// Login Controller // Login Controller
//------------------ //------------------
dashboardControllers.controller('LoginCtrl', function LoginCtrl($scope, $http, $window, $translate, $filter, $location, config, $stateParams) { dashboardControllers.controller('LoginCtrl',
// The last parameter, config, is injected from config.js (defined in dashboardConfig module) function LoginCtrl(
$scope,
$http,
$window,
$translate,
$filter,
$location,
config,
$stateParams,
ngToast) {
$scope.credentials = { $scope.credentials = {
email: '', email: '',
password: '', password: '',
lang: 'es-es' lang: 'es-es'
}; };
// Pop-up blocker check
// var popup = window.open('http://yottacode.com','','',true);
// setTimeout( function() {
// if(!popup || popup.outerHeight === 0) {
// alert("cáspita");
// } else {
// popup && popup.close();
// }
// }, 100);
// Array of key terms to translate
$translate(['login_success', 'login_fail']).then(function (translations) {
//notification_email = translations.email_match;
$scope.message_success = translations.login_success;
$scope.message_fail = translations.login_fail;
});
// Don't show the message at the begining
$scope.showmessage = false;
// Validation of account // Validation of account
// if the code has been sent in the url "...app/login/code/email" // if the code has been sent in the url "...app/login/code/email"
if($stateParams.code && $stateParams.email){ if ($stateParams.code && $stateParams.email) {
console.log("Code: " + $stateParams.code + "\nEmail: " + $stateParams.email);
$http $http
.post(config.backend+'/sup/activate', $stateParams) .post(config.backend + '/sup/activate', $stateParams)
.success(function(data, status, headers, config) { .success(function () {
$scope.showmessage = true; $translate('account_activate').then(function (translation) {
$scope.alert = "alert-success"; ngToast.success({ content: translation });
$scope.message = "account_activate"; });
console.log("Supervisor: " + data.user.name);
//console.log("Account validated: " + data.user.email + " --> " + data.user.active);
}) })
.error(function(data, status, headers, config) { .error(function () {
$scope.showmessage = true; $translate('account_no_activate').then(function (translation) {
$scope.alert = "alert-danger"; ngToast.danger({ content: translation });
$scope.message = "account_no_activate"; });
console.log("Account NOT validated! Error: " + data.error);
}); });
} }
$scope.login = function () { $scope.login = function () {
$http $http
.post(config.backend+'/sup/login', $scope.credentials) .post(config.backend + '/sup/login', $scope.credentials)
.success(function(data, status, headers, config) { .success(function (data) {
// Save token and user data y sessionStorage
$window.sessionStorage.token = data.token; $window.sessionStorage.token = data.token;
// Adapt language en-us to en-gb (the latter is the one supported for 'en') // Adapt language en-us to en-gb (the latter is the one supported for 'en')
if (data.user) { if (data.user) {
if (data.user.lang === 'en-us') if (data.user.lang === 'en-us') {
data.user.lang = 'en-gb'; data.user.lang = 'en-gb';
$scope.lang = data.user.lang;
} }
else $scope.lang = data.user.lang;
console.log("ERROR: no data.user!"); } else {
$translate.use($scope.lang); $translate.use($scope.lang);
}
// Change // Change
$window.sessionStorage.user = JSON.stringify(data.user); $window.sessionStorage.user = JSON.stringify(data.user);
// Quitar 4 líneas siguientes. Al hacer redirección no hace falta $translate('login_success').then(function (translation) {
$scope.showmessage = true; ngToast.success({ content: translation });
$scope.alert = "alert-success"; });
$scope.message = "login_success";
// Name in login success message // Name in login success message
$scope.name = data.user.name; $scope.name = data.user.name;
console.log("logged in!");
// Redirección // Redirección
$location.path('/students'); $location.path('/students');
}) })
.error(function(data, status, headers, config) { .error(function () {
// Delete token if user fails to login
delete $window.sessionStorage.token; delete $window.sessionStorage.token;
$translate('login_fail').then(function (translation) {
$scope.showmessage = true; ngToast.danger({ content: translation });
$scope.alert = "alert-danger";
$scope.message = "login_fail";
}); });
} });
};
}); });
sails/src/assets/app/modules/login/controllers/login_admin.js
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
//------------------ //------------------
// Login Controller // Login Controller
//------------------ //------------------
dashboardControllers.controller('LoginAdminCtrl', function LoginAdminCtrl($scope, $http, $window, $translate, $location, config) { dashboardControllers.controller('LoginAdminCtrl', function LoginAdminCtrl($scope, $http, $window, $translate, $location, config, ngToast) {
// The last parameter, config, is injected from config.js (defined in dashboardConfig module) // The last parameter, config, is injected from config.js (defined in dashboardConfig module)
$scope.credentials = { $scope.credentials = {
...@@ -11,16 +11,6 @@ dashboardControllers.controller('LoginAdminCtrl', function LoginAdminCtrl($scope ...@@ -11,16 +11,6 @@ dashboardControllers.controller('LoginAdminCtrl', function LoginAdminCtrl($scope
password: '' password: ''
}; };
// Array of key terms to translate
$translate(['login_success', 'login_fail']).then(function (translations) {
//notification_email = translations.email_match;
$scope.message_success = translations.login_success;
$scope.message_fail = translations.login_fail;
});
// Don't show the message at the begining
$scope.showmessage = false;
$scope.login = function () { $scope.login = function () {
$http $http
.post(config.backend+'/admin/login', $scope.credentials) .post(config.backend+'/admin/login', $scope.credentials)
...@@ -29,15 +19,18 @@ dashboardControllers.controller('LoginAdminCtrl', function LoginAdminCtrl($scope ...@@ -29,15 +19,18 @@ dashboardControllers.controller('LoginAdminCtrl', function LoginAdminCtrl($scope
$window.sessionStorage.token = data.token; $window.sessionStorage.token = data.token;
// Redirect to admin panel // Redirect to admin panel
$location.path('/devices'); $location.path('/devices');
$translate('login_success').then(function(translation) {
ngToast.success({ content: translation });
});
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
// Delete token if user fails to login // Delete token if user fails to login
delete $window.sessionStorage.token; delete $window.sessionStorage.token;
$scope.showmessage = true; $translate('login_fail').then(function(translation) {
$scope.alert = "alert-danger"; ngToast.danger({ content: translation });
$scope.message = "login_fail"; });
}); });
}; };
}); });
sails/src/assets/app/modules/login/controllers/login_setting_password.js
...@@ -3,33 +3,26 @@ ...@@ -3,33 +3,26 @@
//----------------------------------- //-----------------------------------
// Login Setting Password Controller // Login Setting Password Controller
//----------------------------------- //-----------------------------------
dashboardControllers.controller('LoginSettingPasswordCtrl', function LoginSettingPasswordCtrl($scope, $http, $window, $translate, $location, config, $stateParams) { dashboardControllers.controller('LoginSettingPasswordCtrl', function LoginSettingPasswordCtrl($scope, $http, $window, $translate, $location, config, $stateParams, ngToast) {
// The last parameter, config, is injected from config.js (defined in dashboardConfig module)
// Array of key terms to translate
$translate(['validate_success', 'validate_fail']).then(function (translations) {
//notification_email = translations.email_match;
$scope.message_success = translations.validate_success;
$scope.message_fail = translations.validate_fail;
});
// Don't show the message at the begining
$scope.showmessage = false;
$scope.showlink = false;
$scope.login_setting_password = function () { $scope.login_setting_password = function () {
// Validation of account // Validation of account
// if the code has been sent in the url "...app/login/code/email" // if the code has been sent in the url "...app/login/code/email"
if($stateParams.code && $stateParams.email){ if ($stateParams.code && $stateParams.email) {
console.log("Code: " + $stateParams.code + "\nEmail: " + $stateParams.email);
// Validate password match // Validate password match
if($scope.password != $scope.password_confirm){ if ($scope.password != $scope.password_confirm) {
// ToDo: Highlight with Angular the input $translate([
$scope.showmessage = true; 'validate_fail',
$scope.alert = "alert-danger"; 'password_match'
$scope.message = "password_match"; ], function (translations) {
ngToast.danger({
content: [
translations.validate_fail,
translations.password_match
].join(': ')
});
});
return; return;
} }
...@@ -42,23 +35,15 @@ dashboardControllers.controller('LoginSettingPasswordCtrl', function LoginSettin ...@@ -42,23 +35,15 @@ dashboardControllers.controller('LoginSettingPasswordCtrl', function LoginSettin
$http $http
.post(config.backend+'/sup/activate', data) .post(config.backend+'/sup/activate', data)
.success(function(data, status, headers, config) { .success(function(data, status, headers, config) {
$scope.showmessage = true; $translate('validate_success').then(function (translation) {
$scope.showlink = true; ngToast.success({ content: translation });
$scope.hideform = true; });
$scope.alert = "alert-success";
$scope.message = "validate_success";
console.log("Supervisor: " + data.user.name);
//console.log("Account validated: " + data.user.email + " --> " + data.user.active);
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
$scope.showmessage = true; $translate('validate_fail').then(function (translation) {
$scope.alert = "alert-danger"; ngToast.danger({ content: translation });
$scope.message = "validate_fail"; });
console.log("Account NOT validated! Error: " + data.error);
}); });
} }
}; };
}); });
sails/src/assets/app/modules/login/controllers/signin.js
/* global dashboardControllers */
'use strict'; 'use strict';
//------------------- //-------------------
// SignIn Controller // SignIn Controller
//------------------- //-------------------
dashboardControllers.controller('SignInCtrl', function SignInCtrl($scope, $http, $window, reCAPTCHA, $translate, config) { dashboardControllers.controller('SignInCtrl',
// The last parameter, config, is injected from config.js (defined in dashboardConfig module) function SignInCtrl($scope,
// The previous parameter, $translate, is a dependency injection to translate text in JavaScript controller code $http,
$window,
// Data reCAPTCHA,
$translate,
config,
ngToast) {
$scope.formdata = { $scope.formdata = {
name: '', name: '',
surname: '', surname: '',
...@@ -23,69 +27,43 @@ dashboardControllers.controller('SignInCtrl', function SignInCtrl($scope, $http, ...@@ -23,69 +27,43 @@ dashboardControllers.controller('SignInCtrl', function SignInCtrl($scope, $http,
reCAPTCHA.setPublicKey('6LdLjh0TAAAAANblo_KUGNnmRZuIetOkdjdhj1b6'); reCAPTCHA.setPublicKey('6LdLjh0TAAAAANblo_KUGNnmRZuIetOkdjdhj1b6');
/* NOT NECESSARY
// Array of key terms to translate
$translate(['password_match', 'email_match']).then(function (translations) {
//notification_email = translations.email_match;
$scope.email_message = translations.email_match;
$scope.password_message = translations.password_match;
});
*/
// Verificar. Si no es necesario eliminar
//reCAPTCHA.setPublicKey('gazpacho andaluz');
// Don't show the message at the begining
$scope.showmessage = false;
// Form submit // Form submit
$scope.signin = function () { $scope.signin = function () {
//$scope.showmessage = false;
// Validate email match // Validate email match
if($scope.formdata.email != $scope.formdata.email_confirm){ if ($scope.formdata.email !== $scope.formdata.email_confirm) {
// ToDo: Highlight with Angular the input $translate('email_match').then(function (translation) {
$scope.showmessage = true; ngToast.danger({ content: translation });
$scope.alert = "alert-danger"; });
$scope.message = "email_match";
return; return;
} }
// Validate password match // Validate password match
if($scope.formdata.password != $scope.formdata.password_confirm){ if ($scope.formdata.password !== $scope.formdata.password_confirm) {
// ToDo: Highlight with Angular the input $translate('password_match').then(function (translation) {
$scope.showmessage = true; ngToast.danger({ content: translation });
$scope.alert = "alert-danger"; });
$scope.message = "password_match";
return; return;
} }
$scope.captcha = ""; $scope.captcha = '';
if($scope.signInForm.$valid) { if ($scope.signInForm.$valid) {
$scope.showdialog = true; $scope.showdialog = true;
console.log('Form is valid'); } else {
}else{
return; return;
} }
$http $http
.post(config.backend+'/sup', $scope.formdata) .post(config.backend + '/sup', $scope.formdata)
.success(function(data, status, headers, config) { .success(function () {
// ToDo: When this run well, redirect to main page $translate('user_created').then(function (translation) {
$scope.showmessage = true; ngToast.success({ content: translation });
$scope.alert = "alert-success"; });
$scope.message = "user_created";
console.log("User created");
}) })
.error(function(data, status, headers, config) { .error(function () {
$scope.showmessage = true; $translate('user_exists').then(function (translation) {
$scope.alert = "alert-danger"; ngToast.danger({ content: translation });
$scope.message = "user_exists"; });
console.log("Error from API: " + status);
}); });
}; };
}); });
sails/src/assets/app/modules/login/views/login.html
...@@ -13,14 +13,11 @@ ...@@ -13,14 +13,11 @@
<!-- LoginCtrl controls here, see app.js --> <!-- LoginCtrl controls here, see app.js -->
<form name="loginForm" ng-submit="login()" novalidate> <form name="loginForm" ng-submit="login()" novalidate>
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessage' }}" class="alert" ng-class="alert" translate translate-value-name="{{name}}">{{message}}</div>
<div class="form-group"> <div class="form-group">
<input type="email" class="form-control" id="login_email" placeholder="{{ 'your_email' | translate}}" required ng-model="credentials.email" ng-focus="showmessage = false" /> <input type="email" class="form-control" id="login_email" placeholder="{{ 'your_email' | translate}}" required ng-model="credentials.email" />
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="password" class="form-control" id="login_password" placeholder="{{ 'your_password' | translate}}" required ng-model="credentials.password" ng-focus="showmessage = false" /> <input type="password" class="form-control" id="login_password" placeholder="{{ 'your_password' | translate}}" required ng-model="credentials.password" />
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
......
sails/src/assets/app/modules/login/views/login_admin.html
...@@ -12,9 +12,6 @@ ...@@ -12,9 +12,6 @@
<!-- Formulario --> <!-- Formulario -->
<!-- LoginAdminCtrl controls here, see app.js --> <!-- LoginAdminCtrl controls here, see app.js -->
<form name="loginForm" ng-submit="login()" novalidate> <form name="loginForm" ng-submit="login()" novalidate>
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessage' }}" class="alert" ng-class="alert" translate translate-value-name="{{name}}">{{message}}</div>
<h3 class="text-center" translate>admin_login</h3> <h3 class="text-center" translate>admin_login</h3>
<div class="form-group"> <div class="form-group">
......
sails/src/assets/app/modules/login/views/login_setting_password.html
...@@ -11,9 +11,6 @@ ...@@ -11,9 +11,6 @@
<img src="img/logo_pictogram.png" alt="Pictogram" title="Pictogram" /> <img src="img/logo_pictogram.png" alt="Pictogram" title="Pictogram" />
</p> </p>
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessage' }}" class="alert" ng-class="alert" translate translate-value-name="{{name}}">{{message}}</div>
<div ng-show="{{ 'showlink' }}" class="text-center"> <div ng-show="{{ 'showlink' }}" class="text-center">
<a href="/app/#/login" translate>click_login</a> <a href="/app/#/login" translate>click_login</a>
</div> </div>
...@@ -22,11 +19,11 @@ ...@@ -22,11 +19,11 @@
<form ng-hide="{{ 'hideform' }}" name="loginSettingPasswordForm" ng-submit="login_setting_password()"> <form ng-hide="{{ 'hideform' }}" name="loginSettingPasswordForm" ng-submit="login_setting_password()">
<div class="form-group"> <div class="form-group">
<input type="password" class="form-control" id="login_password" placeholder="{{ 'password_type' | translate}}" required ng-model="password" ng-focus="showmessage = false" /> <input type="password" class="form-control" id="login_password" placeholder="{{ 'password_type' | translate}}" required />
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="password" class="form-control" id="login_password_confirm" placeholder="{{ 'password_confirm' | translate}}" required ng-model="password_confirm" ng-focus="showmessage = false" /> <input type="password" class="form-control" id="login_password_confirm" placeholder="{{ 'password_confirm' | translate}}" required ng-model="password_confirm" />
</div> </div>
<p class="color_red text_sm text-center" ng-show="password != password_confirm" translate>password_match</p> <p class="color_red text_sm text-center" ng-show="password != password_confirm" translate>password_match</p>
......
sails/src/assets/app/modules/login/views/signin.html
...@@ -18,10 +18,6 @@ ...@@ -18,10 +18,6 @@
<!-- Formulario --> <!-- Formulario -->
<form name="signInForm" role="form" ng-submit="signin()"> <form name="signInForm" role="form" ng-submit="signin()">
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessage' }}" class="alert" ng-class="alert" translate translate-values="{name: formdata.name, surname: formdata.surname, email: formdata.email}">{{message}}</div>
<fieldset> <fieldset>
<legend translate>personal_data</legend> <legend translate>personal_data</legend>
<div class="form-group"> <div class="form-group">
......
sails/src/assets/app/modules/student/controllers/addpicto.js
/* global dashboardControllers */
'use strict'; 'use strict';
// Please note that $modalInstance represents a modal window (instance) dependency. // Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above. // It is not the same as the $modal service used above.
dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance, $http, config, $window, $filter, $upload, stu_id, sup, studentPictos, categories, $modal) { dashboardControllers.controller('AddPictoCtrl', function (
$scope,
$modalInstance,
$http,
config,
$window,
$filter,
$upload,
stu_id,
sup,
studentPictos,
categories,
$modal,
$translate,
ngToast) {
var i;
var cat_id;
// Last 4 parameters passed from collections.js // Last 4 parameters passed from collections.js
// Basic data passed from the main window // Basic data passed from the main window
$scope.sup = sup; $scope.sup = sup;
...@@ -11,16 +29,16 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance ...@@ -11,16 +29,16 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance
// Initially the source is symbolstx collection // Initially the source is symbolstx collection
$scope.source = 'symbolstx'; $scope.source = 'symbolstx';
// List of studentPictos // List of studentPictos
//console.log(JSON.stringify(studentPictos));
$scope.studentPictos = studentPictos; $scope.studentPictos = studentPictos;
// List of picto categories // List of picto categories
// console.log(JSON.stringify(categories)); // console.log(JSON.stringify(categories));
$scope.categories = categories; $scope.categories = categories;
// Array scope for pictos dragged into categories // Array scope for pictos dragged into categories
$scope.pictos_in_category = {}; $scope.pictos_in_category = {};
for(var i=0; i<$scope.categories.length;i++){
var cat_id = $scope.categories[i].picto.id; for (i = 0; i < $scope.categories.length; i++) {
$scope.pictos_in_category['cat'+cat_id]=[]; cat_id = $scope.categories[i].picto.id;
$scope.pictos_in_category['cat' + cat_id] = [];
} }
// List of actual pictos (showed by navigation) // List of actual pictos (showed by navigation)
...@@ -29,37 +47,35 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance ...@@ -29,37 +47,35 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance
$scope.symbolstxCats = []; $scope.symbolstxCats = [];
// List of breadcrumbs to show in navigation // List of breadcrumbs to show in navigation
$scope.breadcrumbs = []; $scope.breadcrumbs = [];
$scope.breadcrumbs.push({ id: 0, exp: 'Inicio', glyphicon: 'glyphicon glyphicon-home'}); $scope.breadcrumbs.push({ id: 0, exp: 'Inicio', glyphicon: 'glyphicon glyphicon-home' });
// Request of general pictos categories (symbolstx) // Request of general pictos categories (symbolstx)
$http $http.get(config.backend + '/sup/' + $scope.sup.id + '/pic_categories/0')
.get(config.backend+'/sup/'+ $scope.sup.id +'/pic_categories/0') .success(function (data) {
.success(function(data, status, headers, config) {
// Add to list
$scope.symbolstxCats = data; $scope.symbolstxCats = data;
console.log("Symbolstx categories recovered");
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); $translate('error_loading_pictos').then(function (translation) {
ngToast.danger({ content: translation });
});
}); });
// //
// Load pictos from a category // Load pictos from a category
// //
$scope.load_pictos = function (id_cat){ $scope.load_pictos = function (id_cat) {
$http $http.get(config.backend + '/sup/' + $scope.sup.id + '/pic_fromcategory/' + id_cat)
.get(config.backend+'/sup/'+ $scope.sup.id +'/pic_fromcategory/' + id_cat) .success(function (data) {
.success(function(data, status, headers, config) { if (data) {
// Add to list
if (data)
$scope.pictos = data; $scope.pictos = data;
else $scope.pictos = []; } else {
//console.log(JSON.stringify($scope.pictos)); $scope.pictos = [];
console.log("Pictos listed" + JSON.stringify(data)); }
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); $translate('error_loading_pictos').then(function (translation) {
ngToast.danger({ content: translation });
});
}); });
}; };
...@@ -67,20 +83,20 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance ...@@ -67,20 +83,20 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance
// Load pictos from owned by the actual supervisor // Load pictos from owned by the actual supervisor
// TEST --> change with real supervisor pictos // TEST --> change with real supervisor pictos
// //
$scope.load_own_pictos = function (){ $scope.load_own_pictos = function () {
$scope.source = 'ownpictos'; $scope.source = 'ownpictos';
$http $http.get(config.backend + '/sup/' + $scope.sup.id + '/pictos')
.get(config.backend+'/sup/'+ $scope.sup.id +'/pictos') .success(function (data) {
.success(function(data, status, headers, config) { if (data) {
// Add to list
if (data)
$scope.pictos = data; $scope.pictos = data;
else $scope.pictos = []; } else {
console.log(JSON.stringify($scope.pictos)); $scope.pictos = [];
console.log("Pictos listed"); }
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); $translate('error_loading_pictos').then(function (translation) {
ngToast.danger({ content: translation });
});
}); });
}; };
...@@ -88,18 +104,14 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance ...@@ -88,18 +104,14 @@ dashboardControllers.controller('AddPictoCtrl', function ($scope, $modalInstance
// Load the folders of a category // Load the folders of a category
// //
$scope.load_category = function (id_cat){ $scope.load_category = function (id_cat){
$http $http.get(config.backend+'/sup/'+ $scope.sup.id +'/pic_categories/' + id_cat)
.get(config.backend+'/sup/'+ $scope.sup.id +'/pic_categories/' + id_cat)
.success(function(data, status, headers, config) { .success(function(data, status, headers, config) {
// Add to list // Add to list
if (data) if (data)
$scope.symbolstxCats = data; $scope.symbolstxCats = data;
else $scope.symbolstxCats = []; else $scope.symbolstxCats = [];
console.log("Symbolstx categories recovered");
}) })
.error(function(data, status, headers, config) { .error(function(data, status, headers, config) {
console.log("Error from API: " + data.error);
}); });
}; };
......
sails/src/assets/app/modules/student/controllers/student.js
/* global dashboardControllers, io */
'use strict'; 'use strict';
//----------------------- /**
// Student Controller * StudentCtrl
//----------------------- */
dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, config, $state, $http, $window, $filter, $rootScope) { dashboardControllers.controller('StudentCtrl', function StudentCtrl(
$scope,
config,
$state,
$http,
$window,
$filter,
$translate,
ngToast) {
var i;
var j;
$scope.studentData = { $scope.studentData = {
id: '', id: '',
...@@ -38,24 +50,24 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf ...@@ -38,24 +50,24 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf
// //
// WebSockets communication // WebSockets communication
// //
io.socket.on('update_peers', function(data) { io.socket.on('update_peers', function (data) {
console.log(data.count + ' peers connected'); $translate('num_peers').then(function (translation) {
ngToast.success(translation + ': ' + data.count);
});
$scope.studentData.num_peers = data.count; $scope.studentData.num_peers = data.count;
}); });
io.socket.on('reconnect', function () { io.socket.on('reconnect', function () {
// Subscribe to student's socket room // Subscribe to student's socket room
console.log("reconnecting to socket");
io.socket.post('/stu/subscribe', { io.socket.post('/stu/subscribe', {
action: 'subscribe', action: 'subscribe',
attributes:{ attributes: {
id_stu: $scope.studentData.id id_stu: $scope.studentData.id
}, },
token: $window.sessionStorage.token token: $window.sessionStorage.token
}, },
function(res) { function () {
console.log("Connected to student: " + res.msg); // TODO ngToast res.msg (connected to student room)
}); });
}); });
...@@ -65,10 +77,8 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf ...@@ -65,10 +77,8 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf
// //
// //
$http $http.get(config.backend + '/stu/' + $scope.studentData.id)
.get(config.backend+'/stu/' + $scope.studentData.id) .success(function (data) {
.success(function(data, status, headers, config) {
// studentData
$scope.studentData.id = data.id; $scope.studentData.id = data.id;
$scope.studentData.username = data.username; $scope.studentData.username = data.username;
$scope.studentData.name = data.name; $scope.studentData.name = data.name;
...@@ -98,42 +108,28 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf ...@@ -98,42 +108,28 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf
$scope.formUser.lang = $scope.studentData.lang; $scope.formUser.lang = $scope.studentData.lang;
$scope.formUser.notes = $scope.studentData.notes; $scope.formUser.notes = $scope.studentData.notes;
console.log("Student personal data recovered");
console.log(JSON.stringify($scope.studentData));
console.log("Attributes: " + JSON.stringify($scope.studentData.attributes));
console.log("Sups: " + JSON.stringify($scope.studentData.stuSup));
//////////////////////////////////////////////////////////
// Subscribe to student's socket room // Subscribe to student's socket room
console.log("connecting to socket");
io.socket.post('/stu/subscribe', { io.socket.post('/stu/subscribe', {
action: 'subscribe', action: 'subscribe',
attributes:{ attributes: {
id_stu: $scope.studentData.id id_stu: $scope.studentData.id
}, },
token: $window.sessionStorage.token token: $window.sessionStorage.token
}, },
function(res) { function () {
console.log("Connected to student: " + res.msg); // TODO ngToast res.msg (connected to student room)
}); });
//////////////////////////////////////////////////////////
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); // TODO ngToast res.msg (cant connect to student room)
}); });
// For tab navigation, initially blank goes to collections // For tab navigation, initially blank goes to collections
// Defined as JSON object to be available in in children as the same scope // Defined as JSON object to be available in in children as the same scope
$scope.nav = { $scope.nav = {
tab : 'collections' tab: 'collections'
}; };
// ----------------------------------------------------------------------
// COLLECTION
// Load student collection
//
// List of all student pictos // List of all student pictos
$scope.studentPictos = []; $scope.studentPictos = [];
// List of categories pictos // List of categories pictos
...@@ -148,131 +144,75 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf ...@@ -148,131 +144,75 @@ dashboardControllers.controller('StudentCtrl', function StudentCtrl($scope, conf
}; };
// Initialization of PCB (the tablet view) and PCB-Categories // Initialization of PCB (the tablet view) and PCB-Categories
$scope.pcb_rows = 5, $scope.pcb_cols = 10; $scope.pcb_rows = 5;
$scope.pcb_cols = 10;
$scope.pcb = [];
$scope.pcb_cat = [];
$scope.pcb = new Array(); $scope.pcb_cat = new Array();
// Set the empty elements // Set the empty elements
for (var i=0;i<$scope.pcb_rows;i++) { for (i = 0; i < $scope.pcb_rows; i++) {
$scope.pcb[i]=new Array(); $scope.pcb_cat[i]=new Array(); $scope.pcb[i] = [];
for (var j=0;j<$scope.pcb_cols; j++) { $scope.pcb_cat[i] = [];
// Default value
$scope.pcb[i][j]={'picto': {'uri': '/app/img/empty.gif'}, 'attributes': {'coord_x': i, 'coord_y': j}}; for (j = 0; j < $scope.pcb_cols; j++) {
$scope.pcb_cat[i][j]={'picto': {'uri': '/app/img/empty.gif'}, 'attributes': {'coord_x': i, 'coord_y': j}}; $scope.pcb[i][j] = {
picto: { uri: '/app/img/empty.gif' },
attributes: { coord_x: i, coord_y: j }
};
$scope.pcb_cat[i][j] = {
picto: { uri: '/app/img/empty.gif' },
attributes: { coord_x: i, coord_y: j }
};
} }
} }
$http $http.get(config.backend + '/stu/' + $scope.studentData.id + '/pictos')
.get(config.backend+'/stu/'+ $scope.studentData.id +'/pictos') .success(function (data) {
.success(function(data, status, headers, config) { var k;
// Add to list var pic;
$scope.studentPictos = data; $scope.studentPictos = data;
//console.log(JSON.stringify($scope.pcb_cat)); $scope.pictosCategory = $filter('filter')($scope.studentPictos, {
$scope.pictosCategory = $filter('filter')($scope.studentPictos, {attributes: { id_cat: null }}); attributes: {
console.log("Pictos Categories: " + JSON.stringify($scope.pictosCategory)); id_cat: null
}
});
// Build the pcb_cat with the coords of the pictos // Build the pcb_cat with the coords of the pictos
for(var i=0; i < $scope.pictosCategory.length; i++) { for (k = 0; k < $scope.pictosCategory.length; k++) {
var pic = $scope.pictosCategory[i]; pic = $scope.pictosCategory[k];
$scope.pcb_cat[pic.attributes.coord_x][pic.attributes.coord_y] = pic; $scope.pcb_cat[pic.attributes.coord_x][pic.attributes.coord_y] = pic;
console.log("Pic " + pic.id + ": " + pic.attributes.color );
} }
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); $translate('error_loading_pictos').then(function (translation) {
}); // Filtered only the categories pictos ngToast.danger({ content: translation });
});
////////////////////////////////////////////////////////////////////////////
// Devices /////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
/*
// For mark in list the actual device (Received from PCB via websocket)
$scope.active_device = null;
// 1) Leer los dispositivos del alumno y mostrar en listado
// Array with student's devices
$scope.devices = [];
// Query to obtain an array of student devices
$http
.get(config.backend+'/stu/'+ $scope.studentData.id +'/devices')
.success(function(data, status, headers, config) {
// Add to list
$scope.devices = data;
console.log(JSON.stringify($scope.devices));
console.log("Devices recovered");
})
.error(function(data, status, headers, config) {
console.log("Error from API: " + data.error);
}); });
*/
// ----------------------------------------------------------------------
// REPORTS
// Load information for reports
//
//
// NOTE: this information is created when the tab is selected, so information
// is always updated
// ----------------------------------------------------------------------
// SETUP
// Load student configuration
//
// *******************************************************
// Therapists
// List of student's therapists
$scope.studentSupervisors = []; $scope.studentSupervisors = [];
$http.get(config.backend + '/stu/' + $scope.studentData.id + '/therapists')
$http .success(function (data) {
.get(config.backend+'/stu/'+ $scope.studentData.id +'/therapists')
.success(function(data, status, headers, config) {
// Add to list
$scope.studentSupervisors = data; $scope.studentSupervisors = data;
console.log(JSON.stringify($scope.studentSupervisors));
console.log("Supervisors listed");
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); // TODO show error with ngToast
}); });
// List of student's tutors (parents)
$scope.studentTutors = []; $scope.studentTutors = [];
$http.get(config.backend + '/stu/' + $scope.studentData.id + '/tutors')
$http .success(function (data) {
.get(config.backend+'/stu/'+ $scope.studentData.id +'/tutors')
.success(function(data, status, headers, config) {
// Add to list
$scope.studentTutors = data; $scope.studentTutors = data;
console.log(JSON.stringify($scope.studentTutors));
console.log("Tutors listed");
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); // TODO show error with ngToast
}); });
// *******************************************************
// Devices
// List of student's devices
$scope.studentDevices = []; $scope.studentDevices = [];
$http.get(config.backend + '/stu/' + $scope.studentData.id + '/devices')
$http .success(function (data) {
.get(config.backend+'/stu/'+ $scope.studentData.id +'/devices')
.success(function(data, status, headers, config) {
// Add to list
$scope.studentDevices = data; $scope.studentDevices = data;
console.log("Devices listed: ");
console.log(JSON.stringify($scope.studentDevices));
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); // TODO show error with ngToast
}); });
/*
// Events handling
io.socket.on('action', function(data) {
console.log('"action" event received with the following data:');
console.log(data.msg);
});*/
}); });
sails/src/assets/app/modules/student/controllers/tags.js
'use strict'; /* global dashboardControllers */
// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.
dashboardControllers.controller('TagsCtrl', function ($scope, $modalInstance, $http, config, stuPicto, sup) { 'use strict';
// Last parameter passed from collections.js
// Basic data passed from the main window
/**
* TagsCtrl
*/
dashboardControllers.controller('TagsCtrl', function TagsCtrl(
$scope,
$modalInstance,
$http,
config,
stuPicto,
sup,
$translate,
ngToast) {
// Supervisor // Supervisor
$scope.sup = sup; $scope.sup = sup;
// List of general tags // List of general tags
...@@ -15,66 +22,62 @@ dashboardControllers.controller('TagsCtrl', function ($scope, $modalInstance, $h ...@@ -15,66 +22,62 @@ dashboardControllers.controller('TagsCtrl', function ($scope, $modalInstance, $h
$scope.ownTags = []; $scope.ownTags = [];
// Request of general tags // Request of general tags
$http $http.get(config.backend + '/picto/' + stuPicto.picto.id)
.get(config.backend+'/picto/' + stuPicto.picto.id) .success(function (data) {
.success(function(data, status, headers, config) {
// Add to lists
$scope.tags = data.tags; $scope.tags = data.tags;
$scope.ownTags = data.tagsSup; $scope.ownTags = data.tagsSup;
console.log("Tags recovered");
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); $translate('error_loading_pictos').then(function (translation) {
ngToast.danger({ content: translation });
});
}); });
// Add own tag // Add own tag
$scope.add = function () { $scope.add = function () {
$http.post(config.backend + '/picto/tag',
$http {
.post(config.backend+'/picto/tag', picto: stuPicto.picto.id,
{ 'picto': stuPicto.picto.id, supervisor: $scope.sup.id,
'supervisor': $scope.sup.id, tag: $scope.tagToAdd,
'tag': $scope.tagToAdd, lang: $scope.sup.lang
'lang': $scope.sup.lang }
}) )
.success(function(data, status, headers, config) { .success(function (data) {
console.log("Tag added: " + JSON.stringify(data));
$scope.ownTags.push(data); $scope.ownTags.push(data);
$scope.tagToAdd = ""; $scope.tagToAdd = '';
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); // TODO show error with ngToast
}); });
}; };
// Destroy own tag // Destroy own tag
$scope.del = function (tag) { $scope.del = function (tag) {
$http.delete(config.backend + '/picto/tag/' + tag.id)
$http .success(function () {
.delete(config.backend+'/picto/tag/' + tag.id) var i;
.success(function(data, status, headers, config) { // TODO show success with ngToast
console.log("Tag destroyed: " + JSON.stringify(data));
// Eliminar de la vista: Se recorre el array de objetos json para buscarlo // Eliminar de la vista: Se recorre el array de objetos json para buscarlo
for(var i=0; i < $scope.ownTags.length; i++) { for (i = 0; i < $scope.ownTags.length; i++) {
if(tag.id == $scope.ownTags[i].id) if (tag.id === $scope.ownTags[i].id) {
$scope.ownTags.splice(i,1); $scope.ownTags.splice(i, 1);
}
} }
}) })
.error(function(data, status, headers, config) { .error(function () {
console.log("Error from API: " + data.error); // TODO show error with ngToast
}); });
}; };
$scope.close = function () { $scope.close = function () {
$modalInstance.close("Ejemplo de elemento devuelto"); // TODO ¿?¿?
$modalInstance.close('Ejemplo de elemento devuelto');
}; };
// No usado // No usado
$scope.cancel = function () { $scope.cancel = function () {
// TODO ¿?¿?
$modalInstance.dismiss('cancel'); $modalInstance.dismiss('cancel');
}; };
}); });
sails/src/assets/app/modules/student/views/instructions.html
<toast></toast>
<!-- Instrucction tab--> <!-- Instrucction tab-->
<div class="panel panel-default student_tab_panel"> <div class="panel panel-default student_tab_panel">
......
sails/src/assets/app/modules/student/views/setup.html
<div class="panel panel-default student_tab_panel"> <div class="panel panel-default student_tab_panel">
<div class="panel-body"> <div class="panel-body">
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessagestudent' }}" class="alert" ng-class="alertstudent">{{ messagestudent | translate }}</div>
<div class="row"> <div class="row">
<!-- Parte izquierda: Datos personales --> <!-- Parte izquierda: Datos personales -->
<div class="col-md-6"> <div class="col-md-6">
...@@ -120,8 +116,6 @@ ...@@ -120,8 +116,6 @@
<img ng-src="{{supToAdd.pic}}" class="profile" alt="" title="" /> {{ supToAdd.name }} {{ supToAdd.surname }} <img ng-src="{{supToAdd.pic}}" class="profile" alt="" title="" /> {{ supToAdd.name }} {{ supToAdd.surname }}
<a class="btn btn-default btn-lg pull-right" role="button" ng-click="add_sup()" translate>add</a> <a class="btn btn-default btn-lg pull-right" role="button" ng-click="add_sup()" translate>add</a>
</div> </div>
<div ng-show="{{ 'showmessagesupnotfound' }}" class="alert alert-warning">{{ messagesup | translate }}</div>
<!-- Fin de buscador de supervisores --> <!-- Fin de buscador de supervisores -->
<!-- Supervisores asignados --> <!-- Supervisores asignados -->
...@@ -162,8 +156,6 @@ ...@@ -162,8 +156,6 @@
<img ng-src="{{tutorToAdd.pic}}" class="profile" alt="" title="" /> {{ tutorToAdd.name }} {{ tutorToAdd.surname }} <img ng-src="{{tutorToAdd.pic}}" class="profile" alt="" title="" /> {{ tutorToAdd.name }} {{ tutorToAdd.surname }}
<a class="btn btn-default btn-sm pull-right" role="button" ng-click="add_tutor()" translate>add</a> <a class="btn btn-default btn-sm pull-right" role="button" ng-click="add_tutor()" translate>add</a>
</div> </div>
<div ng-show="{{ 'showmessagetutornotfound' }}" class="alert alert-warning">{{ messagetutor | translate }}</div>
<!-- Fin de buscador de tutores --> <!-- Fin de buscador de tutores -->
<!-- Tutores asignados --> <!-- Tutores asignados -->
......
sails/src/assets/app/modules/supervisor/controllers/setup.js
/* global dashboardControllers */
'use strict'; 'use strict';
//------------------ /**
// Setup Controller * SetupCtrl
//------------------ */
dashboardControllers.controller('SetupCtrl', function SetupCtrl($scope, $http, $window, $translate, $location, $upload, config) { dashboardControllers.controller('SetupCtrl', function SetupCtrl(
// The last parameter, config, is injected from config.js (defined in dashboardConfig module) $scope,
$http,
$window,
$translate,
$location,
$upload,
ngToast,
config) {
var user;
// Don't show the message at the begining // Don't show the message at the begining
$scope.showmessage = false; $scope.showmessage = false;
// Restore user values from sessionStorage // Restore user values from sessionStorage
var user = JSON.parse($window.sessionStorage.user); user = JSON.parse($window.sessionStorage.user);
// Fill the form with the user data
$scope.formdata = user; $scope.formdata = user;
// Testing --> DELETE
console.log("User id: " + user.id.toString());
console.log("User id to hashcode: " + user.id.toString().hashCode());
// When a picture is selected, launch the request // When a picture is selected, launch the request
$scope.onFileSelect = function($files) { $scope.onFileSelect = function ($files) {
//$files: an array of files selected, each file has name, size, and type. var i;
for (var i = 0; i < $files.length; i++) { var file;
var file = $files[i]; var extension;
var filename;
// Check accepted file types
if(file.type == "image/jpeg" || file.type == "image/png" || file.type == "image/gif"){ for (i = 0; i < $files.length; i++) {
file = $files[i]; // { name, size, type }
// Get the file extension if (file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif') {
var extension = file.name.split('.').pop(); extension = file.name.split('.').pop();
var filename = user.id + file.name; filename = user.id + file.name;
console.log("Archivo: " + filename);
$upload.upload({ $upload.upload({
url: '/sup/upload', //upload.php script, node.js route, or servlet url url: '/sup/upload', // upload.php script, node.js route, or servlet url
method: 'POST', // or 'PUT', method: 'POST', // or 'PUT',
// Fields to sent in the body of the request fields: {
fields: {'filename': filename, 'extension': extension, 'folder': 'supervisors', 'id': user.id}, filename: filename,
// or ['1.jpg', '2.jpg', ...] // to modify the name of the file(s) extension: extension,
file: file, // or list of files ($files) for html5 only folder: 'supervisors',
}).progress(function(evt) { id: user.id
console.log('percent: ' + parseInt(100.0 * evt.loaded / evt.total)); },
}).success(function(data, status, headers, config) { file: file
// file is uploaded successfully })
console.log(JSON.stringify(data.file)); .progress(function () {
// Assign the new image with new name // TODO show file upload progress to user
$scope.user.pic = "/upload/supervisors/" + data.file.name; })
//$scope.picture = user.id + "." + extension + "?t=" + new Date().getTime(); .success(function (data) {
// Modify the user in session // TODO show success ngToast
var user = JSON.parse($window.sessionStorage.user); $scope.user.pic = '/upload/supervisors/' + data.file.name;
user.pic = $scope.user.pic; user.pic = $scope.user.pic;
$window.sessionStorage.user = JSON.stringify(user); $window.sessionStorage.user = JSON.stringify(user);
}); });
}else{ } else {
alert("It's only supported JPG, PNG and GIF files"); $translate('error_only_support_images').then(function (translation) {
ngToast.error({ content: translation });
});
} }
} }
}; };
// Form submit // Form submit
$scope.setup = function () { $scope.setup = function () {
var supervisor;
var actualEmail;
//$scope.showmessage = false; if ($scope.formdata.password !== $scope.formdata.password_confirm) {
$translate('password_match').then(function (translation) {
// Validate password match ngToast.danger({ content: translation });
if($scope.formdata.password != $scope.formdata.password_confirm){ });
// ToDo: Highlight with Angular the input
$scope.showmessage = true;
$scope.alert = "alert-danger";
$scope.message = "password_match";
return; return;
} }
if($scope.setupForm.$valid) { if (!$scope.setupForm.$valid) {
// $scope.showdialog = true; $translate('invalid_fields').then(function (translation) {
console.log('Form is valid'); ngToast.danger({ content: translation });
}else{ });
return; return;
} }
var supervisor = $scope.formdata; supervisor = $scope.formdata;
var actual_email = JSON.parse($window.sessionStorage.user).email; actualEmail = JSON.parse($window.sessionStorage.user).email;
// Comprobation for new email // Comprobation for new email
// If no change, it is deleted from supervisor object // If no change, it is deleted from supervisor object
if(supervisor.email == actual_email) if (supervisor.email === actualEmail) {
delete supervisor.email; delete supervisor.email;
}
// console.log($scope.formdata.uploadFile); $http.put(config.backend + '/sup', supervisor)
.success(function (data) {
$http $translate('data_saved').then(function (translation) {
.put(config.backend+'/sup', supervisor) ngToast.success({ content: translation });
.success(function(data, status, headers, config) { });
// ToDo: When this run well, redirect to main page
$scope.showmessage = true;
$scope.alert = "alert-success";
$scope.message = "data_saved";
// Modify the name in the header // Modify the name in the header
$scope.name = data.name + " " + data.surname; $scope.name = data.name + ' ' + data.surname;
// Modify the user data in session // Modify the user data in session
user.name = data.name; user.name = data.name;
user.surname = data.surname; user.surname = data.surname;
...@@ -113,16 +114,11 @@ dashboardControllers.controller('SetupCtrl', function SetupCtrl($scope, $http, $ ...@@ -113,16 +114,11 @@ dashboardControllers.controller('SetupCtrl', function SetupCtrl($scope, $http, $
delete user.password_confirm; delete user.password_confirm;
$window.sessionStorage.user = JSON.stringify(user); $window.sessionStorage.user = JSON.stringify(user);
console.log("User modified");
}) })
.error(function(data, status, headers, config) { .error(function () {
$scope.showmessage = true; $translate('data_no_saved').then(function (translation) {
$scope.alert = "alert-danger"; ngToast.danger({ content: translation });
$scope.message = "data_no_saved"; });
console.log("Error from API: " + data.error);
}); });
}; };
}); });
sails/src/assets/app/modules/supervisor/controllers/supervisor.js
/* global io */
'use strict'; 'use strict';
//----------------------- //-----------------------
// Supervisor Controller // Supervisor Controller
//----------------------- //-----------------------
dashboardControllers.controller('SupervisorCtrl', function SupervisorCtrl($scope, $window, $location) { dashboardControllers.controller('SupervisorCtrl', function SupervisorCtrl($scope, $window, $location, IOService) {
// Restore user data from session // Restore user data from session
var user = JSON.parse($window.sessionStorage.user); var user = JSON.parse($window.sessionStorage.user);
...@@ -22,4 +24,11 @@ dashboardControllers.controller('SupervisorCtrl', function SupervisorCtrl($scope ...@@ -22,4 +24,11 @@ dashboardControllers.controller('SupervisorCtrl', function SupervisorCtrl($scope
$location.path('/setup'); $location.path('/setup');
}; };
// Subscribe to the supervisor's room
IOService.post('/sup/subscribe', {
action: 'subscribe',
attributes: {
id_sup: $scope.user.id
}
});
}); });
sails/src/assets/app/modules/supervisor/views/setup.html
...@@ -9,9 +9,6 @@ ...@@ -9,9 +9,6 @@
<!-- Formulario --> <!-- Formulario -->
<form name="setupForm" enctype="multipart/form-data" role="form" ng-submit="setup()"> <form name="setupForm" enctype="multipart/form-data" role="form" ng-submit="setup()">
<!-- Alert and success messages -->
<div ng-show="{{ 'showmessage' }}" class="alert" ng-class="alert" translate>{{message}}</div>
<!-- Change profile picture --> <!-- Change profile picture -->
<input type="file" ng-file-select="onFileSelect($files)" ng-model="picFile" accept="image/*"> <input type="file" ng-file-select="onFileSelect($files)" ng-model="picFile" accept="image/*">
...@@ -102,4 +99,3 @@ ...@@ -102,4 +99,3 @@
</div> </div>
sails/src/assets/app/modules/supervisor/views/students.html
<toast></toast>
<!-- StudentsCtrl controls here, see app.js --> <!-- StudentsCtrl controls here, see app.js -->
<div class="panel panel-default"> <div class="panel panel-default">
<!-- Default panel contents --> <!-- Default panel contents -->
......
sails/src/config/policies.js
...@@ -45,7 +45,9 @@ module.exports.policies = { ...@@ -45,7 +45,9 @@ module.exports.policies = {
destroy: ['tokenAuth', 'isAdmin'], destroy: ['tokenAuth', 'isAdmin'],
students: ['tokenAuth'], students: ['tokenAuth'],
pictos: ['tokenAuth'], pictos: ['tokenAuth'],
upload: ['tokenAuth'] upload: ['tokenAuth'],
subscribe: ['tokenAuth'],
unsubscribe: ['tokenAuth']
}, },
DeviceController: { DeviceController: {
register: true, register: true,
......
sails/src/config/routes.js
...@@ -22,16 +22,7 @@ ...@@ -22,16 +22,7 @@
module.exports.routes = { module.exports.routes = {
/*************************************************************************** // Supervisor
* *
* Make the view located at `views/homepage.ejs` (or `views/homepage.jade`, *
* etc. depending on your default view engine) your home page. *
* *
* (Alternatively, remove this and add an `index.html` file in your *
* `assets` directory) *
* *
***************************************************************************/
'post /sup/login': 'SupervisorController.login', 'post /sup/login': 'SupervisorController.login',
'post /sup': 'SupervisorController.create', 'post /sup': 'SupervisorController.create',
'put /sup': 'SupervisorController.update', 'put /sup': 'SupervisorController.update',
...@@ -40,13 +31,15 @@ module.exports.routes = { ...@@ -40,13 +31,15 @@ module.exports.routes = {
'get /sup/get/:id': 'SupervisorController.findOne', 'get /sup/get/:id': 'SupervisorController.findOne',
'post /sup/activate': 'SupervisorController.activate', 'post /sup/activate': 'SupervisorController.activate',
'get /sup/:id/students': 'SupervisorController.students', 'get /sup/:id/students': 'SupervisorController.students',
'post /sup/subscribe': 'SupervisorController.subscribe',
'post /sup/unsubscribe': 'SupervisorController.unsubscribe',
'post /sup/upload': 'SupervisorController.upload', // upload profile img file
// Pictos // Pictos
'get /sup/:id/pictos': 'SupervisorController.pictos', 'get /sup/:id/pictos': 'SupervisorController.pictos',
'get /sup/:id/pic_categories/:id_cat': 'Picto.categories', 'get /sup/:id/pic_categories/:id_cat': 'Picto.categories',
'get /sup/:id/pic_fromcategory/:id_cat': 'Picto.fromcategory', 'get /sup/:id/pic_fromcategory/:id_cat': 'Picto.fromcategory',
'post /sup/upload': 'SupervisorController.upload', // upload profile img file
// Pictogram administration // Pictogram administration
'post /admin/login': 'AdminController.login', 'post /admin/login': 'AdminController.login',
......
sails/src/package.json
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
"lodash": "^3.10.1", "lodash": "^3.10.1",
"mocha": "^2.3.4", "mocha": "^2.3.4",
"rc": "~0.5.0", "rc": "~0.5.0",
"sails": "^0.11.3", "sails": "^0.12.3",
"sails-disk": "~0.10.0", "sails-disk": "~0.10.0",
"sails-generate-auth": "^0.2.0", "sails-generate-auth": "^0.2.0",
"sails-mysql": "^0.10.12", "sails-mysql": "^0.10.12",
...@@ -35,6 +35,10 @@ ...@@ -35,6 +35,10 @@
"author": "emblanco, amontejo", "author": "emblanco, amontejo",
"license": "", "license": "",
"devDependencies": { "devDependencies": {
"eslint": "^2.8.0",
"eslint-config-airbnb": "^7.0.0",
"eslint-plugin-jsx-a11y": "^1.0.1",
"eslint-plugin-react": "^5.0.1",
"node-inspector": "^0.12.8" "node-inspector": "^0.12.8"
} }
} }
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 sign in to comment