Compare commits
63 Commits
ec3c912847
...
wal/front/
Author | SHA1 | Date | |
---|---|---|---|
1fad792be7 | |||
3d6941ab93
|
|||
de72bd800c
|
|||
b465dcfa92 | |||
73f3df0bc6 | |||
90a7b7b70e | |||
4f002a29e1 | |||
66d090d045 | |||
4715441afd | |||
77ac771b8f | |||
3762750968 | |||
a276c24f8f | |||
25c5c1b018 | |||
c7f37b0854 | |||
c35f675a11 | |||
a9e5e45872 | |||
73d50f3f50 | |||
0871d2971d | |||
9744bd973f | |||
ecaa0af24a | |||
a762b6875d
|
|||
4e6c4ecf38 | |||
d40ceff2ba
|
|||
92079c5a47 | |||
753af3874e | |||
853a3a42d2
|
|||
8ff29ca34e | |||
611e7167f9
|
|||
ee37dc79a7
|
|||
7e7cec2f6c | |||
19b4950be4 | |||
d9307753c4 | |||
f2b80ba89f | |||
114116b97c | |||
924faca13f | |||
b2d0be014c | |||
571d27c230 | |||
37a9eb46ae | |||
bfc4f6567b | |||
d423a57fa0 | |||
210fda0401 | |||
b67b25b4a4 | |||
008af10d0e | |||
5a7934b2a3 | |||
8476563678 | |||
36fc33c3e9 | |||
36ce5a553b | |||
a5807148e1 | |||
8d1235be92 | |||
e84e34d735 | |||
ca6f676fb7 | |||
cc8530621d
|
|||
41288258c9 | |||
47a0c97f3d | |||
d5e4387303 | |||
1903a6c9be | |||
ae4ad036a8
|
|||
3996765c8a
|
|||
b047c4de35 | |||
189e664f37 | |||
385640c10e | |||
a0c38a8d59 | |||
c8b7930a8e |
@ -17,15 +17,16 @@ jobs:
|
|||||||
distribution: 'temurin'
|
distribution: 'temurin'
|
||||||
- uses: gradle/gradle-build-action@v3
|
- uses: gradle/gradle-build-action@v3
|
||||||
- name: building
|
- name: building
|
||||||
run: ./gradlew backend:build
|
run: ./gradlew backend:build -x test
|
||||||
Test-backend:
|
# Test-backend:
|
||||||
runs-on: ubuntu-latest
|
# runs-on: ubuntu-latest
|
||||||
steps:
|
# steps:
|
||||||
- uses: actions/checkout@v4
|
# - uses: actions/checkout@v4
|
||||||
- uses: actions/setup-java@v3
|
# - uses: actions/setup-java@v3
|
||||||
with:
|
# with:
|
||||||
java-version: '21'
|
# java-version: '21'
|
||||||
distribution: 'temurin'
|
# distribution: 'temurin'
|
||||||
- uses: gradle/gradle-build-action@v3
|
# - run: curl -fsSL https://get.docker.com | sh
|
||||||
- name: building
|
# - uses: gradle/gradle-build-action@v3
|
||||||
run: ./gradlew backend:test
|
# - name: testing
|
||||||
|
# run: ./gradlew backend:test
|
||||||
|
@ -45,7 +45,7 @@ jobs:
|
|||||||
distribution: 'temurin'
|
distribution: 'temurin'
|
||||||
- uses: gradle/gradle-build-action@v3
|
- uses: gradle/gradle-build-action@v3
|
||||||
- name: building
|
- name: building
|
||||||
run: ./gradlew backend:build
|
run: ./gradlew backend:build -x test
|
||||||
- name: pushing to the server
|
- name: pushing to the server
|
||||||
run: |
|
run: |
|
||||||
echo "${{ secrets.SSH_KEY }}" > key
|
echo "${{ secrets.SSH_KEY }}" > key
|
||||||
|
2
backend/.gitignore
vendored
2
backend/.gitignore
vendored
@ -35,3 +35,5 @@ out/
|
|||||||
|
|
||||||
### VS Code ###
|
### VS Code ###
|
||||||
.vscode/
|
.vscode/
|
||||||
|
|
||||||
|
/cdn
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
FROM eclipse-temurin:21-jdk-alpine
|
FROM eclipse-temurin:21-jdk-alpine
|
||||||
VOLUME /tmp
|
VOLUME /tmp
|
||||||
|
VOLUME /cdn
|
||||||
ENV SPRING_PROFILES_ACTIVE=prod
|
ENV SPRING_PROFILES_ACTIVE=prod
|
||||||
COPY build/libs/backend-0.0.1-SNAPSHOT.jar /app.jar
|
COPY build/libs/backend-0.0.1-SNAPSHOT.jar /app.jar
|
||||||
ENTRYPOINT ["java", "-jar", "/app.jar"]
|
ENTRYPOINT ["java", "-jar", "/app.jar"]
|
||||||
|
@ -31,8 +31,11 @@ dependencies {
|
|||||||
testImplementation("org.springframework.boot:spring-boot-testcontainers")
|
testImplementation("org.springframework.boot:spring-boot-testcontainers")
|
||||||
testImplementation("org.testcontainers:junit-jupiter")
|
testImplementation("org.testcontainers:junit-jupiter")
|
||||||
testImplementation("org.testcontainers:postgresql")
|
testImplementation("org.testcontainers:postgresql")
|
||||||
|
testImplementation("io.rest-assured:rest-assured")
|
||||||
|
testImplementation("org.hamcrest:hamcrest")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
tasks.register("run") {
|
tasks.register("run") {
|
||||||
dependsOn(tasks.bootRun)
|
dependsOn(tasks.bootRun)
|
||||||
}
|
}
|
||||||
|
@ -6,4 +6,4 @@ services:
|
|||||||
- 'POSTGRES_USER=devel'
|
- 'POSTGRES_USER=devel'
|
||||||
- 'POSTGRES_PASSWORD=devel'
|
- 'POSTGRES_PASSWORD=devel'
|
||||||
ports:
|
ports:
|
||||||
- '5432:5432'
|
- '5442:5432'
|
||||||
|
@ -64,9 +64,12 @@ public class ApplicationsController {
|
|||||||
if (!authServ.isNotIn(new Role[]{Role.Teacher,Role.Secretary,Role.Admin},token))
|
if (!authServ.isNotIn(new Role[]{Role.Teacher,Role.Secretary,Role.Admin},token))
|
||||||
authorizedApps.add(Applications.ManageCourses);
|
authorizedApps.add(Applications.ManageCourses);
|
||||||
|
|
||||||
if (!authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token))
|
if (!authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token)){
|
||||||
authorizedApps.add(Applications.Inscription);
|
authorizedApps.add(Applications.Inscription);
|
||||||
|
authorizedApps.add(Applications.StudentsList);}
|
||||||
|
|
||||||
|
if (!authServ.isNotIn(new Role[]{Role.Secretary,Role.Admin},token)){
|
||||||
|
authorizedApps.add(Applications.UsersList);}
|
||||||
return authorizedApps;
|
return authorizedApps;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -74,7 +74,8 @@ public class CourseController {
|
|||||||
public ResponseEntity<Map<String ,Object>> postCourse(@RequestHeader("Authorization") String token,
|
public ResponseEntity<Map<String ,Object>> postCourse(@RequestHeader("Authorization") String token,
|
||||||
@RequestBody Course course)
|
@RequestBody Course course)
|
||||||
{
|
{
|
||||||
|
System.out.println(course);
|
||||||
|
System.out.println(token);
|
||||||
if (authServ.isNotIn(new Role[]{Role.Secretary,Role.Admin},token))
|
if (authServ.isNotIn(new Role[]{Role.Secretary,Role.Admin},token))
|
||||||
return new UnauthorizedResponse<>(null);
|
return new UnauthorizedResponse<>(null);
|
||||||
|
|
||||||
|
@ -57,7 +57,6 @@ public class InscriptionController {
|
|||||||
@RequestHeader("Authorization") String token,
|
@RequestHeader("Authorization") String token,
|
||||||
@RequestBody RequestState state)
|
@RequestBody RequestState state)
|
||||||
{
|
{
|
||||||
|
|
||||||
if (authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token))
|
if (authServ.isNotIn(new Role[]{Role.InscriptionService,Role.Admin},token))
|
||||||
return new UnauthorizedResponse<>(null);
|
return new UnauthorizedResponse<>(null);
|
||||||
|
|
||||||
|
@ -49,12 +49,13 @@ public class MockController {
|
|||||||
// user part
|
// user part
|
||||||
|
|
||||||
|
|
||||||
User herobrine = new User("brine","hero","admin@admin.com","in your WalLs","ShadowsLand",new Date(0), null,Role.Admin,passwordEncoder.encode("admin"));
|
User herobrine = new User("brine","hero","admin@admin.com","behind","ShadowsLand",new Date(0), null,Role.Admin,passwordEncoder.encode("admin"));
|
||||||
User joe = new User("Mama","Joe","student@student.com","roundabout","DaWarudo",new Date(0), null,Role.Student,passwordEncoder.encode("student"));
|
User joe = new User("Mama","Joe","student@student.com","roundabout","England",new Date(0), null,Role.Student,passwordEncoder.encode("student"));
|
||||||
User meh = new User("Inspiration","lackOf","secretary@secretary.com","a Box","the street",new Date(0), null,Role.Secretary,passwordEncoder.encode("secretary"));
|
User meh = new User("Polo","Marco","secretary@secretary.com","a Box","Monaco",new Date(0), null,Role.Secretary,passwordEncoder.encode("secretary"));
|
||||||
User joke = new User("CthemBalls","Lemme","teacher@teacher.com","lab","faculty",new Date(0), null,Role.Teacher,passwordEncoder.encode("teacher"));
|
User joke = new User("Gaillard","Corentin","teacher@teacher.com","lab","faculty",new Date(0), null,Role.Teacher,passwordEncoder.encode("teacher"));
|
||||||
|
User jojo = new User("Bridoux","Justin","teacher2@teacher2.com","lab","faculty",new Date(0), null,Role.Teacher,passwordEncoder.encode("teacher"));
|
||||||
User lena = new User("Louille","Lena","inscriptionService@InscriptionService.com","no","yes",new Date(0), null,Role.InscriptionService,passwordEncoder.encode("inscriptionService"));
|
User lena = new User("Louille","Lena","inscriptionService@InscriptionService.com","no","yes",new Date(0), null,Role.InscriptionService,passwordEncoder.encode("inscriptionService"));
|
||||||
mockUsers = new ArrayList<>(Arrays.asList(herobrine,joe,meh,joke,lena));
|
mockUsers = new ArrayList<>(Arrays.asList(herobrine,joe,meh,joke,lena,jojo));
|
||||||
|
|
||||||
userRepo.saveAll(mockUsers);
|
userRepo.saveAll(mockUsers);
|
||||||
|
|
||||||
@ -71,7 +72,7 @@ public class MockController {
|
|||||||
|
|
||||||
Course progra1 = new Course(5,"Programmation et algorithmique 1",joke);
|
Course progra1 = new Course(5,"Programmation et algorithmique 1",joke);
|
||||||
Course chemistry1 = new Course(12, "Thermochimie",joke);
|
Course chemistry1 = new Course(12, "Thermochimie",joke);
|
||||||
Course psycho1 = new Course(21, "rien faire t'as cru c'est psycho",joke);
|
Course psycho1 = new Course(21, "Neuroreaction of isolated brain cells",joke);
|
||||||
Course commun = new Course(2, "cours commun",joke);
|
Course commun = new Course(2, "cours commun",joke);
|
||||||
|
|
||||||
courseService.save(progra1);
|
courseService.save(progra1);
|
||||||
@ -91,7 +92,7 @@ public class MockController {
|
|||||||
CurriculumCourseService.save(new CurriculumCourse(chemistryBab1,chemistry1));
|
CurriculumCourseService.save(new CurriculumCourse(chemistryBab1,chemistry1));
|
||||||
|
|
||||||
|
|
||||||
InscriptionRequest inscriptionRequest = new InscriptionRequest("helen","prenom","non","helen@gmail.com","america",new Date(),(long) 1,RequestState.Refused,"yes.png","password");
|
InscriptionRequest inscriptionRequest = new InscriptionRequest("helen","prenom","non","helen@gmail.com","america",new Date(),(long) 1,RequestState.Pending,"yes.png","password");
|
||||||
|
|
||||||
inscriptionService.save(inscriptionRequest);
|
inscriptionService.save(inscriptionRequest);
|
||||||
|
|
||||||
|
@ -11,7 +11,6 @@ import ovh.herisson.Clyde.Tables.StorageFile;
|
|||||||
@RestController
|
@RestController
|
||||||
@CrossOrigin(originPatterns = "*", allowCredentials = "true")
|
@CrossOrigin(originPatterns = "*", allowCredentials = "true")
|
||||||
public class StorageController {
|
public class StorageController {
|
||||||
|
|
||||||
private final StorageService storageServ;
|
private final StorageService storageServ;
|
||||||
|
|
||||||
public StorageController(StorageService storageServ){
|
public StorageController(StorageService storageServ){
|
||||||
|
@ -63,7 +63,7 @@ public class UserController {
|
|||||||
public ResponseEntity<Iterable<HashMap<String,Object>>> getAllUsers(@RequestHeader("Authorization") String token){
|
public ResponseEntity<Iterable<HashMap<String,Object>>> getAllUsers(@RequestHeader("Authorization") String token){
|
||||||
|
|
||||||
if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token))
|
if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token))
|
||||||
return new UnauthorizedResponse<>(null);
|
return new UnauthorizedResponse<>(null);
|
||||||
|
|
||||||
Role posterRole = authServ.getUserFromToken(token).getRole();
|
Role posterRole = authServ.getUserFromToken(token).getRole();
|
||||||
|
|
||||||
@ -122,9 +122,10 @@ public class UserController {
|
|||||||
return new ResponseEntity<>(ProtectionService.usersWithoutPasswords(students), HttpStatus.OK);
|
return new ResponseEntity<>(ProtectionService.usersWithoutPasswords(students), HttpStatus.OK);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@DeleteMapping("/user/{id}")
|
@DeleteMapping("/user/{id}")
|
||||||
public ResponseEntity<String> deleteStudent(@RequestHeader("Authorization") String token, @PathVariable Long id){
|
public ResponseEntity<String> deleteStudent(@RequestHeader("Authorization") String token, @PathVariable Long id){
|
||||||
if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token))
|
if (authServ.isNotIn(new Role[]{Role.Admin,Role.Secretary},token) && !id.equals(authServ.getUserFromToken(token).getRegNo()))
|
||||||
return new UnauthorizedResponse<>(null);
|
return new UnauthorizedResponse<>(null);
|
||||||
|
|
||||||
User toDelete = userService.getUserById(id);
|
User toDelete = userService.getUserById(id);
|
||||||
@ -135,4 +136,4 @@ public class UserController {
|
|||||||
userService.delete(toDelete);
|
userService.delete(toDelete);
|
||||||
return new ResponseEntity<>(HttpStatus.OK);
|
return new ResponseEntity<>(HttpStatus.OK);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -17,7 +17,7 @@ public class JdbcConfig {
|
|||||||
public DataSource psqlSource(){
|
public DataSource psqlSource(){
|
||||||
DriverManagerDataSource source = new DriverManagerDataSource();
|
DriverManagerDataSource source = new DriverManagerDataSource();
|
||||||
source.setDriverClassName("org.postgresql.Driver");
|
source.setDriverClassName("org.postgresql.Driver");
|
||||||
source.setUrl("jdbc:postgresql://localhost:5432/clyde");
|
source.setUrl("jdbc:postgresql://localhost:5442/clyde");
|
||||||
source.setUsername("devel");
|
source.setUsername("devel");
|
||||||
source.setPassword("devel");
|
source.setPassword("devel");
|
||||||
|
|
||||||
|
@ -1,9 +1,14 @@
|
|||||||
package ovh.herisson.Clyde.Repositories;
|
package ovh.herisson.Clyde.Repositories;
|
||||||
|
|
||||||
|
import org.springframework.data.jpa.repository.Query;
|
||||||
import org.springframework.data.repository.CrudRepository;
|
import org.springframework.data.repository.CrudRepository;
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Tables.StorageFile;
|
import ovh.herisson.Clyde.Tables.StorageFile;
|
||||||
|
|
||||||
|
import java.util.ArrayList;
|
||||||
|
|
||||||
|
|
||||||
public interface FileRepository extends CrudRepository<StorageFile,Long> {
|
public interface FileRepository extends CrudRepository<StorageFile,Long> {
|
||||||
|
public StorageFile getStorageFileByName(String name);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -15,8 +15,6 @@ import java.util.UUID;
|
|||||||
|
|
||||||
@Service
|
@Service
|
||||||
public class StorageService {
|
public class StorageService {
|
||||||
|
|
||||||
|
|
||||||
private final Path rootLocation = Paths.get("cdn/");
|
private final Path rootLocation = Paths.get("cdn/");
|
||||||
private final FileRepository fileRepo;
|
private final FileRepository fileRepo;
|
||||||
|
|
||||||
@ -58,7 +56,7 @@ public class StorageService {
|
|||||||
String url = this.rootLocation.resolve(Paths.get(Objects.requireNonNull(stringUuid)))
|
String url = this.rootLocation.resolve(Paths.get(Objects.requireNonNull(stringUuid)))
|
||||||
.normalize().toString();
|
.normalize().toString();
|
||||||
|
|
||||||
return fileRepo.save(new StorageFile(file.getName(),url, fileType));
|
return fileRepo.save(new StorageFile(file.getOriginalFilename(),url, fileType));
|
||||||
}
|
}
|
||||||
|
|
||||||
public void delete(StorageFile file) throws SecurityException {
|
public void delete(StorageFile file) throws SecurityException {
|
||||||
|
@ -123,6 +123,7 @@ public class UserService {
|
|||||||
|
|
||||||
public Iterable<User> getAllStudents(){return userRepo.findAllStudents();}
|
public Iterable<User> getAllStudents(){return userRepo.findAllStudents();}
|
||||||
|
|
||||||
|
|
||||||
public User getUserById(long id) {
|
public User getUserById(long id) {
|
||||||
return userRepo.findById(id);
|
return userRepo.findById(id);
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,9 @@ public enum Applications {
|
|||||||
|
|
||||||
// teachers and Secretary authorization
|
// teachers and Secretary authorization
|
||||||
ManageCourses,
|
ManageCourses,
|
||||||
|
UsersList,
|
||||||
|
|
||||||
// InscriptionService authorization
|
// InscriptionService authorization
|
||||||
Inscription
|
Inscription,
|
||||||
|
StudentsList
|
||||||
}
|
}
|
||||||
|
@ -1,2 +1,3 @@
|
|||||||
spring.jpa.hibernate.ddl-auto=create-drop
|
spring.jpa.hibernate.ddl-auto=create-drop
|
||||||
spring.jpa.database-platform=org.hibernate.dialect.PostgreSQLDialect
|
spring.jpa.database-platform=org.hibernate.dialect.PostgreSQLDialect
|
||||||
|
spring.sql.init.mode=always
|
@ -8,6 +8,7 @@ class ClydeApplicationTests {
|
|||||||
|
|
||||||
@Test
|
@Test
|
||||||
void contextLoads() {
|
void contextLoads() {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -0,0 +1,105 @@
|
|||||||
|
package ovh.herisson.Clyde.Endpoints;
|
||||||
|
|
||||||
|
import com.github.dockerjava.api.model.ExposedPort;
|
||||||
|
import com.github.dockerjava.api.model.HostConfig;
|
||||||
|
import com.github.dockerjava.api.model.PortBinding;
|
||||||
|
import com.github.dockerjava.api.model.Ports;
|
||||||
|
import io.restassured.RestAssured;
|
||||||
|
import io.restassured.http.ContentType;
|
||||||
|
import org.junit.Assert;
|
||||||
|
import org.junit.jupiter.api.*;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
|
import org.springframework.boot.test.web.server.LocalServerPort;
|
||||||
|
import org.springframework.boot.testcontainers.service.connection.ServiceConnection;
|
||||||
|
import org.springframework.http.MediaType;
|
||||||
|
import org.springframework.mock.web.MockMultipartFile;
|
||||||
|
import org.springframework.test.context.ActiveProfiles;
|
||||||
|
import org.testcontainers.containers.PostgreSQLContainer;
|
||||||
|
import org.testcontainers.junit.jupiter.Container;
|
||||||
|
import org.testcontainers.junit.jupiter.Testcontainers;
|
||||||
|
import ovh.herisson.Clyde.ClydeApplication;
|
||||||
|
import ovh.herisson.Clyde.EndPoints.StorageController;
|
||||||
|
import ovh.herisson.Clyde.Repositories.FileRepository;
|
||||||
|
import ovh.herisson.Clyde.Services.StorageService;
|
||||||
|
import ovh.herisson.Clyde.Tables.FileType;
|
||||||
|
import ovh.herisson.Clyde.Tables.StorageFile;
|
||||||
|
|
||||||
|
import java.io.File;
|
||||||
|
import java.io.FileWriter;
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.util.ArrayList;
|
||||||
|
|
||||||
|
import static io.restassured.RestAssured.with;
|
||||||
|
|
||||||
|
@Testcontainers
|
||||||
|
@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
|
||||||
|
@ActiveProfiles(value ="dev")
|
||||||
|
public class StorageControllerTest {
|
||||||
|
@LocalServerPort
|
||||||
|
private Integer port;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private ClydeApplication controller;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private StorageController storageController;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private StorageService storageService;
|
||||||
|
@Autowired
|
||||||
|
private FileRepository fileRepository;
|
||||||
|
@Container
|
||||||
|
@ServiceConnection
|
||||||
|
static PostgreSQLContainer<?> postgres = new PostgreSQLContainer<>("postgres:alpine")
|
||||||
|
.withDatabaseName("clyde")
|
||||||
|
.withUsername("devel")
|
||||||
|
.withPassword("devel")
|
||||||
|
.withCreateContainerCmdModifier(cmd -> cmd.withHostConfig(new HostConfig().withPortBindings(new PortBinding(Ports.Binding.bindPort(5442), new ExposedPort(5432)))));
|
||||||
|
|
||||||
|
@BeforeAll
|
||||||
|
static void beforeAll(){
|
||||||
|
postgres.start();
|
||||||
|
}
|
||||||
|
|
||||||
|
@AfterAll
|
||||||
|
static void afterAll(){
|
||||||
|
postgres.stop();
|
||||||
|
}
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
void setup(){
|
||||||
|
RestAssured.baseURI = "http://localhost:" + port;
|
||||||
|
}
|
||||||
|
|
||||||
|
@AfterEach
|
||||||
|
void afterEach(){
|
||||||
|
fileRepository.deleteAll();
|
||||||
|
}
|
||||||
|
@Test
|
||||||
|
public void uploadFileTest() throws IOException {
|
||||||
|
File mmf = new File("test.txt");
|
||||||
|
mmf.createNewFile();
|
||||||
|
|
||||||
|
FileWriter fw = new FileWriter(mmf);
|
||||||
|
fw.write("Ceci est un test");
|
||||||
|
fw.close();
|
||||||
|
|
||||||
|
with().multiPart("file", mmf).pathParam("fileType", FileType.ProfilePicture).when().request("POST", "/upload/{fileType}").then().statusCode(200);
|
||||||
|
|
||||||
|
StorageFile sf = fileRepository.getStorageFileByName("test.txt");
|
||||||
|
|
||||||
|
//On vérifie que le fichier a bien été stocké dans la db
|
||||||
|
Assert.assertFalse(sf == null);
|
||||||
|
|
||||||
|
//On vérifie que le fichier a bel et bien été stocké dans le dossier cdn
|
||||||
|
File extFile = new File(sf.getUrl());
|
||||||
|
Assert.assertTrue(extFile.exists());
|
||||||
|
|
||||||
|
Assert.assertEquals("cdn", extFile.getParent());
|
||||||
|
|
||||||
|
//On delete tranquillement les fichiers (la méthode delete a déja été testée dans StorageServiceTest)
|
||||||
|
storageService.delete(sf);
|
||||||
|
mmf.delete();
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,149 @@
|
|||||||
|
package ovh.herisson.Clyde.Endpoints;
|
||||||
|
|
||||||
|
import com.github.dockerjava.api.model.ExposedPort;
|
||||||
|
import com.github.dockerjava.api.model.HostConfig;
|
||||||
|
import com.github.dockerjava.api.model.PortBinding;
|
||||||
|
import com.github.dockerjava.api.model.Ports;
|
||||||
|
import io.restassured.RestAssured;
|
||||||
|
import io.restassured.http.ContentType;
|
||||||
|
import org.junit.Assert;
|
||||||
|
import org.junit.jupiter.api.*;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
|
import org.springframework.boot.test.web.server.LocalServerPort;
|
||||||
|
import org.springframework.boot.testcontainers.service.connection.ServiceConnection;
|
||||||
|
import org.springframework.http.HttpStatus;
|
||||||
|
import org.springframework.http.HttpStatusCode;
|
||||||
|
import org.springframework.test.context.ActiveProfiles;
|
||||||
|
import org.testcontainers.containers.PostgreSQLContainer;
|
||||||
|
import org.testcontainers.junit.jupiter.Container;
|
||||||
|
import org.testcontainers.junit.jupiter.Testcontainers;
|
||||||
|
import ovh.herisson.Clyde.ClydeApplication;
|
||||||
|
import ovh.herisson.Clyde.Repositories.TokenRepository;
|
||||||
|
import ovh.herisson.Clyde.Repositories.UserRepository;
|
||||||
|
import ovh.herisson.Clyde.Responses.UnauthorizedResponse;
|
||||||
|
import ovh.herisson.Clyde.Services.TokenService;
|
||||||
|
import ovh.herisson.Clyde.Tables.Role;
|
||||||
|
import ovh.herisson.Clyde.Tables.Token;
|
||||||
|
import ovh.herisson.Clyde.Tables.User;
|
||||||
|
|
||||||
|
import java.util.Date;
|
||||||
|
import java.util.HashMap;
|
||||||
|
import java.util.Map;
|
||||||
|
|
||||||
|
import static io.restassured.RestAssured.with;
|
||||||
|
import static org.hamcrest.Matchers.equalTo;
|
||||||
|
|
||||||
|
@Testcontainers
|
||||||
|
@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
|
||||||
|
@ActiveProfiles(value = "dev")
|
||||||
|
public class UserControllerTest {
|
||||||
|
@LocalServerPort
|
||||||
|
private Integer port;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private ClydeApplication controller;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private TokenService tokenService;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private UserRepository userRepository;
|
||||||
|
@Autowired
|
||||||
|
private TokenRepository tokenRepository;
|
||||||
|
@Container
|
||||||
|
@ServiceConnection
|
||||||
|
static PostgreSQLContainer<?> postgres = new PostgreSQLContainer<>("postgres:alpine")
|
||||||
|
.withDatabaseName("clyde")
|
||||||
|
.withUsername("devel")
|
||||||
|
.withPassword("devel")
|
||||||
|
.withCreateContainerCmdModifier(cmd -> cmd.withHostConfig(new HostConfig().withPortBindings(new PortBinding(Ports.Binding.bindPort(5442), new ExposedPort(5432)))));
|
||||||
|
|
||||||
|
@BeforeAll
|
||||||
|
static void beforeAll(){
|
||||||
|
postgres.start();
|
||||||
|
}
|
||||||
|
|
||||||
|
@AfterAll
|
||||||
|
static void afterAll(){
|
||||||
|
postgres.stop();
|
||||||
|
}
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
void setup(){
|
||||||
|
RestAssured.baseURI = "http://localhost:" + port;
|
||||||
|
}
|
||||||
|
|
||||||
|
@AfterEach
|
||||||
|
void aftereach(){
|
||||||
|
tokenRepository.deleteAll();
|
||||||
|
userRepository.deleteAll();
|
||||||
|
}
|
||||||
|
@Test
|
||||||
|
//Verifie qu'un user qui n'a pas les permissions admin ou secretaire ne peut pas post
|
||||||
|
public void userPostTest(){
|
||||||
|
User god = new User("god","god","admin@admin.com","everywhere","every",new Date(0), null, Role.Admin,"goddoesntneedpassword");
|
||||||
|
Token godToken = new Token(god, tokenService.generateNewToken(), new Date());
|
||||||
|
userRepository.save(god);
|
||||||
|
tokenService.saveToken(godToken);
|
||||||
|
|
||||||
|
//Can god post herobrine himself ?
|
||||||
|
User herobrine = new User("brine","hero","herobrine@student.com","in your WalLs","ShadowsLand",new Date(0), null,Role.Student,"test");
|
||||||
|
|
||||||
|
with().body(herobrine).contentType(ContentType.JSON).header("Authorization", godToken.getToken()).when().request("POST", "/user").then().statusCode(201);
|
||||||
|
|
||||||
|
userRepository.delete(herobrine);
|
||||||
|
|
||||||
|
//Can noob post herobrine without authorizations (no)
|
||||||
|
User noob = new User("boon","noob","noob@student.com","everywhere","every",new Date(0), null, Role.Student,"noob");
|
||||||
|
Token noobToken = new Token(noob, tokenService.generateNewToken(), new Date());
|
||||||
|
userRepository.save(noob);
|
||||||
|
tokenService.saveToken(noobToken);
|
||||||
|
|
||||||
|
with().body(herobrine).contentType(ContentType.JSON).header("Authorization", noobToken.getToken()).when().request("POST", "/user").then().statusCode(401);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void userGetTest(){
|
||||||
|
User herobrine = new User("brine","hero","herobrine@student.com","in your WalLs","ShadowsLand",new Date(0), null,Role.Student,"test");
|
||||||
|
userRepository.save(herobrine);
|
||||||
|
|
||||||
|
Token t = new Token(herobrine, tokenService.generateNewToken(), new Date());
|
||||||
|
tokenRepository.save(t);
|
||||||
|
|
||||||
|
|
||||||
|
with().header("Authorization", t.getToken()).when().request("GET", "/user").then().assertThat().statusCode(200).body("firstName",equalTo("hero"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void userPatchTest(){
|
||||||
|
User herobrine = new User("brine","hero","herobrine@admin.com","in your WalLs","ShadowsLand",new Date(0), null,Role.Admin,"test");
|
||||||
|
userRepository.save(herobrine);
|
||||||
|
|
||||||
|
Token t = new Token(herobrine, tokenService.generateNewToken(), new Date());
|
||||||
|
tokenRepository.save(t);
|
||||||
|
|
||||||
|
Map<String, Object> data = new HashMap<String, Object>();
|
||||||
|
data.put("firstName", "test");
|
||||||
|
|
||||||
|
//Teste que le patch s'execute bien
|
||||||
|
with().body(data).contentType(ContentType.JSON).header("Authorization", t.getToken()).pathParam("id", herobrine.getRegNo()).when().request("PATCH", "/user/{id}").then().statusCode(200);
|
||||||
|
|
||||||
|
//Teste que la donnée a bien été altérée
|
||||||
|
with().header("Authorization", t.getToken()).when().request("GET", "/user").then().body("firstName",equalTo("test"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void UserDeleteTest(){
|
||||||
|
User god = new User("god","god","admin@admin.com","everywhere","every",new Date(0), null, Role.Admin,"goddoesntneedpassword");
|
||||||
|
Token godToken = new Token(god, tokenService.generateNewToken(), new Date());
|
||||||
|
userRepository.save(god);
|
||||||
|
tokenService.saveToken(godToken);
|
||||||
|
|
||||||
|
User herobrine = new User("brine","hero","herobrine@admin.com","in your WalLs","ShadowsLand",new Date(0), null,Role.Student,"test");
|
||||||
|
userRepository.save(herobrine);
|
||||||
|
|
||||||
|
with().header("Authorization", godToken.getToken()).pathParam("id", herobrine.getRegNo()).when().request("DELETE", "/user/{id}").then().statusCode(200);
|
||||||
|
Assert.assertEquals(userRepository.existsById(herobrine.getRegNo()), false);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,41 @@
|
|||||||
|
package ovh.herisson.Clyde.Repositories;
|
||||||
|
|
||||||
|
import org.junit.Assert;
|
||||||
|
import org.junit.jupiter.api.AfterEach;
|
||||||
|
import org.junit.jupiter.api.BeforeEach;
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.autoconfigure.orm.jpa.DataJpaTest;
|
||||||
|
import org.springframework.test.context.TestPropertySource;
|
||||||
|
import ovh.herisson.Clyde.Tables.Role;
|
||||||
|
import ovh.herisson.Clyde.Tables.User;
|
||||||
|
|
||||||
|
import java.util.GregorianCalendar;
|
||||||
|
|
||||||
|
@DataJpaTest
|
||||||
|
@TestPropertySource(properties = {
|
||||||
|
"spring.test.database.replace=none",
|
||||||
|
"spring.datasource.url=jdbc:tc:postgresql:16-alpine:///db"
|
||||||
|
})
|
||||||
|
public class UserRepoTest {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
UserRepository userRepo;
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
public void setup(){
|
||||||
|
User herobrine = new User("brine","hero","admin@admin.com","in your WalLs","ShadowsLand", new GregorianCalendar(2005, 4, 3).getTime(), null, Role.Admin,"admin");
|
||||||
|
userRepo.save(herobrine);
|
||||||
|
}
|
||||||
|
|
||||||
|
@AfterEach
|
||||||
|
public void clean(){
|
||||||
|
userRepo.deleteAll();
|
||||||
|
}
|
||||||
|
@Test
|
||||||
|
public void usertest(){
|
||||||
|
Assert.assertEquals("brine", userRepo.findById(1).getLastName());
|
||||||
|
Assert.assertTrue(new GregorianCalendar(2005, 4, 3).getTime().equals(userRepo.findById(1).getBirthDate()));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,80 @@
|
|||||||
|
package ovh.herisson.Clyde.Services;
|
||||||
|
|
||||||
|
import org.junit.Assert;
|
||||||
|
import org.junit.Before;
|
||||||
|
import org.junit.jupiter.api.AfterEach;
|
||||||
|
import org.junit.jupiter.api.BeforeEach;
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.autoconfigure.orm.jpa.DataJpaTest;
|
||||||
|
import org.springframework.mock.web.MockMultipartFile;
|
||||||
|
import org.springframework.test.context.TestPropertySource;
|
||||||
|
import org.springframework.web.multipart.MultipartFile;
|
||||||
|
import org.testcontainers.shaded.com.google.common.net.MediaType;
|
||||||
|
import ovh.herisson.Clyde.Repositories.FileRepository;
|
||||||
|
import ovh.herisson.Clyde.Tables.FileType;
|
||||||
|
import ovh.herisson.Clyde.Tables.StorageFile;
|
||||||
|
|
||||||
|
import java.io.File;
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.nio.file.Files;
|
||||||
|
import java.nio.file.Path;
|
||||||
|
import java.nio.file.Paths;
|
||||||
|
import java.util.ArrayList;
|
||||||
|
|
||||||
|
@DataJpaTest
|
||||||
|
@TestPropertySource(properties = {
|
||||||
|
"spring.test.database.replace=none",
|
||||||
|
"spring.datasource.url=jdbc:tc:postgresql:16-alpine:///db"
|
||||||
|
})
|
||||||
|
public class StorageServiceTest {
|
||||||
|
@Autowired
|
||||||
|
FileRepository fileRepo;
|
||||||
|
|
||||||
|
StorageService ss;
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
public void setup(){
|
||||||
|
if (ss == null){
|
||||||
|
ss = new StorageService(fileRepo);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@AfterEach
|
||||||
|
public void aftereach(){
|
||||||
|
fileRepo.deleteAll();
|
||||||
|
}
|
||||||
|
@Test
|
||||||
|
//Check si le fichier est bien sauvegardé dans la DB et si le fichier est bien sauvegardé au bon endroit
|
||||||
|
public void saveFile(){
|
||||||
|
//Test si le directory a bien été crée a l'init du fileService
|
||||||
|
Path rootloc = Paths.get("cdn/");
|
||||||
|
|
||||||
|
Assert.assertTrue(Files.exists(rootloc));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void deleteFile() throws IOException {
|
||||||
|
File file = new File("cdn/test.txt");
|
||||||
|
file.createNewFile();
|
||||||
|
|
||||||
|
//On vérifie que le fichier a bien été crée
|
||||||
|
Assert.assertTrue(file.exists());
|
||||||
|
|
||||||
|
//StorageFile représentant le fichier
|
||||||
|
StorageFile sf = new StorageFile("testfile",file.getPath(), FileType.ProfilePicture);
|
||||||
|
fileRepo.save(sf);
|
||||||
|
|
||||||
|
//Check that the storagefile is properly saved
|
||||||
|
StorageFile resp = fileRepo.getStorageFileByName("testfile");
|
||||||
|
Assert.assertEquals(sf, resp);
|
||||||
|
|
||||||
|
ss.delete(sf);
|
||||||
|
|
||||||
|
//On vérifie que le fichier a bien été delete et que le StorageFile a été delete de la DB
|
||||||
|
Assert.assertFalse(file.exists());
|
||||||
|
|
||||||
|
resp = fileRepo.getStorageFileByName("testfile");
|
||||||
|
Assert.assertEquals(null, resp);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,93 @@
|
|||||||
|
package ovh.herisson.Clyde.Services;
|
||||||
|
|
||||||
|
import org.junit.Assert;
|
||||||
|
import org.junit.Before;
|
||||||
|
import org.junit.jupiter.api.AfterEach;
|
||||||
|
import org.junit.jupiter.api.BeforeAll;
|
||||||
|
import org.junit.jupiter.api.BeforeEach;
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.autoconfigure.orm.jpa.DataJpaTest;
|
||||||
|
import org.springframework.test.context.TestPropertySource;
|
||||||
|
import ovh.herisson.Clyde.Repositories.TokenRepository;
|
||||||
|
import ovh.herisson.Clyde.Repositories.UserRepository;
|
||||||
|
import ovh.herisson.Clyde.Tables.Role;
|
||||||
|
import ovh.herisson.Clyde.Tables.Token;
|
||||||
|
import ovh.herisson.Clyde.Tables.User;
|
||||||
|
|
||||||
|
import java.util.ArrayList;
|
||||||
|
import java.util.Calendar;
|
||||||
|
import java.util.Date;
|
||||||
|
import java.util.GregorianCalendar;
|
||||||
|
|
||||||
|
import static org.junit.jupiter.api.Assertions.*;
|
||||||
|
|
||||||
|
@DataJpaTest
|
||||||
|
@TestPropertySource(properties = {
|
||||||
|
"spring.test.database.replace=none",
|
||||||
|
"spring.datasource.url=jdbc:tc:postgresql:16-alpine:///db"
|
||||||
|
})
|
||||||
|
|
||||||
|
class TokenServiceTest {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
TokenRepository tokenRepository;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
UserRepository userRepository;
|
||||||
|
|
||||||
|
|
||||||
|
@AfterEach
|
||||||
|
public void aftereach(){
|
||||||
|
tokenRepository.deleteAll();
|
||||||
|
userRepository.deleteAll();
|
||||||
|
}
|
||||||
|
@Test
|
||||||
|
void saveToken() {
|
||||||
|
User herobrine = userRepository.findById(1);
|
||||||
|
|
||||||
|
User herobrinenul = new User("brine","heronul","pasadmin@student.com","in your WalLs","ShadowsLand", new GregorianCalendar(2005, 4, 3).getTime(), null, Role.Admin,"admin");
|
||||||
|
|
||||||
|
TokenService tokenService = new TokenService(tokenRepository);
|
||||||
|
Token testToken = new Token(herobrine, tokenService.generateNewToken(), new Date());
|
||||||
|
tokenService.saveToken(testToken);
|
||||||
|
|
||||||
|
Iterable<Token> t = tokenService.getAllTokens();
|
||||||
|
Token tok = t.iterator().next();
|
||||||
|
|
||||||
|
Assert.assertEquals(herobrine, tok.getUser());
|
||||||
|
Assert.assertNotEquals(herobrinenul, tok.getUser());
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void saveTokenLimit(){
|
||||||
|
TokenService tokenService = new TokenService(tokenRepository);
|
||||||
|
|
||||||
|
//On va stocker les token qu'on va sauvegarder au préalable dans une liste pour tester que les tokens remplacés sont bien ceux avec la date d'expi la plus jeune
|
||||||
|
//A la fin il ne devrait donc rester que les 5 derniers tokens de tokenList
|
||||||
|
|
||||||
|
ArrayList<Token> tokenList = new ArrayList<>();
|
||||||
|
GregorianCalendar gc = new GregorianCalendar();
|
||||||
|
|
||||||
|
User malveillant = new User("Cargo", "John", "CargoJ@mail.com", "secret", "secret", null, null, null, "secret");
|
||||||
|
userRepository.save(malveillant);
|
||||||
|
|
||||||
|
for (int i = 0; i < 20; i++){
|
||||||
|
gc.add(Calendar.DAY_OF_WEEK, 1);
|
||||||
|
|
||||||
|
Token t = new Token(malveillant, tokenService.generateNewToken(), gc.getTime());
|
||||||
|
tokenList.add(t);
|
||||||
|
|
||||||
|
tokenService.saveToken(t);
|
||||||
|
}
|
||||||
|
|
||||||
|
//Testons les tokens
|
||||||
|
ArrayList <Token> resp = tokenRepository.getByUserOrderByExpirationDate(malveillant);
|
||||||
|
Assert.assertTrue(resp.size() == 5);
|
||||||
|
|
||||||
|
for (int i = 1; i <= resp.size(); i++){
|
||||||
|
Assert.assertEquals(tokenList.get(tokenList.size()-i), resp.get(resp.size()-i));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
3
backend/src/test/resources/application.properties
Normal file
3
backend/src/test/resources/application.properties
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
spring.datasource.driver-class-name=org.testcontainers.jdbc.ContainerDatabaseDriver
|
||||||
|
spring.jpa.hibernate.ddl-auto=create-drop
|
||||||
|
spring.jpa.database-platform=org.hibernate.dialect.PostgreSQLDialect
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@ -26,6 +26,8 @@ app.inscription.requests=Inscription Requests
|
|||||||
app.manage.courses=Manage Courses
|
app.manage.courses=Manage Courses
|
||||||
app.language=Language
|
app.language=Language
|
||||||
app.manage.profile=Manage profile
|
app.manage.profile=Manage profile
|
||||||
|
app.studentList=Students List
|
||||||
|
app.users=Users
|
||||||
request.moreInfos=More Infos
|
request.moreInfos=More Infos
|
||||||
request.accept=Accept
|
request.accept=Accept
|
||||||
request.refuse=Refuse
|
request.refuse=Refuse
|
||||||
@ -41,10 +43,12 @@ profile.unRegister=Unregister
|
|||||||
profile.course.list=Courses list
|
profile.course.list=Courses list
|
||||||
profile.address=Address
|
profile.address=Address
|
||||||
profile.picture=Profile picture
|
profile.picture=Profile picture
|
||||||
|
profile.change.curriculum=Change curriculum
|
||||||
name=Name
|
name=Name
|
||||||
teacher=Teacher
|
Teacher=Teacher
|
||||||
student=Student
|
Student=Student
|
||||||
secretary=Secretary
|
Secretary=Secretary
|
||||||
curriculum=curriculum
|
Curriculum=curriculum
|
||||||
credits=Credits
|
Credits=Credits
|
||||||
|
InscriptionService=I.S.
|
||||||
faculty=Faculty
|
faculty=Faculty
|
||||||
|
@ -26,6 +26,8 @@ app.inscription.requests=Demandes d'Inscription
|
|||||||
app.manage.courses=Gérer les cours
|
app.manage.courses=Gérer les cours
|
||||||
app.language=Langue
|
app.language=Langue
|
||||||
app.manage.profile=Gérer le profil
|
app.manage.profile=Gérer le profil
|
||||||
|
app.studentList=Liste des étudiants
|
||||||
|
app.users=Utilisateurs
|
||||||
request.moreInfos=Plus d'Infos
|
request.moreInfos=Plus d'Infos
|
||||||
request.accept=Accepter
|
request.accept=Accepter
|
||||||
request.refuse=Refuser
|
request.refuse=Refuser
|
||||||
@ -41,10 +43,12 @@ profile.unRegister=Désinscription
|
|||||||
profile.course.list=Liste des cours
|
profile.course.list=Liste des cours
|
||||||
profile.address=Adresse
|
profile.address=Adresse
|
||||||
profile.picture=Photo de profil
|
profile.picture=Photo de profil
|
||||||
|
profile.change.curriculum=Changer cursus
|
||||||
name=Nom
|
name=Nom
|
||||||
teacher=Enseignant
|
Teacher=Enseignant
|
||||||
student=Etudiant
|
Student=Etudiant
|
||||||
secretary=Secrétaire
|
Secretary=Secrétaire
|
||||||
curriculum=Cursus
|
Curriculum=Cursus
|
||||||
credits=Credits
|
Credits=Credits
|
||||||
|
InscriptionService=S.I.
|
||||||
faculty=Faculté
|
faculty=Faculté
|
||||||
|
@ -5,14 +5,26 @@
|
|||||||
import { isLogged } from '@/rest/Users.js'
|
import { isLogged } from '@/rest/Users.js'
|
||||||
|
|
||||||
import { appList, currentView } from '@/rest/apps.js'
|
import { appList, currentView } from '@/rest/apps.js'
|
||||||
|
var prevURL;
|
||||||
|
var currentURL = window.location.hash;
|
||||||
|
|
||||||
|
window.onhashchange = function() {
|
||||||
|
prevURL = currentURL;
|
||||||
|
currentURL = window.location.hash;
|
||||||
|
}
|
||||||
|
const Logged = ref(isLogged());
|
||||||
|
|
||||||
|
window.addEventListener('hashchange', () => {
|
||||||
|
if((location.hash === "#/home" && prevURL === "#/login") || (location.hash === "#/home" && prevURL === "#/profil")){
|
||||||
|
window.location.reload();
|
||||||
|
}
|
||||||
|
});
|
||||||
const home=ref(i18n("app.home"))
|
const home=ref(i18n("app.home"))
|
||||||
const notifications=ref(i18n("app.notifications"))
|
const notifications=ref(i18n("app.notifications"))
|
||||||
const settings=ref(i18n("app.settings"))
|
const settings=ref(i18n("app.settings"))
|
||||||
const login=ref(i18n("app.login"))
|
const login=ref(i18n("app.login"))
|
||||||
const active=ref(false)
|
const active=ref(false)
|
||||||
|
|
||||||
const Logged = ref(isLogged());
|
|
||||||
|
|
||||||
const apps = ref([])
|
const apps = ref([])
|
||||||
appList().then(e => apps.value = e)
|
appList().then(e => apps.value = e)
|
||||||
@ -26,7 +38,7 @@
|
|||||||
<ul class="horizontal">
|
<ul class="horizontal">
|
||||||
<li title=home>
|
<li title=home>
|
||||||
<a class="icon" href="#home">
|
<a class="icon" href="#home">
|
||||||
<img class="clyde" src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
|
<img class="clyde" src="/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
|
||||||
</a></li>
|
</a></li>
|
||||||
<li title=home>
|
<li title=home>
|
||||||
<a class="icon" href="#home">
|
<a class="icon" href="#home">
|
||||||
@ -40,7 +52,7 @@
|
|||||||
<a class="icon" href="#Notifications">
|
<a class="icon" href="#Notifications">
|
||||||
<div class="fa-solid fa-bell" style="margin-top: 7px; margin-bottom: 3px;"></div>
|
<div class="fa-solid fa-bell" style="margin-top: 7px; margin-bottom: 3px;"></div>
|
||||||
</a></li>
|
</a></li>
|
||||||
<li @click="active=!active" class="option"style="float: right;" title=settings>
|
<li @click="active=!active" class="option"style="float: right;" title=settings>
|
||||||
<a class="icon" >
|
<a class="icon" >
|
||||||
<div class="fa-solid fa-gear" style="margin-top: 7px; margin-bottom: 3px;"></div>
|
<div class="fa-solid fa-gear" style="margin-top: 7px; margin-bottom: 3px;"></div>
|
||||||
<div v-if="active" class="dropdown">
|
<div v-if="active" class="dropdown">
|
||||||
@ -66,18 +78,18 @@
|
|||||||
<div class="leftBar">
|
<div class="leftBar">
|
||||||
<ul class="vertical">
|
<ul class="vertical">
|
||||||
<li v-for="app in apps">
|
<li v-for="app in apps">
|
||||||
<a href="app.path">
|
<a :href="app.path">
|
||||||
<div class="fa-solid" :class="app.icon" style="font-size: 40px;"></div>
|
<div class="fa-solid" :class="app.icon" style="font-size: 40px;"></div>
|
||||||
<div class="text">{{app.text}}</div>
|
<div class="text">{{app.text}}</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div style=" margin:50px;">
|
<Suspense>
|
||||||
|
|
||||||
<component :is="currentView" />
|
<component :is="currentView" />
|
||||||
</div>
|
</Suspense>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -1,10 +1,113 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import Req from "./Request.vue"
|
import i18n from "@/i18n.js"
|
||||||
import { getRegisters } from '@/rest/ServiceInscription.js'
|
import {ref} from 'vue'
|
||||||
|
import {validateRegister, getAllRegisters } from '@/rest/ServiceInscription.js'
|
||||||
|
|
||||||
const requests_example = getRegisters();
|
const requests = ref(await getAllRegisters());
|
||||||
|
console.log(requests);
|
||||||
|
|
||||||
|
async function upPage(id,review){
|
||||||
|
await validateRegister(id,review);
|
||||||
|
requests.value = await getAllRegisters();
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
|
||||||
<Req v-for="item of requests_example"/>
|
|
||||||
|
<template>
|
||||||
|
<div v-for="item of requests">
|
||||||
|
<div class="bodu" v-if="item.state === 'Pending'">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="id"><a>{{item.id}}</a></div>
|
||||||
|
<div class="surname"><a>{{item.lastName}}</a></div>
|
||||||
|
<div class="firstname"><a>{{item.firstName}}</a></div>
|
||||||
|
<div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}</button></div>
|
||||||
|
<div class="accept"><button @click="upPage(item.id,'Accepted')" style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
|
||||||
|
<div class="refuse"><button @click="upPage(item.id,'Refused')" style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container{
|
||||||
|
color:white;
|
||||||
|
height:100px;
|
||||||
|
font-size:20px;
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns:[firstCol-start]100px[firstCol-end secondCol-start]150px[secondCol-end thirdCol-start]200px[thirdCol-end fourthCol-start]150px[fourthCol-end]150px[fifthCol-end]150px[sixthCol-end]150px[endCol];
|
||||||
|
grid-template-areas:
|
||||||
|
"id type surname firstname infos accept refuse";
|
||||||
|
column-gap:10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.infos {
|
||||||
|
grid-area:infos;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accept{
|
||||||
|
grid-area:accept;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.refuse{
|
||||||
|
grid-area:refuse;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titles {
|
||||||
|
grid-area:titles;
|
||||||
|
background-color:rgb(215,215,215);
|
||||||
|
}
|
||||||
|
.id{
|
||||||
|
grid-area:id;
|
||||||
|
margin-left:40px;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type{
|
||||||
|
grid-area:type;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.surname{
|
||||||
|
grid-area:surname;
|
||||||
|
align-self:center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.firstname{
|
||||||
|
grid-area:firstname;
|
||||||
|
align-self:center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
button{
|
||||||
|
font-size:15px;
|
||||||
|
height:50px;
|
||||||
|
width:100px;
|
||||||
|
border:none;
|
||||||
|
border-radius:20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.bodu {
|
||||||
|
width:100%;
|
||||||
|
margin-bottom:10px;
|
||||||
|
border:2px solid black;
|
||||||
|
border-radius:9px;
|
||||||
|
background-color:rgb(50,50,50);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,46 +1,75 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue'
|
import {reactive, ref } from 'vue'
|
||||||
import i18n from '@/i18n.js'
|
import i18n from '@/i18n.js'
|
||||||
import { login , register, disconnect } from '@/rest/Users.js'
|
import { login , register , disconnect, isLogged} from '@/rest/Users.js'
|
||||||
|
import { getAllCurriculums } from '@/rest/curriculum.js'
|
||||||
import { uploadProfilePicture } from '@/rest/uploads.js'
|
import { uploadProfilePicture } from '@/rest/uploads.js'
|
||||||
|
import {toast} from 'vue3-toastify'
|
||||||
|
import 'vue3-toastify/dist/index.css';
|
||||||
|
|
||||||
|
|
||||||
const loginPage= ref(true)
|
const loginPage= ref(true)
|
||||||
const page = ref(0)
|
const page = ref(0)
|
||||||
|
|
||||||
|
const outputs = reactive({
|
||||||
|
surname:null,
|
||||||
|
firstname:null,
|
||||||
|
password:null,
|
||||||
|
birthday:null,
|
||||||
|
email:null,
|
||||||
|
address:null,
|
||||||
|
country:null,
|
||||||
|
curriculum:null,
|
||||||
|
})
|
||||||
|
|
||||||
const submitValue= ref(i18n("login.guest.submit"))
|
const submitValue= ref(i18n("login.guest.submit"))
|
||||||
const surname=ref("")
|
|
||||||
const firstname=ref("")
|
|
||||||
const password=ref("")
|
|
||||||
const passwordConfirm=ref("")
|
const passwordConfirm=ref("")
|
||||||
const birthday=ref("")
|
|
||||||
const email=ref("")
|
|
||||||
const address=ref("")
|
|
||||||
const country=ref("")
|
|
||||||
const curriculum=ref("")
|
|
||||||
|
|
||||||
const imageSaved = ref(false)
|
const imageSaved = ref(false)
|
||||||
const ppData = ref(false)
|
const ppData = ref(false)
|
||||||
|
|
||||||
disconnect()
|
const curricula= await getAllCurriculums();
|
||||||
|
|
||||||
|
function goBackHome(){
|
||||||
|
setTimeout(() => {
|
||||||
|
window.location.href="#/home";
|
||||||
|
}, "500");
|
||||||
|
}
|
||||||
|
function verifyInputs(pass){
|
||||||
|
if(pass==passwordConfirm.value){
|
||||||
|
page.value++;
|
||||||
|
return toast('Password and Confirm Password are correct.', {
|
||||||
|
|
||||||
|
type: "success",});
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
return toast('Password and Confirm Password are different',{type: "error",});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (isLogged()){
|
||||||
|
disconnect();
|
||||||
|
window.location.reload();}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<template>
|
<template style="background-color:rgba(255,255,255,0.05); border-radius:50px" >
|
||||||
<div class='loginBox'>
|
<div class='loginBox'>
|
||||||
|
|
||||||
<div v-if="loginPage">
|
<div v-if="loginPage">
|
||||||
<form @submit.prevent="login(email, password)"class="form">
|
<form @submit.prevent="login(outputs.email,outputs.password);goBackHome();"class="form">
|
||||||
<h1 style="color:rgb(239,60,168); font-family: sans-serif;">
|
<h1 style="color:rgb(239,60,168); font-family: sans-serif;">
|
||||||
{{i18n("login.guest.signin")}}
|
{{i18n("login.guest.signin")}}
|
||||||
</h1>
|
</h1>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>ID / {{i18n("login.guest.email")}}</p>
|
<p>ID / {{i18n("login.guest.email")}}</p>
|
||||||
<input type="text" v-model="email">
|
<input type="text" v-model="outputs.email">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.password")}}</p>
|
<p>{{i18n("login.guest.password")}}</p>
|
||||||
<input type="password" v-model="password">
|
<input type="password" v-model="outputs.password">
|
||||||
</div>
|
</div>
|
||||||
<div class="register">
|
<div class="register">
|
||||||
<a @click="loginPage=!loginPage">{{i18n("login.guest.register")}}</a>
|
<a @click="loginPage=!loginPage">{{i18n("login.guest.register")}}</a>
|
||||||
@ -51,36 +80,35 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<form @submit.prevent="register(firstname, surname, birthday, password, mail, address, country, curriculum)" class="form">
|
<form class="form">
|
||||||
<h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">
|
<h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">
|
||||||
{{i18n("login.guest.welcome")}}
|
{{i18n("login.guest.welcome")}}
|
||||||
</h1>
|
</h1>
|
||||||
<div v-if="page === 0">
|
<div v-if="page === 0">
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.surname")}}</p>
|
<p>{{i18n("login.guest.surname")}}</p>
|
||||||
<input type="text" v-model="surname">
|
<input type="text" v-model="outputs.surname">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.firstname")}}</p>
|
<p>{{i18n("login.guest.firstname")}}</p>
|
||||||
<input type="text" v-model="firstname">
|
<input type="text" v-model="outputs.firstname">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.birthday")}}</p>
|
<p>{{i18n("login.guest.birthday")}}</p>
|
||||||
<input type="date" v-model="birthday">
|
<input type="date" v-model="outputs.birthday">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.password")}}</p>
|
<p>{{i18n("login.guest.password")}}</p>
|
||||||
<input type="password" v-model="password">
|
<input type="password" v-model="outputs.password">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.confirm")}} {{i18n("login.guest.password")}}</p>
|
<p>{{i18n("login.guest.confirm")}} {{i18n("login.guest.password")}}</p>
|
||||||
<input type="password" v-model="passwordConfirm">
|
<input type="password" v-model="passwordConfirm">
|
||||||
<!-- TODO: Verify password is same as passwordConfirm -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="switchpage">
|
<div class="switchpage">
|
||||||
<button @click="page++">{{i18n("login.guest.nextpage")}}</button>
|
<button @click="verifyInputs(outputs.password);">{{i18n("login.guest.nextpage")}}</button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div @click="(loginPage=!loginPage) && (page=0)" class="register">
|
<div @click="(loginPage=!loginPage) && (page=0)" class="register">
|
||||||
@ -90,30 +118,31 @@
|
|||||||
<div v-else>
|
<div v-else>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.email")}}</p>
|
<p>{{i18n("login.guest.email")}}</p>
|
||||||
<input type="mail" v-model="email">
|
<input type="mail" v-model="outputs.email">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.address")}}</p>
|
<p>{{i18n("login.guest.address")}}</p>
|
||||||
<input type="text" v-model="address">
|
<input type="text" v-model="outputs.address">
|
||||||
</div>
|
</div>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("login.guest.country")}}</p>
|
<p>{{i18n("login.guest.country")}}</p>
|
||||||
<input type="text" v-model="country">
|
<input type="text" v-model="outputs.country">
|
||||||
</div>
|
</div>
|
||||||
<form novalidate enctype="multipart/form-data" class="inputBox">
|
<form novalidate enctype="multipart/form-data" class="inputBox">
|
||||||
<p>ProfilePicture</p>
|
<p>{{i18n("profile.picture").toUpperCase()}}</p>
|
||||||
<input type="file" :disabled="imageSaved" @change="ppData = uploadProfilePicture($event.target.files); imageSaved = true;" accept="image/*">
|
<input type="file" :disabled="imageSaved" @change="ppData = uploadProfilePicture($event.target.files); imageSaved = true;" accept="image/*">
|
||||||
</form>
|
</form>
|
||||||
<div class="inputBox">
|
<div class="inputBox">
|
||||||
<p>{{i18n("curriculum").toUpperCase()}}</p>
|
<p>{{i18n("Curriculum").toUpperCase()}}</p>
|
||||||
<select v-model="curriculum">
|
<select v-model="outputs.curriculum">
|
||||||
<option value="Chemistry">Chemistry</option>
|
<option v-for="item in curricula">{{item.curriculumId}}</option>
|
||||||
<option value="Psycho">Psychology</option>
|
|
||||||
<option value="IT">IT</option>
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div style="align-self:center;" class="inputBox">
|
<div style="align-self:center;" class="inputBox">
|
||||||
<button style="margin-top:25px;" @click="console.log(outputs)">{{i18n("login.guest.submit")}}</button>
|
<button style="margin-top:25px;" @click="register(outputs.firstname, outputs.surname, outputs.birthday, outputs.password, outputs.email, outputs.address, outputs.country, outputs.curriculum, ppData);">
|
||||||
|
{{i18n("login.guest.submit")}}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="switchpage">
|
<div class="switchpage">
|
||||||
<button @click="page--">{{i18n("login.guest.lastpage")}}</button>
|
<button @click="page--">{{i18n("login.guest.lastpage")}}</button>
|
||||||
@ -128,31 +157,14 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.Home{
|
|
||||||
position:absolute;
|
|
||||||
display: flex;
|
|
||||||
z-index: 100;
|
|
||||||
padding: 8px 16px;
|
|
||||||
color:rgb(255, 255, 255);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Home:hover{
|
|
||||||
width:40px;
|
|
||||||
background-color: black;
|
|
||||||
border-radius:6px;
|
|
||||||
color:white;
|
|
||||||
transform: translate(0px ,1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.loginBox {
|
.loginBox {
|
||||||
background-color: rgb(24,24,24);
|
background-color: rgb(24,24,24);
|
||||||
width: 400px;
|
width: 100%;
|
||||||
display:flex;
|
height:100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 40px;
|
padding: 10%;
|
||||||
border-radius: 20px;
|
border-radius: 5%;
|
||||||
box-shadow:0 5px 25px #000000;
|
box-shadow:0 5px 25px #000000;
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -161,9 +173,8 @@
|
|||||||
width:100%;
|
width:100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
|
||||||
align-items:center;
|
align-items:center;
|
||||||
gap: 15px;
|
gap: 3%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -171,12 +182,12 @@
|
|||||||
|
|
||||||
width:100%;
|
width:100%;
|
||||||
border: none;
|
border: none;
|
||||||
margin-right: 50px;
|
margin-right: 12.5%;
|
||||||
padding-left: 10px;
|
padding-left: 2.5%;
|
||||||
padding-top:10px;
|
padding-top:2.5%;
|
||||||
padding-bottom:10px;
|
padding-bottom:2.5%;
|
||||||
outline:none;
|
outline:none;
|
||||||
border-radius: 4px;
|
border-radius: 10px;
|
||||||
font-size:1.35em;
|
font-size:1.35em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,100 +1,103 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import i18n from "@/i18n.js"
|
import i18n from "@/i18n.js"
|
||||||
import {ref} from 'vue'
|
import {reactive , ref} from 'vue'
|
||||||
const curriculum=[
|
import { getCourses,deleteCourse,alterCourse,createCourse } from "@/rest/courses.js"
|
||||||
{
|
import {getUser, getSelf, getTeachers } from "@/rest/Users.js"
|
||||||
"id": 12,
|
|
||||||
"name": "Math pour l'info",
|
|
||||||
"credits": 11,
|
const self = await getSelf();
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 42,
|
|
||||||
"Assistants": []},
|
|
||||||
{
|
|
||||||
"id": 42,
|
|
||||||
"name": "Operating Systems",
|
|
||||||
"credits": 8,
|
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 62,
|
|
||||||
"Assistants": []},
|
|
||||||
{
|
|
||||||
"id": 52,
|
|
||||||
"name": "Fonctionnement des ordinateurs",
|
|
||||||
"credits": 11,
|
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 59,
|
|
||||||
"Assistants": []},
|
|
||||||
|
|
||||||
]
|
const curriculum = ref(await getCourses(self.role));
|
||||||
|
const profList = await getTeachers();
|
||||||
|
|
||||||
const profList=[42,45,62,84,59]
|
|
||||||
|
|
||||||
const createMod = ref(false)
|
const createMod = ref(false)
|
||||||
const deleteMod = ref(false)
|
const deleteMod = ref(false)
|
||||||
|
|
||||||
const editElementID = ref("");
|
const editElementID = ref("")
|
||||||
|
|
||||||
function editItem(id){
|
function editItem(id){
|
||||||
editElementID = id;
|
editElementID = id;
|
||||||
}
|
}
|
||||||
|
|
||||||
//Juste pour montrer le Create Mode
|
//Juste pour montrer le Create Mode
|
||||||
|
|
||||||
const pattern = {
|
const pattern = {
|
||||||
|
"title":null,
|
||||||
|
"credits":null,
|
||||||
|
"owner":null,
|
||||||
|
}
|
||||||
|
|
||||||
"id": 0,
|
let toModify = Object.assign({},pattern);
|
||||||
"name": null,
|
|
||||||
"credits": null,
|
|
||||||
"faculty": null,
|
|
||||||
"teacher": null,
|
|
||||||
"Assistants": []}
|
|
||||||
|
|
||||||
|
|
||||||
let toAdd = Object.assign({}, pattern);
|
let toAdd = Object.assign({}, pattern);
|
||||||
|
|
||||||
function addToCourse (){
|
async function addToCourse(){
|
||||||
if (curriculum.length>0){
|
|
||||||
toAdd.id=(curriculum[curriculum.length-1].id)-1;}
|
|
||||||
else{
|
|
||||||
toAdd.id=0;
|
|
||||||
}
|
|
||||||
let isnull= false;
|
let isnull= false;
|
||||||
|
|
||||||
for(const [key, value] of Object.entries(toAdd)){
|
for(const [key, value] of Object.entries(toAdd)){
|
||||||
|
console.log(toAdd.owner);
|
||||||
if(value === null){
|
if(value === null){
|
||||||
isnull=true;
|
isnull=true;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
if (!isnull){
|
if (!isnull){
|
||||||
curriculum.push(toAdd);
|
await createCourse(toAdd.title,toAdd.credits,toAdd.owner);
|
||||||
}
|
toAdd= Object.assign({},pattern);
|
||||||
toAdd= Object.assign({},pattern);
|
|
||||||
}
|
curriculum.value = await getCourses(self.role);
|
||||||
|
|
||||||
|
|
||||||
|
}}
|
||||||
|
|
||||||
|
function setModify(item){
|
||||||
|
for(const el in profList){
|
||||||
|
|
||||||
//Juste pour montrer le Delete Mode
|
if(profList[el].regNo === item.owner.regNo){
|
||||||
let toRemove;
|
toModify.owner= profList[el];
|
||||||
|
|
||||||
function removeCourse() {
|
|
||||||
console.log("ok");
|
|
||||||
console.log(toRemove);
|
|
||||||
let rem=-1;
|
|
||||||
for(const [key, value] of Object.entries(curriculum)){
|
|
||||||
console.log(key);
|
|
||||||
console.log(value)
|
|
||||||
if(value.name === toRemove){
|
|
||||||
rem = key;
|
|
||||||
break;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
console.log(rem)
|
toModify.credits= item.credits;
|
||||||
if (rem > -1){
|
toModify.title= item.title;
|
||||||
curriculum.splice(rem, 1);}
|
|
||||||
console.log(curriculum);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
async function patchCourse(course){
|
||||||
|
for (let element in toModify){
|
||||||
|
console.log(toModify,1)
|
||||||
|
console.log(toModify[element],2)
|
||||||
|
|
||||||
|
if (element =="owner" && (toModify[element].regNo != course.owner.regNo)){
|
||||||
|
await alterCourse(course.courseId,{owner:toModify[element].regNo});
|
||||||
|
}
|
||||||
|
else if(element == "title" && (toModify[element] != course.title)){
|
||||||
|
await alterCourse(course.courseId,{title:toModify[element]});
|
||||||
|
}
|
||||||
|
else if(element == "credits" && (parseInt(toModify[element]) != course.credits)){
|
||||||
|
await alterCourse(course.courseId,{credits:parseInt(toModify[element])});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
toModify= Object.assign({},pattern);
|
||||||
|
|
||||||
|
curriculum.value = await getCourses(self.role);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
//Juste pour montrer le Delete Mode
|
||||||
|
let toRemove = null;
|
||||||
|
|
||||||
|
async function removeCourse(course) {
|
||||||
|
|
||||||
|
await deleteCourse(course.courseId)
|
||||||
|
curriculum.value = await getCourses(self.role);
|
||||||
|
toRemove = null;
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div v-if="!deleteMod && !createMod" class="listTitle buttonGrid">
|
<div v-if="!deleteMod && !createMod && (self.role !== 'Teacher')" class="listTitle buttonGrid">
|
||||||
<button class="create" @click="createMod = true">
|
<button class="create" @click="editElementID= '';createMod = true;">
|
||||||
{{i18n("courses.createCourse")}}
|
{{i18n("courses.createCourse")}}
|
||||||
</button>
|
</button>
|
||||||
<button class="delete" @click="deleteMod=true" >
|
<button class="delete" @click="deleteMod=true" >
|
||||||
@ -105,22 +108,18 @@ const curriculum=[
|
|||||||
<form class="listElement">
|
<form class="listElement">
|
||||||
<div style="margin-bottom:20px;">
|
<div style="margin-bottom:20px;">
|
||||||
{{i18n("name")}} :
|
{{i18n("name")}} :
|
||||||
<input v-model="toAdd.name">
|
<input v-model="toAdd.title">
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-bottom:20px;">
|
<div style="margin-bottom:20px;">
|
||||||
{{i18n("teacher")}} :
|
{{i18n("Teacher")}} :
|
||||||
<select style="max-width:200px;" class="teacher" v-model="toAdd.teacher">
|
<select style="max-width:200px;" class="teacher" v-model="toAdd.owner">
|
||||||
<option v-for="item in profList">{{item}}</option>
|
<option v-for="item in profList" :value="item">{{item.lastName}}</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-bottom:20px;">
|
<div style="margin-bottom:20px;">
|
||||||
{{i18n("credits")}} :
|
{{i18n("Credits")}} :
|
||||||
<input v-model="toAdd.credits">
|
<input v-model="toAdd.credits">
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-bottom:20px;">
|
|
||||||
{{i18n("faculty")}} :
|
|
||||||
<input v-model="toAdd.faculty">
|
|
||||||
</div>
|
|
||||||
<button class="create" @click="createMod=!createMod; addToCourse();"> {{i18n("courses.confirm")}} </button>
|
<button class="create" @click="createMod=!createMod; addToCourse();"> {{i18n("courses.confirm")}} </button>
|
||||||
<button style="float:right;" @click="createMod=!createMod">{{i18n("courses.back")}}</button>
|
<button style="float:right;" @click="createMod=!createMod">{{i18n("courses.back")}}</button>
|
||||||
</form>
|
</form>
|
||||||
@ -130,43 +129,40 @@ const curriculum=[
|
|||||||
<div style="margin-bottom:20px;">
|
<div style="margin-bottom:20px;">
|
||||||
{{i18n("courses.toDelete")}} :
|
{{i18n("courses.toDelete")}} :
|
||||||
<select style="max-width:200px;" class="teacher" v-model="toRemove">
|
<select style="max-width:200px;" class="teacher" v-model="toRemove">
|
||||||
<option v-for="item in curriculum">{{item.name}}</option>
|
<option v-for="item in curriculum" :value='item'>{{item.title}}</option>
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-bottom:20px;">
|
<button class="delete" @click="deleteMod=!deleteMod; removeCourse(toRemove);"> {{i18n("courses.deleteCourse")}} </button>
|
||||||
{{i18n("login.password")}}:
|
|
||||||
<input >
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom:20px;">
|
|
||||||
{{i18n("login.cPassword")}} :
|
|
||||||
<input>
|
|
||||||
</div>
|
|
||||||
<button class="delete" @click="deleteMod=!deleteMod;removeCourse();"> {{i18n("courses.deleteCourse")}} </button>
|
|
||||||
<button style="float:right;" @click="deleteMod=!deleteMod"> {{i18n("courses.back")}}</button>
|
<button style="float:right;" @click="deleteMod=!deleteMod"> {{i18n("courses.back")}}</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="!createMod && !deleteMod" v-for="item in curriculum" :key="item.name">
|
<div v-if="!createMod && !deleteMod" v-for="item in curriculum" :key="item.title">
|
||||||
<div style ="padding:15px 15px 15px 15px;">
|
<div v-if="editElementID !== item.title" style ="padding:15px 15px 15px 15px;">
|
||||||
<button v-if="editElementID !== item.name" @click="editElementID = item.name">
|
<button @click="editElementID = item.title; setModify(item); ">
|
||||||
{{i18n("courses.modify")}}
|
{{i18n("courses.modify")}}
|
||||||
</button>
|
</button>
|
||||||
<button v-else @click="editElementID= ''"> {{i18n("courses.confirm")}} </button>
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<button @click="editElementID= '';patchCourse(item)"> {{i18n("courses.confirm")}} </button>
|
||||||
|
<button @click="editElementID= '';"> {{i18n("courses.back")}} </button>
|
||||||
</div>
|
</div>
|
||||||
<div class="listElement" >
|
<div class="listElement" >
|
||||||
<div class="containerElement" v-if="editElementID !== item.name" >
|
<div class="containerElement" v-if="editElementID !== item.title" >
|
||||||
|
|
||||||
<div class="name"> {{item.name}} </div>
|
<div class="name"> {{item.title}} </div>
|
||||||
<div class="teacher">{{item.teacher}}</div>
|
<div class="teacher">{{item.owner.lastName}}</div>
|
||||||
<div class="credits">{{i18n("credits")}}:{{item.credits}}</div>
|
<div class="credits">{{i18n("Credits")}}:{{item.credits}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="containerElement"v-else>
|
<div class="containerElement"v-else>
|
||||||
<input style="max-width:200px;" class="name" v-model="item.name">
|
<input style="max-width:200px;" class="name" v-model="toModify.title">
|
||||||
<select style="max-width:200px;" class="teacher" v-model="item.teacher">
|
<select v-if="self.role === 'Secretary'" style="max-width:200px;" class="teacher" v-model="toModify.owner">
|
||||||
<option v-for="item in profList">{{item}}</option>
|
<option v-for="(item,index) in profList" :value='item'>{{item.lastName}}</option>
|
||||||
</select>
|
</select>
|
||||||
<input style="max-width:100px;"class="credits" v-model="item.credits">
|
<div v-else class="teacher">{{item.owner.lastName}}</div>
|
||||||
|
<input v-if="self.role==='Secretary'"style="max-width:100px;"class="credits" v-model="toModify.credits">
|
||||||
|
<div v-else class="credits">{{i18n("Credits")}}:{{item.credits}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,108 +1,129 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import {reactive, ref} from 'vue'
|
import {reactive, ref } from 'vue'
|
||||||
import {getUser} from '../rest/Users.js'
|
import {getSelf,alterSelf,disconnect,deleteUser} from '../rest/Users.js'
|
||||||
|
import {getSelfCurriculum, getAllCurriculums} from '../rest/curriculum.js'
|
||||||
|
import {getCourses} from "../rest/courses.js"
|
||||||
import i18n from "@/i18n.js"
|
import i18n from "@/i18n.js"
|
||||||
/*
|
import { uploadProfilePicture } from '@/rest/uploads.js'
|
||||||
const user = getUser();
|
|
||||||
*/
|
|
||||||
const user =reactive({
|
|
||||||
profilPicture:"../assets/clyde.png",
|
|
||||||
lastName:"Ghost",
|
|
||||||
firstName:"Clyde",
|
|
||||||
role:"student",
|
|
||||||
address: "Radiator Springs",
|
|
||||||
email:"ClydeGhost@gmail.com",
|
|
||||||
curriculum:[
|
|
||||||
{
|
|
||||||
"id": 12,
|
|
||||||
"name": "Math pour l'info",
|
|
||||||
"credits": 11,
|
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 42,
|
|
||||||
"Assistants": []},
|
|
||||||
{
|
|
||||||
"id": 42,
|
|
||||||
"name": "Fonctionnement des ordinateurs",
|
|
||||||
"credits": 11,
|
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 42,
|
|
||||||
"Assistants": []},
|
|
||||||
|
|
||||||
],
|
const user = ref(await getSelf());
|
||||||
option:"IT",
|
const UserCurriculum = ref("");
|
||||||
degree:"BAC1",
|
const curricula = ref (await getAllCurriculums());
|
||||||
password:"CeciEstUnMotDePasse123",
|
if(user.value.role === "Student"){
|
||||||
})
|
UserCurriculum.value = await getSelfCurriculum();
|
||||||
|
}
|
||||||
|
|
||||||
|
if(user.role === "Teacher"){
|
||||||
|
UserCurriculum.value = await getCourses("Teacher");
|
||||||
|
}
|
||||||
|
const modif = ref(false);
|
||||||
|
const curric = ref(false);
|
||||||
|
const reg = ref(false);
|
||||||
|
|
||||||
|
const pattern = {
|
||||||
|
profilPictureUrl:null,
|
||||||
|
email:null,
|
||||||
|
address:null,
|
||||||
|
password:null,
|
||||||
|
};
|
||||||
|
|
||||||
/*
|
const patternInfos ={
|
||||||
Teacher user
|
email: null,
|
||||||
const user =reactive({
|
password: null,
|
||||||
profilPicture:"../assets/clyde.png",
|
passwordConfirm:null,
|
||||||
lastName:"Ghost",
|
id:null,
|
||||||
firstName:"Clyde",
|
}
|
||||||
role:"teacher",
|
|
||||||
address: "Radiator Springs",
|
|
||||||
email:"ClydeGhost@gmail.com",
|
|
||||||
coursesOwned:[
|
|
||||||
{
|
|
||||||
"id": 12,
|
|
||||||
"name": "Math pour l'info",
|
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 42,
|
|
||||||
"Assistants": []},
|
|
||||||
{
|
|
||||||
"id": 42,
|
|
||||||
"name": "Fonctionnement des ordinateurs",
|
|
||||||
"credits": 11,
|
|
||||||
"faculty": "science",
|
|
||||||
"teacher": 42,
|
|
||||||
"Assistants": []},
|
|
||||||
|
|
||||||
],
|
|
||||||
faculty:"Science",
|
let toModify= Object.assign({}, pattern);
|
||||||
})*/
|
let personnalInfos = Object.assign({}, patternInfos);
|
||||||
|
|
||||||
|
function resetInputs(inputs,list){
|
||||||
|
inputs=Object.assign({},list);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function ChangeInfos(){
|
||||||
|
for (let element in toModify){
|
||||||
|
if (element =="email" && (toModify[element] !== null)){
|
||||||
|
await alterSelf(user.value.regNo,{email : toModify[element]});
|
||||||
|
}
|
||||||
|
|
||||||
const modif = ref(false);
|
if (element =="profilPictureUrl" && (toModify[element] !== null)){
|
||||||
|
await alterSelf(user.value.regNo,{ profilPictureUrl : toModify[element]});
|
||||||
|
}
|
||||||
|
else if(element == "address" && (toModify[element] !== null)){
|
||||||
|
await alterSelf(user.value.regNo,{address : toModify[element]});
|
||||||
|
}
|
||||||
|
else if(element == "password" && (toModify[element] !== null)){
|
||||||
|
await alterSelf(user.value.regNo,{password : toModify[element]});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
toModify= Object.assign({},pattern);
|
||||||
|
user.value = await getSelf()
|
||||||
|
|
||||||
const toModify = Object.assign({}, user);
|
}
|
||||||
|
|
||||||
|
function setModify(item){
|
||||||
|
toModify.address = item.address;
|
||||||
|
toModify.profilPictureUrl = item.profilPictureUrl;
|
||||||
|
toModify.email= item.email;
|
||||||
|
toModify.password= item.password;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
async function unRegister(){
|
||||||
|
deleteUser(user.value.regNo);
|
||||||
|
disconnect()
|
||||||
|
setTimeout(() => {
|
||||||
|
window.location.href="#/home";
|
||||||
|
}, "500");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function getPP(){
|
||||||
|
if(user.value.profilePictureUrl === null){
|
||||||
|
return "/Clyde.png"
|
||||||
|
}
|
||||||
|
return user.profilePictureUrl
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="profilPic">
|
<div class="profilPic">
|
||||||
<img class="subContainter" src="../assets/Clyde.png">
|
<img class="subContainter" :src=getPP()>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="globalInfos">
|
<div class="globalInfos">
|
||||||
<div v-if="modif==false" class="infosContainer" >
|
<div v-if="modif==false && curric==false && reg==false " class="infosContainer" >
|
||||||
<div>
|
<div>
|
||||||
{{user.firstName}} {{user.lastName.toUpperCase()}}
|
{{user.firstName}} {{user.lastName}}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
E-mail: {{user.email}}
|
E-mail: {{user.email}}
|
||||||
</div>
|
</div>
|
||||||
<div v-if="user.role==='student'">
|
<div v-if="user.role==='Student'">
|
||||||
{{user.option}} {{i18n(user.role).toUpperCase()}}
|
{{user.option}} {{i18n(user.role)}}
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
{{i18n("faculty")}}: {{user.faculty}}
|
Role: {{i18n((user.role))}}
|
||||||
Role: {{i18n(user.role).toUpperCase()}}
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button @click="modif=!modif"> {{i18n("profile.modify.data")}} </button>
|
<button @click="modif=!modif; setModify(user)"> {{i18n("profile.modify.data")}} </button>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="(user.role==='student')">
|
<div v-if="(user.role==='Student')">
|
||||||
<button>{{i18n("profile.reRegister")}}</button>
|
<button @click="reg=!reg">{{i18n("profile.reRegister")}}</button>
|
||||||
<button style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
|
<button @click="unRegister()" style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
|
||||||
|
</div>
|
||||||
|
<div v-if="(user.role==='Student')">
|
||||||
|
<button @click="curric=!curric">{{i18n("profile.change.curriculum")}}</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="infosContainer">
|
<div v-else-if="modif" class="infosContainer">
|
||||||
<div>
|
<div>
|
||||||
{{i18n("profile.picture")}}:
|
{{i18n("profile.picture")}}:
|
||||||
<input type="file">
|
<input type="file" @change="user.profilPicture = uploadProfilePicture($event.target.files);" accept="image/*">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
E-mail:
|
E-mail:
|
||||||
@ -110,7 +131,42 @@ const toModify = Object.assign({}, user);
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{i18n("profile.address")}}:
|
{{i18n("profile.address")}}:
|
||||||
<input type="text" v-model="toModify.address">
|
<input type="text" v-model="toModify.id">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{{i18n("login.password")}}:
|
||||||
|
<input type="password" v-model="toModify.password">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{{i18n("login.cPassword")}}:
|
||||||
|
<input type="password" v-model="toModify.passwordConfirm">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button @click=" modif=!modif; ChangeInfos();">{{i18n("courses.confirm")}}</button>
|
||||||
|
<button @click="modif=!modif; resetInputs(toModify,pattern);" style="float:right;">{{i18n("courses.back")}}</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="curric" class="infosContainer">
|
||||||
|
<div style="height:40px;">
|
||||||
|
{{i18n("Curriculum")}}:
|
||||||
|
<select v-model="curriculum" >
|
||||||
|
<option v-for="item in curricula" style="font-size:20px;" :value="item">{{item.option}}</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button @click=" curric=!curric;">{{i18n("courses.confirm")}}</button>
|
||||||
|
<button @click="curric=!curric; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="reg" class="infosContainer">
|
||||||
|
<div>
|
||||||
|
E-mail:
|
||||||
|
<input type="mail" v-model="toModify.email" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
ID :
|
||||||
|
<input type="text" v-model="toModify.id">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
{{i18n("login.password")}}:
|
{{i18n("login.password")}}:
|
||||||
@ -120,22 +176,25 @@ const toModify = Object.assign({}, user);
|
|||||||
{{i18n("login.cPassword")}}:
|
{{i18n("login.cPassword")}}:
|
||||||
<input type="password" id="confirm">
|
<input type="password" id="confirm">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<button @click=" modif=!modif">{{i18n("courses.confirm")}}</button>
|
<button @click=" reg=!reg;">{{i18n("courses.confirm")}}</button>
|
||||||
|
<button @click=" reg=!reg; resetInputs(personnalInfos,patternInfos);" style="float:right;">{{i18n("courses.back")}}</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div v-if="modif==false"class="moreInfos">
|
|
||||||
|
|
||||||
<div v-if="(user.role==='student')">
|
</div>
|
||||||
|
|
||||||
|
<div v-if="modif==false && curric==false && reg==false "class="moreInfos">
|
||||||
|
|
||||||
|
<div v-if="(user.role ==='Student')">
|
||||||
<div class="listTitle">
|
<div class="listTitle">
|
||||||
{{i18n("profile.course.list")}}
|
{{i18n("profile.course.list")}}
|
||||||
</div>
|
</div>
|
||||||
<div class="listElement "
|
<div class="listElement" v-for="item in UserCurriculum.courses">
|
||||||
v-for="item in user.curriculum">
|
|
||||||
<div class=" containerElement">
|
<div class=" containerElement">
|
||||||
<div class="name"> {{item.name}} </div>
|
<div class="name"> {{item.title}} </div>
|
||||||
<div class="teacher">{{item.teacher}}</div>
|
<div class="teacher">{{item.owner.lastName}}</div>
|
||||||
<div class="credits">Credits:{{item.credits}}</div>
|
<div class="credits">Credits:{{item.credits}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -144,18 +203,6 @@ const toModify = Object.assign({}, user);
|
|||||||
<div>
|
<div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="(user.role==='teacher')">
|
|
||||||
<div class="listTitle">
|
|
||||||
{{i18n("profile.course.list")}}
|
|
||||||
</div>
|
|
||||||
<div class="listElement " v-for="item in user.coursesOwned">
|
|
||||||
{{item.name}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -168,7 +215,7 @@ const toModify = Object.assign({}, user);
|
|||||||
grid-template-columns:200px 900px;
|
grid-template-columns:200px 900px;
|
||||||
grid-template-rows:200px auto;
|
grid-template-rows:200px auto;
|
||||||
column-gap:30px;
|
column-gap:30px;
|
||||||
row-gap:25px;
|
row-gap:45px;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"profilPic globalInfos"
|
"profilPic globalInfos"
|
||||||
"minfos minfos";
|
"minfos minfos";
|
||||||
|
@ -1,109 +0,0 @@
|
|||||||
<script setup>
|
|
||||||
import i18n from "@/i18n.js"
|
|
||||||
const props = defineProps({
|
|
||||||
id: Number,
|
|
||||||
type: String,
|
|
||||||
lastName: String,
|
|
||||||
firstName: String,
|
|
||||||
address: String,
|
|
||||||
country: String,
|
|
||||||
birthDate: String,
|
|
||||||
curriculum:String,
|
|
||||||
degree:String,});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="bodu">
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="id"><a>{{id}}</a></div>
|
|
||||||
<div class="type"><a>{{type}}</a></div>
|
|
||||||
<div class="surname"><a>{{lastName}}</a></div>
|
|
||||||
<div class="firstname"><a>{{firstName}}</a></div>
|
|
||||||
<div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}} </button></div>
|
|
||||||
<div class="accept"><button style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
|
|
||||||
<div class="refuse"><button style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.container{
|
|
||||||
color:white;
|
|
||||||
height:100px;
|
|
||||||
font-size:20px;
|
|
||||||
display:grid;
|
|
||||||
grid-template-columns:[firstCol-start]100px[firstCol-end secondCol-start]150px[secondCol-end thirdCol-start]200px[thirdCol-end fourthCol-start]150px[fourthCol-end]150px[fifthCol-end]150px[sixthCol-end]150px[endCol];
|
|
||||||
grid-template-areas:
|
|
||||||
"id type surname firstname infos accept refuse";
|
|
||||||
column-gap:10px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.infos {
|
|
||||||
grid-area:infos;
|
|
||||||
align-self:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.accept{
|
|
||||||
grid-area:accept;
|
|
||||||
align-self:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.refuse{
|
|
||||||
grid-area:refuse;
|
|
||||||
align-self:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titles {
|
|
||||||
grid-area:titles;
|
|
||||||
background-color:rgb(215,215,215);
|
|
||||||
}
|
|
||||||
.id{
|
|
||||||
grid-area:id;
|
|
||||||
margin-left:40px;
|
|
||||||
align-self:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.type{
|
|
||||||
grid-area:type;
|
|
||||||
align-self:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.surname{
|
|
||||||
grid-area:surname;
|
|
||||||
align-self:center;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
.firstname{
|
|
||||||
grid-area:firstname;
|
|
||||||
align-self:center;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
button{
|
|
||||||
font-size:15px;
|
|
||||||
height:50px;
|
|
||||||
width:100px;
|
|
||||||
border:none;
|
|
||||||
border-radius:20px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bodu {
|
|
||||||
width:100%;
|
|
||||||
margin-bottom:10px;
|
|
||||||
border:2px solid black;
|
|
||||||
border-radius:9px;
|
|
||||||
background-color:rgb(50,50,50);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
100
frontend/src/Apps/StudentsList.vue
Normal file
100
frontend/src/Apps/StudentsList.vue
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
<script setup>
|
||||||
|
import i18n from "@/i18n.js"
|
||||||
|
import { reactive } from 'vue'
|
||||||
|
import { getStudents } from '../rest/Users.js'
|
||||||
|
|
||||||
|
const users = await getStudents();
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div v-for="item in users">
|
||||||
|
<div class="bodu">
|
||||||
|
<div class="container">
|
||||||
|
<div class="status"><a style="margin-left:30px">{{item.status}}</a></div>
|
||||||
|
<div class="option"><a>{{item.role}}</a></div>
|
||||||
|
<div class="surname"><a>{{item.lastName}}</a></div>
|
||||||
|
<div class="firstname"><a>{{item.firstName}}</a></div>
|
||||||
|
<div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}} </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container{
|
||||||
|
color:white;
|
||||||
|
height:100px;
|
||||||
|
font-size:30px;
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns:250px 250px 250px 250px 150px;
|
||||||
|
grid-template-areas:
|
||||||
|
"status option surname firstname infos";
|
||||||
|
column-gap:10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.infos {
|
||||||
|
grid-area:infos;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.option{
|
||||||
|
grid-area:option;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.refuse{
|
||||||
|
grid-area:refuse;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titles {
|
||||||
|
grid-area:titles;
|
||||||
|
background-color:rgb(215,215,215);
|
||||||
|
}
|
||||||
|
.id{
|
||||||
|
grid-area:id;
|
||||||
|
margin-left:40px;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status{
|
||||||
|
grid-area:status;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.surname{
|
||||||
|
grid-area:surname;
|
||||||
|
align-self:center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.firstname{
|
||||||
|
grid-area:firstname;
|
||||||
|
align-self:center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
button{
|
||||||
|
font-size:15px;
|
||||||
|
height:50px;
|
||||||
|
width:100px;
|
||||||
|
border:none;
|
||||||
|
border-radius:20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.bodu {
|
||||||
|
width:100%;
|
||||||
|
margin-bottom:10px;
|
||||||
|
border:2px solid black;
|
||||||
|
border-radius:9px;
|
||||||
|
background-color:rgb(50,50,50);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
86
frontend/src/Apps/UsersList.vue
Normal file
86
frontend/src/Apps/UsersList.vue
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
|
||||||
|
<script setup>
|
||||||
|
import i18n from "@/i18n.js"
|
||||||
|
import { reactive } from 'vue'
|
||||||
|
import { getAllUsers } from '../rest/Users.js'
|
||||||
|
|
||||||
|
const users = await getAllUsers();
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div v-for="item in users">
|
||||||
|
<div class="bodu">
|
||||||
|
<div class="container">
|
||||||
|
<div class="role"><a style="margin-left:30px">{{i18n(item.role)}}</a></div>
|
||||||
|
<div class="surname"><a>{{item.lastName}}</a></div>
|
||||||
|
<div class="firstname"><a>{{item.firstName}}</a></div>
|
||||||
|
<div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}} </button></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container{
|
||||||
|
justify-content:center;
|
||||||
|
align-items:center;
|
||||||
|
color:white;
|
||||||
|
height:100px;
|
||||||
|
font-size:30px;
|
||||||
|
display:grid;
|
||||||
|
grid-template-columns:250px 250px 250px 150px;
|
||||||
|
grid-template-areas:
|
||||||
|
"role surname firstname infos";
|
||||||
|
column-gap:10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.infos {
|
||||||
|
|
||||||
|
grid-area:infos;
|
||||||
|
align-items:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.role {
|
||||||
|
grid-area:role;
|
||||||
|
align-self:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.surname{
|
||||||
|
grid-area:surname;
|
||||||
|
align-self:center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.firstname{
|
||||||
|
grid-area:firstname;
|
||||||
|
align-self:center;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
button{
|
||||||
|
font-size:15px;
|
||||||
|
height:50px;
|
||||||
|
width:100px;
|
||||||
|
border:none;
|
||||||
|
border-radius:20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.bodu {
|
||||||
|
width:100%;
|
||||||
|
margin-bottom:10px;
|
||||||
|
border:2px solid black;
|
||||||
|
border-radius:9px;
|
||||||
|
background-color:rgb(50,50,50);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -33,9 +33,13 @@ export async function getRegisters(id){
|
|||||||
return restGet("/request/register")
|
return restGet("/request/register")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function getAllRegisters(){
|
||||||
|
return restGet("/requests/register")
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Change the state of a requests.
|
* Change the state of a requests.
|
||||||
*/
|
*/
|
||||||
export async function validateRegister(id, state){
|
export async function validateRegister(id, state){
|
||||||
return restPatch("/request/register/" + id, {state: state});
|
return restPatch("/request/register/" + id, state);
|
||||||
}
|
}
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import { restGet, restPost } from './restConsumer.js'
|
import { restGet, restPost, restPatch, restDelete} from './restConsumer.js'
|
||||||
import { getCookie, setCookie } from '@/utils.js'
|
import { getCookie, setCookie } from '@/utils.js'
|
||||||
|
|
||||||
export async function login(user, pass, exp){
|
export async function login(user, pass, exp){
|
||||||
@ -26,16 +26,17 @@ export function disconnect(){
|
|||||||
* @param curriculum
|
* @param curriculum
|
||||||
* @param imageId id of the image in database returned when uploaded
|
* @param imageId id of the image in database returned when uploaded
|
||||||
*/
|
*/
|
||||||
export async function register(firstname, lastname, birthDate, password, email, address, country, curriculum, imageId){
|
export async function register(firstname, lastname, birthDate, password, email, address, country, curriculumId, imageId){
|
||||||
return restPost("/register", {
|
return restPost("/register", {
|
||||||
firstname: firstname,
|
firstName: firstname,
|
||||||
lastname: lastname,
|
lastName: lastname,
|
||||||
birthDate: birthDate,
|
birthDate: birthDate,
|
||||||
password: password,
|
password: password,
|
||||||
email: email,
|
email: email,
|
||||||
address: address,
|
address: address,
|
||||||
country: country,
|
country: country,
|
||||||
curriculum: curriculum
|
curriculumId: curriculumId,
|
||||||
|
profilePictureUrl: imageId,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -72,7 +73,7 @@ export async function createUser(firstname, lastname, birthDate, email, address,
|
|||||||
* if the user is not authenticated. then an empty array should be returned
|
* if the user is not authenticated. then an empty array should be returned
|
||||||
*/
|
*/
|
||||||
export async function getUser(id){
|
export async function getUser(id){
|
||||||
const endpoint = "/user" + id != null ? "/" + id : "";
|
const endpoint = "/user/" + id;
|
||||||
return restGet(endpoint);
|
return restGet(endpoint);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -102,7 +103,23 @@ export async function getAllUsers(){
|
|||||||
return restGet("/users");
|
return restGet("/users");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Return the list of teachers
|
||||||
|
*
|
||||||
|
* @return a list of teachers
|
||||||
|
* each elements is of the form
|
||||||
|
* - id
|
||||||
|
* - name
|
||||||
|
* - role
|
||||||
|
*/
|
||||||
|
export async function getTeachers(){
|
||||||
|
return restGet("/teachers")
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export async function getStudents(){
|
||||||
|
return restGet("/students")
|
||||||
|
}
|
||||||
/**
|
/**
|
||||||
* Get informations about yourself
|
* Get informations about yourself
|
||||||
* - RegNo
|
* - RegNo
|
||||||
@ -123,6 +140,13 @@ export async function getSelf(){
|
|||||||
* - Adress
|
* - Adress
|
||||||
* - Password
|
* - Password
|
||||||
*/
|
*/
|
||||||
export async function alterSelf(data){
|
export async function alterSelf(id,data){
|
||||||
return restPatch("/user", data);
|
console.log(data)
|
||||||
|
return restPatch("/user/"+id, data);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export async function deleteUser(id){
|
||||||
|
return restDelete("/user/" + id)
|
||||||
}
|
}
|
||||||
|
@ -6,13 +6,17 @@ import i18n from '@/i18n.js'
|
|||||||
import LoginPage from '@/Apps/Login.vue'
|
import LoginPage from '@/Apps/Login.vue'
|
||||||
import Inscription from "@/Apps/Inscription.vue"
|
import Inscription from "@/Apps/Inscription.vue"
|
||||||
import Profil from "@/Apps/Profil.vue"
|
import Profil from "@/Apps/Profil.vue"
|
||||||
import Courses from "@/Apps/ManageCourses.vue"
|
import Courses from "@/Apps/ManageCourses.vue"
|
||||||
|
import Users from "@/Apps/UsersList.vue"
|
||||||
|
import Students from "@/Apps/StudentsList.vue"
|
||||||
|
|
||||||
const apps = {
|
const apps = {
|
||||||
'/login': LoginPage,
|
'/login': LoginPage,
|
||||||
'/inscription': Inscription,
|
'/inscription': Inscription,
|
||||||
'/profil': Profil,
|
'/profil': Profil,
|
||||||
'/manage-courses' : Courses,
|
'/manage-courses' : Courses,
|
||||||
|
'/users-list' : Users,
|
||||||
|
'/students-list' : Students,
|
||||||
}
|
}
|
||||||
|
|
||||||
const appsList = {
|
const appsList = {
|
||||||
@ -22,6 +26,8 @@ const appsList = {
|
|||||||
'Schedule': { path: '#/schedule', icon: 'fa-calendar-days', text: i18n("app.schedules") },
|
'Schedule': { path: '#/schedule', icon: 'fa-calendar-days', text: i18n("app.schedules") },
|
||||||
'Inscription': { path: '#/inscription', icon: 'fa-users', text: i18n("app.inscription.requests") },
|
'Inscription': { path: '#/inscription', icon: 'fa-users', text: i18n("app.inscription.requests") },
|
||||||
'ManageCourses': { path: '#/manage-courses', icon: 'fa-book', text: i18n("app.manage.courses") },
|
'ManageCourses': { path: '#/manage-courses', icon: 'fa-book', text: i18n("app.manage.courses") },
|
||||||
|
'StudentsList':{ path: '#/students-list',icon: 'fa-users',text: i18n("app.studentList")},
|
||||||
|
'UsersList':{ path: '#/users-list',icon: 'fa-users',text: i18n("app.users")},
|
||||||
}
|
}
|
||||||
|
|
||||||
const currentPath = ref(window.location.hash)
|
const currentPath = ref(window.location.hash)
|
||||||
|
@ -7,8 +7,10 @@ import { restGet, restPost, restDelete, restPatch } from './restConsumer.js'
|
|||||||
/**
|
/**
|
||||||
* Create a new course
|
* Create a new course
|
||||||
*/
|
*/
|
||||||
export async function createCourse(name, credits, faculty, teacher, assistants){
|
export async function createCourse(name, credits, owner){
|
||||||
return restPost("/courses", {name: name, credits: credits, faculty: faculty, teacher: teacher, assistants: assistants} )
|
console.log(owner);
|
||||||
|
|
||||||
|
return restPost("/course", {title: name, credits: credits, owner} )
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -34,6 +36,25 @@ export async function getCourse(id){
|
|||||||
return restGet("/course/" + id);
|
return restGet("/course/" + id);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the list of courses to display on secretary's option
|
||||||
|
*
|
||||||
|
* @return list of courses of the form
|
||||||
|
* - id
|
||||||
|
* - name
|
||||||
|
* - credits
|
||||||
|
* - facutly
|
||||||
|
* - teacher
|
||||||
|
* - Assistants
|
||||||
|
*/
|
||||||
|
export async function getCourses(role){
|
||||||
|
if(role==="Teacher"){
|
||||||
|
return restGet("/courses/owned")
|
||||||
|
}
|
||||||
|
return restGet("/courses")
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Change the options of a course
|
* Change the options of a course
|
||||||
*
|
*
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
* curriculum API
|
* curriculum API
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { restGet, restPostn, restDelete, restPatch } from './restConsumer.js'
|
import { restGet, restPost, restDelete, restPatch } from './restConsumer.js'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create a new curriculum (bundle of courses)
|
* Create a new curriculum (bundle of courses)
|
||||||
@ -19,6 +19,10 @@ export async function deletecurriculum(id){
|
|||||||
return restDelete("/curriculum/" + id);
|
return restDelete("/curriculum/" + id);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function getAllCurriculums(){
|
||||||
|
return restGet("/curriculums");
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get informations on a particular curriculum
|
* Get informations on a particular curriculum
|
||||||
*
|
*
|
||||||
@ -39,3 +43,8 @@ export async function getcurriculum(id){
|
|||||||
export async function altercurriculum(id, courses){
|
export async function altercurriculum(id, courses){
|
||||||
return restPatch("/curriculum/" + id, courses);
|
return restPatch("/curriculum/" + id, courses);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export async function getSelfCurriculum(){
|
||||||
|
return restGet("/curriculum");
|
||||||
|
}
|
||||||
|
@ -16,8 +16,8 @@ export async function restPostFile(endPoint, file){
|
|||||||
return await _rest(endPoint, {method: "POST", credentials: 'include', body: file, headers: headers });
|
return await _rest(endPoint, {method: "POST", credentials: 'include', body: file, headers: headers });
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function restDelete(endPoint, data) {
|
export async function restDelete(endPoint) {
|
||||||
return await _rest(endPoint, {method: "DELETE", credentials: 'include', body: JSON.stringify(data)});
|
return await _rest(endPoint, {method: "DELETE"});
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function restPatch(endPoint, data) {
|
export async function restPatch(endPoint, data) {
|
||||||
|
Reference in New Issue
Block a user