Compare commits
14 Commits
c6ce6d3e5b
...
tonitch/ma
| Author | SHA1 | Date | |
|---|---|---|---|
b8b193f344
|
|||
| 3d78851b29 | |||
| dbe28a7fed | |||
| bd7d2c2d51 | |||
| 91c7f42521 | |||
| bd27ffd3cb | |||
| 91ee3adbcd | |||
| c1b2742a8f | |||
| 2805fede4b | |||
| 951feed3c8 | |||
| 95054fa973 | |||
| 3af83a58d3 | |||
| 47c5c14862 | |||
| db895a6091 |
@ -16,8 +16,6 @@ repositories {
|
|||||||
}
|
}
|
||||||
|
|
||||||
dependencies {
|
dependencies {
|
||||||
compileOnly("org.projectlombok:lombok")
|
|
||||||
annotationProcessor("org.projectlombok:lombok")
|
|
||||||
implementation("org.springframework.boot:spring-boot-starter-jdbc")
|
implementation("org.springframework.boot:spring-boot-starter-jdbc")
|
||||||
implementation("org.springframework.boot:spring-boot-starter-data-jpa")
|
implementation("org.springframework.boot:spring-boot-starter-data-jpa")
|
||||||
implementation("org.springframework.boot:spring-boot-starter-mail")
|
implementation("org.springframework.boot:spring-boot-starter-mail")
|
||||||
@ -27,7 +25,7 @@ dependencies {
|
|||||||
implementation("com.kohlschutter.junixsocket:junixsocket-core:2.9.0")
|
implementation("com.kohlschutter.junixsocket:junixsocket-core:2.9.0")
|
||||||
// implementation("org.springframework.session:spring-session-jdbc")
|
// implementation("org.springframework.session:spring-session-jdbc")
|
||||||
developmentOnly("org.springframework.boot:spring-boot-devtools")
|
developmentOnly("org.springframework.boot:spring-boot-devtools")
|
||||||
developmentOnly("org.springframework.boot:spring-boot-docker-compose")
|
// developmentOnly("org.springframework.boot:spring-boot-docker-compose")
|
||||||
runtimeOnly("org.postgresql:postgresql")
|
runtimeOnly("org.postgresql:postgresql")
|
||||||
testImplementation("org.springframework.boot:spring-boot-starter-test")
|
testImplementation("org.springframework.boot:spring-boot-starter-test")
|
||||||
testImplementation("org.springframework.boot:spring-boot-testcontainers")
|
testImplementation("org.springframework.boot:spring-boot-testcontainers")
|
||||||
|
|||||||
@ -1,34 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.DTO.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file DiscussionDTO.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* File to format a discussion using messageDTO
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
import java.util.ArrayList;
|
|
||||||
import java.util.List;
|
|
||||||
import java.util.stream.Collectors;
|
|
||||||
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import lombok.Data;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Discussion;
|
|
||||||
import ovh.herisson.Clyde.DTO.Msg.MessagesDTO;
|
|
||||||
|
|
||||||
@Data
|
|
||||||
@AllArgsConstructor
|
|
||||||
public class DiscussionDTO {
|
|
||||||
private long id;
|
|
||||||
private String name;
|
|
||||||
private List<User> members;
|
|
||||||
private List<MessagesDTO> msgs;
|
|
||||||
|
|
||||||
public static DiscussionDTO construct(Discussion d, User u){
|
|
||||||
List<MessagesDTO> msgsdto = new ArrayList<>();
|
|
||||||
d.getMsgs().forEach(x -> msgsdto.add(MessagesDTO.construct(x, u)));
|
|
||||||
return new DiscussionDTO(d.getId(), d.getName(), d.getMembers(), msgsdto);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.DTO.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file MessagesDTO.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* File to Format the response adding the sender field
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import lombok.Data;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Message;
|
|
||||||
import java.util.Date;
|
|
||||||
|
|
||||||
@Data
|
|
||||||
@AllArgsConstructor
|
|
||||||
public class MessagesDTO {
|
|
||||||
private long id;
|
|
||||||
private String content;
|
|
||||||
private User author;
|
|
||||||
private boolean sender;
|
|
||||||
private Date created;
|
|
||||||
//TODO: Attachment
|
|
||||||
|
|
||||||
public static MessagesDTO construct(Message m, User user){
|
|
||||||
boolean sender = false;
|
|
||||||
if(m.getAuthor().equals(user))
|
|
||||||
sender = true;
|
|
||||||
return new MessagesDTO(m.getId(), m.getContent(), m.getAuthor(), sender, m.getCreated());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,116 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.EndPoints.Msg;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import org.springframework.beans.factory.annotation.Autowired;
|
|
||||||
import org.springframework.http.HttpStatus;
|
|
||||||
import org.springframework.http.HttpStatusCode;
|
|
||||||
import org.springframework.http.ResponseEntity;
|
|
||||||
import org.springframework.web.bind.annotation.CrossOrigin;
|
|
||||||
import org.springframework.web.bind.annotation.GetMapping;
|
|
||||||
import org.springframework.web.bind.annotation.PathVariable;
|
|
||||||
import org.springframework.web.bind.annotation.PostMapping;
|
|
||||||
import org.springframework.web.bind.annotation.RequestBody;
|
|
||||||
import org.springframework.web.bind.annotation.RequestHeader;
|
|
||||||
import org.springframework.web.bind.annotation.RestController;
|
|
||||||
|
|
||||||
import jakarta.websocket.server.PathParam;
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import ovh.herisson.Clyde.Repositories.CourseRepository;
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.AnswerRepository;
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.ForumRepository;
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.TopicRepository;
|
|
||||||
import ovh.herisson.Clyde.Responses.UnauthorizedResponse;
|
|
||||||
import ovh.herisson.Clyde.Services.AuthenticatorService;
|
|
||||||
import ovh.herisson.Clyde.Services.CourseService;
|
|
||||||
import ovh.herisson.Clyde.Services.Msg.ForumService;
|
|
||||||
import ovh.herisson.Clyde.Tables.Course;
|
|
||||||
import ovh.herisson.Clyde.Tables.Role;
|
|
||||||
import ovh.herisson.Clyde.Tables.Token;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Answer;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Forum;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Topic;
|
|
||||||
|
|
||||||
@RestController
|
|
||||||
@CrossOrigin(originPatterns = "*", allowCredentials = "true")
|
|
||||||
@AllArgsConstructor
|
|
||||||
public class ForumController {
|
|
||||||
|
|
||||||
private CourseRepository courseRepo;
|
|
||||||
private AuthenticatorService authServ;
|
|
||||||
private ForumService forumServ;
|
|
||||||
private ForumRepository forumRepo;
|
|
||||||
private TopicRepository topicRepo;
|
|
||||||
|
|
||||||
//// Endpoints to get and create new forums
|
|
||||||
|
|
||||||
@GetMapping("/forums/{id}")
|
|
||||||
public ResponseEntity<List<Forum>> getForumFromCourseId(@RequestHeader("Authorization") String token, @PathVariable long id){
|
|
||||||
User u = authServ.getUserFromToken(token);
|
|
||||||
if(u == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
return new ResponseEntity<>(courseRepo.findById(id).getForums(), HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PostMapping("/forums/{id}")
|
|
||||||
public ResponseEntity<Forum> createForumOfCourse(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody Forum data){
|
|
||||||
User u = authServ.getUserFromToken(token);
|
|
||||||
Course c = courseRepo.findById(id);
|
|
||||||
if(!(c.getOwner().equals(u) || u.getRole() == Role.Admin)){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
forumServ.createForum(c, data);
|
|
||||||
return new ResponseEntity<>(HttpStatus.ACCEPTED);
|
|
||||||
}
|
|
||||||
|
|
||||||
//// Endpoints to get and create forum's topic
|
|
||||||
|
|
||||||
@GetMapping("/forum/{id}")
|
|
||||||
public ResponseEntity<List<Topic>> getTopicsFromForumId(@RequestHeader("Authorization") String token, @PathVariable long id){
|
|
||||||
User u = authServ.getUserFromToken(token);
|
|
||||||
if(u == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
return new ResponseEntity<>(forumRepo.findById(id).orElse(null).getTopics(), HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PostMapping("/forum/{id}")
|
|
||||||
public ResponseEntity<Topic> postTopicToForum(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody Topic data){
|
|
||||||
User u = authServ.getUserFromToken(token);
|
|
||||||
Forum f = forumRepo.findById(id).orElse(null);
|
|
||||||
if(!(f.getWriters().contains(u) || u.getRole() == Role.Admin)){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
forumServ.createTopic(f, data);
|
|
||||||
return new ResponseEntity<>(HttpStatus.ACCEPTED);
|
|
||||||
}
|
|
||||||
|
|
||||||
//// Endpoints related to topics and messages
|
|
||||||
|
|
||||||
@GetMapping("/forum/post/{id}")
|
|
||||||
public ResponseEntity<Topic> getPost(@RequestHeader("Authorization") String token, @PathVariable long id){
|
|
||||||
User u = authServ.getUserFromToken(token);
|
|
||||||
if(u == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
Topic t = topicRepo.findById(id).orElse(null);
|
|
||||||
return new ResponseEntity<>(t, HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PostMapping("/forum/post/{id}")
|
|
||||||
public ResponseEntity<Topic> postTopicToForum(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody Answer data){
|
|
||||||
User u = authServ.getUserFromToken(token);
|
|
||||||
Topic t = topicRepo.findById(id).orElse(null);
|
|
||||||
if(t.isLocked() && u.getRole() != Role.Admin){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
System.out.println(data);
|
|
||||||
forumServ.answerTopic(t, data, u);
|
|
||||||
return new ResponseEntity<>(HttpStatus.ACCEPTED);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// TODO: <tonitch> Check if authorization to view a post/forum/...
|
|
||||||
}
|
|
||||||
@ -1,126 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.EndPoints.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file MessagesController.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* Entry point for the messages application
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
import org.springframework.beans.factory.annotation.Autowired;
|
|
||||||
import org.springframework.http.HttpStatus;
|
|
||||||
import org.springframework.http.ResponseEntity;
|
|
||||||
import org.springframework.web.bind.annotation.CrossOrigin;
|
|
||||||
import org.springframework.web.bind.annotation.GetMapping;
|
|
||||||
import org.springframework.web.bind.annotation.PatchMapping;
|
|
||||||
import org.springframework.web.bind.annotation.PathVariable;
|
|
||||||
import org.springframework.web.bind.annotation.PostMapping;
|
|
||||||
import org.springframework.web.bind.annotation.RequestBody;
|
|
||||||
import org.springframework.web.bind.annotation.RequestHeader;
|
|
||||||
import org.springframework.web.bind.annotation.RestController;
|
|
||||||
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import ovh.herisson.Clyde.DTO.Msg.DiscussionDTO;
|
|
||||||
import ovh.herisson.Clyde.Repositories.UserRepository;
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.DiscussionRepository;
|
|
||||||
import ovh.herisson.Clyde.Responses.UnauthorizedResponse;
|
|
||||||
import ovh.herisson.Clyde.Services.AuthenticatorService;
|
|
||||||
import ovh.herisson.Clyde.Services.UserService;
|
|
||||||
import ovh.herisson.Clyde.Services.Msg.DiscussionService;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Discussion;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Message;
|
|
||||||
|
|
||||||
@RestController
|
|
||||||
@CrossOrigin(originPatterns = "*", allowCredentials = "true")
|
|
||||||
@AllArgsConstructor
|
|
||||||
public class MessagesController {
|
|
||||||
|
|
||||||
private AuthenticatorService authServ;
|
|
||||||
private DiscussionService discServ;
|
|
||||||
private DiscussionRepository discRepo;
|
|
||||||
private UserService userServ;
|
|
||||||
|
|
||||||
@GetMapping("/discussions")
|
|
||||||
public ResponseEntity<Iterable<Discussion>> getDiscussions(@RequestHeader("Authorization") String token ){
|
|
||||||
User user = authServ.getUserFromToken(token);
|
|
||||||
if(user == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
Iterable<Discussion> mock = discServ.getOwned(authServ.getUserFromToken(token));
|
|
||||||
|
|
||||||
return new ResponseEntity<>(mock, HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@GetMapping("/discussion/{id}")
|
|
||||||
public ResponseEntity<DiscussionDTO> getDiscussion(@RequestHeader("Authorization") String token, @PathVariable long id){
|
|
||||||
User user = authServ.getUserFromToken(token);
|
|
||||||
if(user == null || !discServ.hasDiscussion(user, id) ){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
return new ResponseEntity<>(DiscussionDTO.construct(discRepo.findById(id).orElse(null), authServ.getUserFromToken(token)), HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PatchMapping("/discussion/{id}")
|
|
||||||
public ResponseEntity<Discussion> AlterDiscussion(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody Discussion data){
|
|
||||||
User user = authServ.getUserFromToken(token);
|
|
||||||
if(user == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
Discussion disc = discRepo.findById(id).orElse(null);
|
|
||||||
disc.setName(data.getName());
|
|
||||||
discRepo.save(disc);
|
|
||||||
return new ResponseEntity<>(disc, HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PatchMapping("/discussion/{id}/add")
|
|
||||||
public ResponseEntity<Discussion> invite(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody User data){
|
|
||||||
User user = authServ.getUserFromToken(token);
|
|
||||||
if(user == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
Discussion disc = discRepo.findById(id).orElse(null);
|
|
||||||
User invited = userServ.getUserById(data.getRegNo());
|
|
||||||
disc.addMember(invited);
|
|
||||||
discRepo.save(disc);
|
|
||||||
return new ResponseEntity<>(disc, HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PatchMapping("/discussion/{id}/remove")
|
|
||||||
public ResponseEntity<Discussion> removeMember(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody User data){
|
|
||||||
User user = authServ.getUserFromToken(token);
|
|
||||||
if(user == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
Discussion disc = discRepo.findById(id).orElse(null);
|
|
||||||
User member = userServ.getUserById(data.getRegNo());
|
|
||||||
disc.delMember(member);
|
|
||||||
discRepo.save(disc);
|
|
||||||
return new ResponseEntity<>(disc, HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
@PostMapping("/discussion/{id}")
|
|
||||||
public ResponseEntity<Discussion> sendMessage(@RequestHeader("Authorization") String token, @PathVariable long id, @RequestBody Message msg){
|
|
||||||
User user = authServ.getUserFromToken(token);
|
|
||||||
if(user == null){
|
|
||||||
return new UnauthorizedResponse<>(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
Discussion disc = discRepo.findById(id).orElse(null);
|
|
||||||
msg.setAuthor(user);
|
|
||||||
if(disc != null)
|
|
||||||
discServ.CreateMessage(disc, msg);
|
|
||||||
return new ResponseEntity<>(disc, HttpStatus.OK);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@PostMapping("/discussion")
|
|
||||||
public ResponseEntity<Discussion> createDiscussion(@RequestHeader("Authorization") String token, @RequestBody Discussion data){
|
|
||||||
return new ResponseEntity<>(discServ.create(data.getName(), authServ.getUserFromToken(token)), HttpStatus.OK);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Repositories.Msg;
|
|
||||||
|
|
||||||
import org.springframework.data.repository.CrudRepository;
|
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Answer;
|
|
||||||
|
|
||||||
public interface AnswerRepository extends CrudRepository<Answer, Long> {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Repositories.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file DiscussionRepository.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* Repository of Discussion allowing to fetch discussion by user
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import org.springframework.data.jpa.repository.Query;
|
|
||||||
import org.springframework.data.repository.CrudRepository;
|
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Discussion;
|
|
||||||
|
|
||||||
public interface DiscussionRepository extends CrudRepository<Discussion, Long>{
|
|
||||||
|
|
||||||
@Query("SELECT d FROM Discussion d INNER JOIN FETCH d.members dm WHERE dm.id = ?1")
|
|
||||||
List<Discussion> findByMembership(long userid);
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Repositories.Msg;
|
|
||||||
|
|
||||||
import org.springframework.data.repository.CrudRepository;
|
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Forum;
|
|
||||||
|
|
||||||
public interface ForumRepository extends CrudRepository<Forum, Long> {
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Repositories.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file MessageRepository.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
import org.springframework.data.repository.CrudRepository;
|
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Message;
|
|
||||||
|
|
||||||
public interface MessageRepository extends CrudRepository<Message, Long> {}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Repositories.Msg;
|
|
||||||
|
|
||||||
import org.springframework.data.repository.CrudRepository;
|
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Topic;
|
|
||||||
|
|
||||||
public interface TopicRepository extends CrudRepository<Topic, Long> {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,57 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Services.Msg;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file DiscussionService.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* Various function utilised by the messages application
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
import org.springframework.beans.factory.annotation.Autowired;
|
|
||||||
import org.springframework.stereotype.Service;
|
|
||||||
|
|
||||||
import com.fasterxml.jackson.databind.util.JSONPObject;
|
|
||||||
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.DiscussionRepository;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Discussion;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Message;
|
|
||||||
|
|
||||||
@Service
|
|
||||||
public class DiscussionService {
|
|
||||||
|
|
||||||
@Autowired
|
|
||||||
private DiscussionRepository discRepo;
|
|
||||||
|
|
||||||
public Discussion create(String name, User author){
|
|
||||||
return discRepo.save(new Discussion(name, author));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* list discussions owned by a certain user
|
|
||||||
*/
|
|
||||||
public Iterable<Discussion> getOwned(User author){
|
|
||||||
return discRepo.findByMembership(author.getRegNo());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create a message and link it to it's discussion
|
|
||||||
*/
|
|
||||||
public Discussion CreateMessage(Discussion disc, Message msg){
|
|
||||||
disc.addMessage(msg);
|
|
||||||
return discRepo.save(disc);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Check if a user is in a discussion
|
|
||||||
*/
|
|
||||||
public boolean hasDiscussion(User user, long id) {
|
|
||||||
Discussion disc = discRepo.findById(id).orElse(null);
|
|
||||||
List<User> members = disc.getMembers();
|
|
||||||
return members.contains(user);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Services.Msg;
|
|
||||||
|
|
||||||
import org.springframework.stereotype.Service;
|
|
||||||
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import ovh.herisson.Clyde.Repositories.CourseRepository;
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.ForumRepository;
|
|
||||||
import ovh.herisson.Clyde.Repositories.Msg.TopicRepository;
|
|
||||||
import ovh.herisson.Clyde.Tables.Course;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Answer;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Forum;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Topic;
|
|
||||||
|
|
||||||
@Service
|
|
||||||
@AllArgsConstructor
|
|
||||||
public class ForumService {
|
|
||||||
|
|
||||||
private CourseRepository courseRepo;
|
|
||||||
private ForumRepository forumRepo;
|
|
||||||
private TopicRepository topicRepo;
|
|
||||||
|
|
||||||
public void createForum(Course c, Forum f){
|
|
||||||
c.addForum(f);
|
|
||||||
courseRepo.save(c);
|
|
||||||
}
|
|
||||||
|
|
||||||
public void createTopic(Forum f, Topic data) {
|
|
||||||
f.addTopic(data);
|
|
||||||
forumRepo.save(f);
|
|
||||||
}
|
|
||||||
|
|
||||||
public void answerTopic(Topic t, Answer data, User u) {
|
|
||||||
data.setAuthor(u);
|
|
||||||
t.addAnswer(data);
|
|
||||||
topicRepo.save(t);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,16 +1,10 @@
|
|||||||
package ovh.herisson.Clyde.Tables;
|
package ovh.herisson.Clyde.Tables;
|
||||||
|
|
||||||
import jakarta.persistence.*;
|
import jakarta.persistence.*;
|
||||||
import lombok.Data;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Forum;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import org.hibernate.annotations.OnDelete;
|
import org.hibernate.annotations.OnDelete;
|
||||||
import org.hibernate.annotations.OnDeleteAction;
|
import org.hibernate.annotations.OnDeleteAction;
|
||||||
|
|
||||||
@Entity
|
@Entity
|
||||||
@Data
|
|
||||||
public class Course {
|
public class Course {
|
||||||
@Id
|
@Id
|
||||||
@GeneratedValue(strategy = GenerationType.AUTO)
|
@GeneratedValue(strategy = GenerationType.AUTO)
|
||||||
@ -23,15 +17,6 @@ public class Course {
|
|||||||
@JoinColumn(name = "Users")
|
@JoinColumn(name = "Users")
|
||||||
private User owner;
|
private User owner;
|
||||||
|
|
||||||
//// Extension Messagerie /////
|
|
||||||
@OneToMany(cascade = CascadeType.ALL)
|
|
||||||
private List<Forum> forums;
|
|
||||||
|
|
||||||
public void addForum(Forum f){
|
|
||||||
forums.add(f);
|
|
||||||
}
|
|
||||||
///////////////////////////////
|
|
||||||
|
|
||||||
public Course(int credits, String title, User owner){
|
public Course(int credits, String title, User owner){
|
||||||
this.credits = credits;
|
this.credits = credits;
|
||||||
this.title = title;
|
this.title = title;
|
||||||
|
|||||||
@ -1,29 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Tables.Msg;
|
|
||||||
|
|
||||||
|
|
||||||
import java.util.Date;
|
|
||||||
|
|
||||||
import org.hibernate.annotations.CreationTimestamp;
|
|
||||||
|
|
||||||
import jakarta.persistence.*;
|
|
||||||
import lombok.Data;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
|
|
||||||
@Entity
|
|
||||||
@Data
|
|
||||||
public class Answer {
|
|
||||||
@Id
|
|
||||||
@GeneratedValue(strategy = GenerationType.AUTO)
|
|
||||||
private int id;
|
|
||||||
|
|
||||||
@CreationTimestamp
|
|
||||||
private Date creation;
|
|
||||||
|
|
||||||
private String content;
|
|
||||||
|
|
||||||
@ManyToOne(cascade=CascadeType.ALL)
|
|
||||||
private User author;
|
|
||||||
|
|
||||||
private boolean anonymous;
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,72 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Tables.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file Discussion.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* Discussion allow to regroupe multiple user in and message together
|
|
||||||
* for the messages application to work
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import jakarta.persistence.CascadeType;
|
|
||||||
import jakarta.persistence.Entity;
|
|
||||||
import jakarta.persistence.GeneratedValue;
|
|
||||||
import jakarta.persistence.GenerationType;
|
|
||||||
import jakarta.persistence.Id;
|
|
||||||
import jakarta.persistence.JoinColumn;
|
|
||||||
import jakarta.persistence.JoinTable;
|
|
||||||
import jakarta.persistence.ManyToMany;
|
|
||||||
import jakarta.persistence.OneToMany;
|
|
||||||
import lombok.Getter;
|
|
||||||
import lombok.NoArgsConstructor;
|
|
||||||
import lombok.Setter;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
|
|
||||||
@Entity
|
|
||||||
@Getter
|
|
||||||
@Setter
|
|
||||||
@NoArgsConstructor
|
|
||||||
public class Discussion{
|
|
||||||
|
|
||||||
@Id
|
|
||||||
@GeneratedValue(strategy = GenerationType.AUTO)
|
|
||||||
private long id;
|
|
||||||
private String name;
|
|
||||||
|
|
||||||
@ManyToMany
|
|
||||||
@JoinTable(
|
|
||||||
name = "discussion_members",
|
|
||||||
joinColumns = @JoinColumn(name = "discussion_id"),
|
|
||||||
inverseJoinColumns = @JoinColumn(name = "user_id")
|
|
||||||
)
|
|
||||||
private List<User> members;
|
|
||||||
|
|
||||||
@OneToMany(mappedBy="discussion", orphanRemoval = true, cascade = CascadeType.ALL)
|
|
||||||
private List<Message> msgs;
|
|
||||||
|
|
||||||
public Discussion(String name){
|
|
||||||
this.name = name;
|
|
||||||
}
|
|
||||||
|
|
||||||
public Discussion(String name, User user){
|
|
||||||
this.name = name;
|
|
||||||
this.members = List.of(user);
|
|
||||||
}
|
|
||||||
|
|
||||||
public void addMessage(Message msg){
|
|
||||||
msg.setDiscussion(this);
|
|
||||||
msgs.add(msg);
|
|
||||||
}
|
|
||||||
|
|
||||||
public void addMember(User user) {
|
|
||||||
members.add(user);
|
|
||||||
}
|
|
||||||
|
|
||||||
public void delMember(User user) {
|
|
||||||
members.remove(user);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Tables.Msg;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import jakarta.persistence.*;
|
|
||||||
import lombok.Data;
|
|
||||||
import ovh.herisson.Clyde.Tables.Course;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
|
|
||||||
@Entity
|
|
||||||
@Data
|
|
||||||
public class Forum {
|
|
||||||
|
|
||||||
@Id
|
|
||||||
@GeneratedValue(strategy = GenerationType.AUTO)
|
|
||||||
private int id;
|
|
||||||
|
|
||||||
@ManyToOne
|
|
||||||
private Course course;
|
|
||||||
|
|
||||||
private String name;
|
|
||||||
|
|
||||||
@OneToMany(cascade = CascadeType.ALL)
|
|
||||||
private List<Topic> topics;
|
|
||||||
|
|
||||||
public void addTopic(Topic t) {
|
|
||||||
topics.add(t);
|
|
||||||
}
|
|
||||||
|
|
||||||
@OneToMany
|
|
||||||
private List<User> writers; // User who are authorized to create a post
|
|
||||||
|
|
||||||
@OneToMany
|
|
||||||
private List<User> register;
|
|
||||||
}
|
|
||||||
@ -1,66 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Tables.Msg;
|
|
||||||
|
|
||||||
/******************************************************
|
|
||||||
* @file Message.java
|
|
||||||
* @author Anthony Debucquoy
|
|
||||||
* @scope Extension messagerie
|
|
||||||
*
|
|
||||||
* Represent a message sent to a discussion
|
|
||||||
******************************************************/
|
|
||||||
|
|
||||||
|
|
||||||
import org.hibernate.annotations.CreationTimestamp;
|
|
||||||
import org.hibernate.annotations.UpdateTimestamp;
|
|
||||||
|
|
||||||
import com.fasterxml.jackson.annotation.JsonIgnore;
|
|
||||||
import java.util.Date;
|
|
||||||
|
|
||||||
import jakarta.persistence.CascadeType;
|
|
||||||
import jakarta.persistence.Column;
|
|
||||||
import jakarta.persistence.Entity;
|
|
||||||
import jakarta.persistence.GeneratedValue;
|
|
||||||
import jakarta.persistence.GenerationType;
|
|
||||||
import jakarta.persistence.Id;
|
|
||||||
import jakarta.persistence.ManyToOne;
|
|
||||||
import jakarta.persistence.OneToMany;
|
|
||||||
import jakarta.persistence.OneToOne;
|
|
||||||
import jakarta.persistence.PrePersist;
|
|
||||||
import jakarta.persistence.Temporal;
|
|
||||||
import jakarta.persistence.TemporalType;
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import lombok.Getter;
|
|
||||||
import lombok.NoArgsConstructor;
|
|
||||||
import lombok.Setter;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
|
|
||||||
@Getter
|
|
||||||
@Setter
|
|
||||||
@NoArgsConstructor
|
|
||||||
@AllArgsConstructor
|
|
||||||
@Entity
|
|
||||||
public class Message {
|
|
||||||
|
|
||||||
@Id
|
|
||||||
@GeneratedValue(strategy = GenerationType.AUTO)
|
|
||||||
private long id;
|
|
||||||
private String content;
|
|
||||||
|
|
||||||
@CreationTimestamp
|
|
||||||
@Column(nullable = false)
|
|
||||||
private Date created;
|
|
||||||
|
|
||||||
@ManyToOne
|
|
||||||
private User author;
|
|
||||||
|
|
||||||
public User getAuthor() {
|
|
||||||
return author;
|
|
||||||
}
|
|
||||||
|
|
||||||
@OneToOne
|
|
||||||
private Message response;
|
|
||||||
|
|
||||||
@ManyToOne(optional = false)
|
|
||||||
@JsonIgnore
|
|
||||||
private Discussion discussion;
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
package ovh.herisson.Clyde.Tables.Msg;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import jakarta.persistence.*;
|
|
||||||
import lombok.Data;
|
|
||||||
import ovh.herisson.Clyde.Tables.User;
|
|
||||||
|
|
||||||
@Entity
|
|
||||||
@Data
|
|
||||||
public class Topic {
|
|
||||||
|
|
||||||
@Id
|
|
||||||
@GeneratedValue(strategy = GenerationType.AUTO)
|
|
||||||
private int id;
|
|
||||||
|
|
||||||
private String subject, content;
|
|
||||||
|
|
||||||
@ManyToOne
|
|
||||||
private User author;
|
|
||||||
|
|
||||||
@OneToMany(cascade = CascadeType.ALL)
|
|
||||||
private List<Answer> answers;
|
|
||||||
|
|
||||||
public void addAnswer(Answer a){
|
|
||||||
answers.add(a);
|
|
||||||
}
|
|
||||||
|
|
||||||
private boolean locked; // true if new messages can be posted
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,13 +1,7 @@
|
|||||||
package ovh.herisson.Clyde.Tables;
|
package ovh.herisson.Clyde.Tables;
|
||||||
|
|
||||||
import jakarta.persistence.*;
|
import jakarta.persistence.*;
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Discussion;
|
|
||||||
import ovh.herisson.Clyde.Tables.Msg.Message;
|
|
||||||
|
|
||||||
import java.util.Date;
|
import java.util.Date;
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
import com.fasterxml.jackson.annotation.JsonIgnore;
|
|
||||||
|
|
||||||
|
|
||||||
@Entity
|
@Entity
|
||||||
@ -24,18 +18,8 @@ public class User {
|
|||||||
private String country;
|
private String country;
|
||||||
private Date birthDate;
|
private Date birthDate;
|
||||||
private String profilePictureUrl;
|
private String profilePictureUrl;
|
||||||
private Role role;
|
private ovh.herisson.Clyde.Tables.Role role;
|
||||||
@JsonIgnore
|
|
||||||
private String password;
|
private String password;
|
||||||
|
|
||||||
////// Extension Messagerie /////
|
|
||||||
@OneToMany(mappedBy = "author", cascade = CascadeType.ALL)
|
|
||||||
private List<Message> msgs;
|
|
||||||
/////////////////////////////////
|
|
||||||
|
|
||||||
@ManyToMany( mappedBy = "members" )
|
|
||||||
private List<Discussion> discussions;
|
|
||||||
|
|
||||||
public User(String lastName, String firstName, String email, String address,
|
public User(String lastName, String firstName, String email, String address,
|
||||||
String country, Date birthDate, String profilePictureUrl, Role role, String password)
|
String country, Date birthDate, String profilePictureUrl, Role role, String password)
|
||||||
{
|
{
|
||||||
|
|||||||
15
frontend/package-lock.json
generated
15
frontend/package-lock.json
generated
@ -8,6 +8,7 @@
|
|||||||
"name": "clyde",
|
"name": "clyde",
|
||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@canvasjs/vue-charts": "^1.0.4",
|
||||||
"vite-plugin-top-level-await": "^1.4.1",
|
"vite-plugin-top-level-await": "^1.4.1",
|
||||||
"vue": "^3.4.15",
|
"vue": "^3.4.15",
|
||||||
"vue3-toastify": "^0.2.1"
|
"vue3-toastify": "^0.2.1"
|
||||||
@ -29,6 +30,20 @@
|
|||||||
"node": ">=6.0.0"
|
"node": ">=6.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@canvasjs/charts": {
|
||||||
|
"version": "3.7.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@canvasjs/charts/-/charts-3.7.45.tgz",
|
||||||
|
"integrity": "sha512-FPMX8wn+PEHzAa/GLBsL5lWB81AzKZLw51t7SiSUjMbtUN5/OIrmDcwUTw+53/Bbdd9gm2LLmxAdZsQ75JI31g=="
|
||||||
|
},
|
||||||
|
"node_modules/@canvasjs/vue-charts": {
|
||||||
|
"version": "1.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@canvasjs/vue-charts/-/vue-charts-1.0.4.tgz",
|
||||||
|
"integrity": "sha512-PzOA8xeb/f68a39uoFZNn843dGPU36bsqmbO5DWjP7k6FwkK5AeGkYa/H3RHC02Xc6mG68vg9aFNj2Fyqhu4UQ==",
|
||||||
|
"dependencies": {
|
||||||
|
"@canvasjs/charts": "^3.7.5",
|
||||||
|
"vue": ">=3.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@esbuild/aix-ppc64": {
|
"node_modules/@esbuild/aix-ppc64": {
|
||||||
"version": "0.19.12",
|
"version": "0.19.12",
|
||||||
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz",
|
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz",
|
||||||
|
|||||||
@ -9,6 +9,7 @@
|
|||||||
"preview": "vite preview"
|
"preview": "vite preview"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@canvasjs/vue-charts": "^1.0.4",
|
||||||
"vite-plugin-top-level-await": "^1.4.1",
|
"vite-plugin-top-level-await": "^1.4.1",
|
||||||
"vue": "^3.4.15",
|
"vue": "^3.4.15",
|
||||||
"vue3-toastify": "^0.2.1"
|
"vue3-toastify": "^0.2.1"
|
||||||
|
|||||||
@ -52,6 +52,3 @@ Curriculum=curriculum
|
|||||||
Credits=Credits
|
Credits=Credits
|
||||||
InscriptionService=I.S.
|
InscriptionService=I.S.
|
||||||
faculty=Faculty
|
faculty=Faculty
|
||||||
forum.create=Create forum
|
|
||||||
forum.create.name=New forum's name
|
|
||||||
forum.post.create.name=New post's title
|
|
||||||
|
|||||||
@ -52,6 +52,3 @@ Curriculum=Cursus
|
|||||||
Credits=Credits
|
Credits=Credits
|
||||||
InscriptionService=S.I.
|
InscriptionService=S.I.
|
||||||
faculty=Faculté
|
faculty=Faculté
|
||||||
forum.create=Créer un forum
|
|
||||||
forum.create.name=Nom du forum
|
|
||||||
forum.post.create.name=Titre du post
|
|
||||||
|
|||||||
@ -99,19 +99,20 @@ window.addEventListener('hashchange', () => {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display:grid;
|
display:grid;
|
||||||
|
grid-template-columns:[firstCol-start]70px[firstCol-end secondCol-start]auto[endCol];
|
||||||
grid-template-columns:[firstCol-start]70px[firstCol-end secondCol-start] auto [endCol];
|
grid-template-rows:[firstRow-start]61px[firstRow-end secondRow-start] auto [endRow];
|
||||||
grid-template-rows:[firstRow-start] var(--header-size) [firstRow-end secondRow-start] calc(100% - var(--header-size)) [endRow];
|
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"topBar topBar"
|
"topBar topBar"
|
||||||
"leftBar page";
|
"leftBar page";
|
||||||
|
row-gap:0px;
|
||||||
|
column-gap:0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
grid-area:page;
|
grid-area:page;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
place-self:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topBar{
|
.topBar{
|
||||||
@ -154,7 +155,7 @@ window.addEventListener('hashchange', () => {
|
|||||||
|
|
||||||
ul.vertical{
|
ul.vertical{
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin-top: var(--header-size);
|
margin-top: 61px;
|
||||||
top:0;
|
top:0;
|
||||||
left:0;
|
left:0;
|
||||||
padding: 25px 0 0;
|
padding: 25px 0 0;
|
||||||
@ -202,7 +203,7 @@ window.addEventListener('hashchange', () => {
|
|||||||
left:0;
|
left:0;
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
height:var(--header-size);
|
height:61px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: rgb(24, 24, 24);
|
background-color: rgb(24, 24, 24);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,214 +0,0 @@
|
|||||||
<!----------------------------------------------------
|
|
||||||
File: Forums.vue
|
|
||||||
Author: Anthony Debucquoy
|
|
||||||
Scope: Extension messagerie
|
|
||||||
Description: Forum des étudiants
|
|
||||||
----------------------------------------------------->
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, reactive } from 'vue'
|
|
||||||
import i18n from '@/i18n.js'
|
|
||||||
import { getCourses } from '@/rest/courses.js'
|
|
||||||
import { ForumsOfCurrentCourse, getForumsOfCourse, createForum } from '@/rest/forum.js'
|
|
||||||
import { PostsOfCurrentForum, getPostsOfForum, createPost } from '@/rest/forum.js'
|
|
||||||
import { fetchedPost, fetchPost, sendAnswer } from '@/rest/forum.js'
|
|
||||||
import { getSelf } from '@/rest/Users.js'
|
|
||||||
|
|
||||||
const courses = await reactive(getCourses());
|
|
||||||
const selectedCourse = ref();
|
|
||||||
const selectedForum = ref();
|
|
||||||
const Role = (await getSelf()).role;
|
|
||||||
|
|
||||||
const addForumName = ref("");
|
|
||||||
const addPost = ref(false);
|
|
||||||
const addPostSubject = ref("");
|
|
||||||
const addPostContent = ref("");
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div id="app">
|
|
||||||
<div id="ForumSelector">
|
|
||||||
<select id="cours" value="" v-model="selectedCourse" @change="getForumsOfCourse(selectedCourse)">
|
|
||||||
<option v-for="course in courses" :value="course.courseId">{{course.title}}</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<select id="forum" value="" v-model="selectedForum" @change="getPostsOfForum(selectedForum !== 'create' ? selectedForum : null)" v-if="ForumsOfCurrentCourse != null">
|
|
||||||
<option v-for="forum in ForumsOfCurrentCourse" :value=forum.id>{{forum.name}}</option>
|
|
||||||
<option v-if="(Role === 'Admin' || Role === 'Teacher') && ForumsOfCurrentCourse != null" value="create">{{ i18n("forum.create") }}</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div id="PostSelector" v-if="PostsOfCurrentForum != null">
|
|
||||||
<div @click="fetchPost(post.id)" class="postItem" v-for="post in PostsOfCurrentForum" :key="post.id">{{ post.subject }}</div>
|
|
||||||
<button v-if="Role === 'Admin' || Role === 'Teacher' " id="createPost" @click="addPost = true">+</button>
|
|
||||||
</div>
|
|
||||||
<div id="PostViewer" v-if="fetchedPost != null">
|
|
||||||
<div id="Post">
|
|
||||||
<h1>{{ fetchedPost.subject }}</h1>
|
|
||||||
{{fetchedPost.content}}
|
|
||||||
</div>
|
|
||||||
<div id="Messages">
|
|
||||||
<p v-for="msg in fetchedPost.answers">{{msg.author.firtName}} {{msg.author.lastName}} - {{msg.content}}</p>
|
|
||||||
<input v-if=!fetchedPost.locked type="text" placeholder="response" @keyup.enter="sendAnswer(fetchedPost.id, $event.target.value); $event.target.value = ''"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class=popup v-if="selectedForum === 'create' || addPost" @click.self="selectedForum = ''; addPost = false" >
|
|
||||||
|
|
||||||
<!-- Popup to add forum -->
|
|
||||||
<div id="addForumForm" v-if="selectedForum === 'create'" @keyup.enter="createForum(selectedCourse, addForumName); selectedForum = '';">
|
|
||||||
<label>{{ i18n("forum.create.name") }}</label>
|
|
||||||
<input type="text" placeholder="Name" v-model=addForumName />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Popup to add Post -->
|
|
||||||
<div id="addPostForm" v-if=addPost>
|
|
||||||
<label>i18n("forum.post.create.name")</label>
|
|
||||||
<input type="text" placeholder="subject" v-model=addPostSubject @keyup.enter="createPost(selectedForum, addPostSubject, addPostContent); addPost = false;"/>
|
|
||||||
<textarea v-model="addPostContent" placeholder=content></textarea>
|
|
||||||
<input type="submit" value="send" @click="createPost(selectedForum, addPostSubject, addPostContent); addPost = false;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
.popup{
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: #00000022;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
#addForumForm{
|
|
||||||
position: relative;
|
|
||||||
width: 30%;
|
|
||||||
left: calc(50% - 30% / 2);
|
|
||||||
top: calc(50% - 10% / 2);
|
|
||||||
border-radius: 10px;
|
|
||||||
height: 10%;
|
|
||||||
background-color: white;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#addPostForm{
|
|
||||||
position: relative;
|
|
||||||
width: 30%;
|
|
||||||
left: calc(50% - 30% / 2);
|
|
||||||
top: calc(50% - 50% / 2);
|
|
||||||
border-radius: 10px;
|
|
||||||
height: 50%;
|
|
||||||
background-color: white;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app{
|
|
||||||
display: grid;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
grid-template: 5em auto / 25% 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ForumSelector{
|
|
||||||
background-color: #FFFFFF0E;
|
|
||||||
grid-column: 1 / 3;
|
|
||||||
border-radius: 100px;
|
|
||||||
margin: 10px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ForumSelector select{
|
|
||||||
background-color: #ffa000;
|
|
||||||
border: none;
|
|
||||||
margin: 10px;
|
|
||||||
border-radius: 10px;
|
|
||||||
width: 200px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PostSelector button{
|
|
||||||
background-color: green;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
height: 4vh;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 0 30px 30px 0;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PostSelector{
|
|
||||||
background-color: #FFFFFF0E;
|
|
||||||
border-radius: 0 25px 25px 0;
|
|
||||||
margin: 10px 0 10px 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 10px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.postItem{
|
|
||||||
color: darkorange;
|
|
||||||
display: flex;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
height: 4vh;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 0 30px 30px 0;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border: 1px solid darkorange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.postItem:hover{
|
|
||||||
background-color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
#PostViewer{
|
|
||||||
background-color: #FFFFFF0E;
|
|
||||||
border-radius: 25px;
|
|
||||||
margin: 10px;
|
|
||||||
|
|
||||||
max-height: 100%;
|
|
||||||
|
|
||||||
overflow: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Post{
|
|
||||||
padding: 25px;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Post > h1{
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Messages{
|
|
||||||
padding: 25px;
|
|
||||||
border-top: 3px dotted white;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#Messages > p {
|
|
||||||
|
|
||||||
background-color: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@ -1,213 +0,0 @@
|
|||||||
<!----------------------------------------------------
|
|
||||||
File: Msg.vue
|
|
||||||
Author: Anthony Debucquoy
|
|
||||||
Scope: Extension messagerie
|
|
||||||
Description: Main msg page
|
|
||||||
----------------------------------------------------->
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, reactive } from 'vue'
|
|
||||||
import { discussionsList, currentDiscussion, fetchDiscussion, createDiscussion, sendMessage, updateDiscussionName, invite, removeMember} from '@/rest/msg.js'
|
|
||||||
|
|
||||||
const msgContent = ref("");
|
|
||||||
const addMember = ref(false);
|
|
||||||
const currentTitle = ref("");
|
|
||||||
|
|
||||||
function formatTime(date){
|
|
||||||
return date.getHours() + ":" + date.getMinutes() + " " + date.getDate() + "/" + date.getMonth();
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div id="msg">
|
|
||||||
<div id="discList">
|
|
||||||
<div @click="fetchDiscussion(discussion.id).then(e => currentTitle = currentDiscussion.name)" class="discItem" v-for="discussion in discussionsList" :key="discussion.id">{{ discussion.name }}</div>
|
|
||||||
<button id="createDiscussion" @click="createDiscussion('New Discussion')">+</button>
|
|
||||||
</div>
|
|
||||||
<div id="discussion" v-if="currentDiscussion.length != 0">
|
|
||||||
<h1 id=msgName ><input class="InputTitle" type="text" @change="updateDiscussionName(currentDiscussion.id, currentTitle)" v-model="currentTitle"></h1>
|
|
||||||
<div id=msgs>
|
|
||||||
<div class="msg" v-for="msg in currentDiscussion.msgs" :sender="msg.sender" :key="msg.id">
|
|
||||||
{{ msg.content }}<br/>
|
|
||||||
<span class="sender"><span v-if="!msg.sender">{{ msg.author.firstName }} {{ msg.author.lastName.toUpperCase() }}</span> {{formatTime(new Date(msg.created))}}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id=messageBox>
|
|
||||||
<input type="text" @keyup.enter="sendMessage(currentDiscussion.id, msgContent, null); msgContent = ''" v-model="msgContent">
|
|
||||||
<input type="submit" @click="sendMessage(currentDiscussion.id, msgContent, null); msgContent = ''" value="send">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="members" v-if="currentDiscussion.length != 0">
|
|
||||||
<div class="memberItem" v-for="member in currentDiscussion.members" @click="removeMember(currentDiscussion.id, member.regNo)" :key="member.id"><span>{{ member.firstName }} {{ member.lastName.toUpperCase() }}</span></div>
|
|
||||||
<input type=text id="addMembers" @focus="addMember = true" @blur="addMember = false;$event.target.value = ''" @change="invite(currentDiscussion.id, $event.target.value)" :placeholder="addMember ? 'Regno' : '+'"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
div#msg{
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 20% auto 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#discList{
|
|
||||||
margin: 30px 0 30px 30px;
|
|
||||||
background-color: rgba(255, 255, 255, 0.05);
|
|
||||||
border-radius: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 10px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#members{
|
|
||||||
margin: 30px 0;
|
|
||||||
border-radius: 10px 0 0 10px;
|
|
||||||
background-color: red;
|
|
||||||
background-color: rgba(255, 255, 255, 0.05);
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
padding: 10px 0 0 10px;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.InputTitle{
|
|
||||||
all: inherit;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.discItem{
|
|
||||||
color: darkorange;
|
|
||||||
display: flex;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
height: 4vh;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 0 30px 30px 0;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border: 1px solid darkorange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.memberItem{
|
|
||||||
color: darkorange;
|
|
||||||
display: flex;
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
height: 4vh;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 30px 0 0 30px;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border: 1px solid darkorange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.memberItem:hover span{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.memberItem:hover{
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.memberItem:hover:before{
|
|
||||||
color: white;
|
|
||||||
content: "X"
|
|
||||||
}
|
|
||||||
|
|
||||||
#createDiscussion{
|
|
||||||
height: 4vh;
|
|
||||||
margin: 5px;
|
|
||||||
color: white;
|
|
||||||
background-color: green;
|
|
||||||
border-radius: 0 30px 30px 0;
|
|
||||||
border: none;
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
#addMembers{
|
|
||||||
height: 4vh;
|
|
||||||
margin: 5px;
|
|
||||||
text-align: center;
|
|
||||||
color: white;
|
|
||||||
background-color: green;
|
|
||||||
border-radius: 30px 0 0 30px;
|
|
||||||
border: none;
|
|
||||||
font-weight: 900;
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#discussion{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin: 30px;
|
|
||||||
background-color: rgba(255, 255, 255, 0.05);
|
|
||||||
border-radius: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#msgName{
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
background-color: #2a1981;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: white;
|
|
||||||
width: 75%;
|
|
||||||
margin: 30px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.discItem:hover{
|
|
||||||
background-color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
#msgs{
|
|
||||||
display: flex;
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.msg {
|
|
||||||
background-color: aliceblue;
|
|
||||||
font-family: sans-serif;
|
|
||||||
margin: 10px;
|
|
||||||
padding: 5px;
|
|
||||||
border-radius: 3px;
|
|
||||||
max-width: 50%;
|
|
||||||
align-self: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sender{
|
|
||||||
display: inline-block;
|
|
||||||
color: gray;
|
|
||||||
font-size: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.msg[sender=true]{
|
|
||||||
background-color: darkorange;
|
|
||||||
align-self: end;
|
|
||||||
}
|
|
||||||
|
|
||||||
#messageBox{
|
|
||||||
width: 100%;
|
|
||||||
height: 30px;
|
|
||||||
background-color: white;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
#messageBox input[type="text"]{
|
|
||||||
all: inherit;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#messageBox input[type="submit"]{
|
|
||||||
border: inherit;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
236
frontend/src/Apps/ScientificPublications/ResearcherProfile.vue
Normal file
236
frontend/src/Apps/ScientificPublications/ResearcherProfile.vue
Normal file
@ -0,0 +1,236 @@
|
|||||||
|
<!----------------------------------------------------
|
||||||
|
File: ResearcherProfile.vue
|
||||||
|
Author: Maxime Bartha
|
||||||
|
Scope: Extension Publicatons scientifiquess
|
||||||
|
Description: Researcher Profile Page containing his articles and his statistics
|
||||||
|
----------------------------------------------------->
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from "vue";
|
||||||
|
const input = ref("");
|
||||||
|
const statsOf = ref("");
|
||||||
|
const statsBy = ref("");
|
||||||
|
let chart;
|
||||||
|
|
||||||
|
const jsonMockViewsByYears= [
|
||||||
|
{label: "2004", y:4},
|
||||||
|
{label: "2005", y:99},
|
||||||
|
{label: "2007", y:555},
|
||||||
|
{label: "2009", y:22},
|
||||||
|
{label: "2011", y:1666},
|
||||||
|
]
|
||||||
|
|
||||||
|
function inputKeyUp() {
|
||||||
|
let filter, ul, li, a, txtValue;
|
||||||
|
filter = input.value.toUpperCase();
|
||||||
|
if (document.getElementById("myUL") != null) {
|
||||||
|
ul = document.getElementById("myUL");
|
||||||
|
li = ul.getElementsByTagName("li");
|
||||||
|
|
||||||
|
// Loop through all list items, and hide those who don't match the search query
|
||||||
|
for (let i = 0; i < li.length; i++) {
|
||||||
|
a = li[i].getElementsByTagName("a")[0];
|
||||||
|
txtValue = a.textContent || a.innerText;
|
||||||
|
if (txtValue.toUpperCase().indexOf(filter) > -1) {
|
||||||
|
li[i].style.display = "";
|
||||||
|
} else {
|
||||||
|
li[i].style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const options = reactive({
|
||||||
|
backgroundColor:null,
|
||||||
|
theme: "light2",
|
||||||
|
animationEnabled: true,
|
||||||
|
title: {
|
||||||
|
fontColor: "white",
|
||||||
|
text : "please select options",
|
||||||
|
},
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
type: "pie",
|
||||||
|
indexLabel: "{label} (#percent%)",
|
||||||
|
yValueFormatString: "#,##0",
|
||||||
|
indexLabelFontColor: "white",
|
||||||
|
toolTipContent:
|
||||||
|
"<span style='\"'color: {color};'\"'>{label}</span> {y}(#percent%)",
|
||||||
|
}]
|
||||||
|
});
|
||||||
|
|
||||||
|
function update(){
|
||||||
|
options.title = {
|
||||||
|
fontColor: "white",
|
||||||
|
text: statsOf.value + " By "+ statsBy.value,
|
||||||
|
}
|
||||||
|
if (statsOf.value === "views" && statsBy.value === "years") {
|
||||||
|
options.data[0].dataPoints = jsonMockViewsByYears;
|
||||||
|
}
|
||||||
|
|
||||||
|
options.title.text = statsOf.value + " By "+ statsBy.value;
|
||||||
|
chart.render()
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div id="main">
|
||||||
|
<div id="profilePicture">
|
||||||
|
<img src="/Clyde.png" />
|
||||||
|
</div>
|
||||||
|
<div id="researcherInfos">
|
||||||
|
<div class="surrounded">John Doe</div>
|
||||||
|
<div class="surrounded">Orcid : 12144-2144-12336-B</div>
|
||||||
|
<div class="surrounded">Email : John.Doe@umons.ac.be</div>
|
||||||
|
|
||||||
|
<div class="surrounded">
|
||||||
|
site :
|
||||||
|
<a href="http://localhost:5173" style="color: #007aff">here</a>
|
||||||
|
</div>
|
||||||
|
<div class="surrounded">Domain : physics, IT</div>
|
||||||
|
<div id="coAuthorList" class="surrounded">Co-authors list : D</div>
|
||||||
|
</div>
|
||||||
|
<div id="stats">
|
||||||
|
<div class="surrounded">
|
||||||
|
Stat type :
|
||||||
|
<select @change="update()" id="stats-select" v-model="statsOf">
|
||||||
|
<option value="views">Views</option>
|
||||||
|
<option value="co-authors">Co-authors</option>
|
||||||
|
<option value="articles">Articles</option>
|
||||||
|
<option value="language">Languages</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="surrounded">
|
||||||
|
Class by:
|
||||||
|
<select @change="update()" id="classed-select" v-model="statsBy">
|
||||||
|
<option selected="selected" value="years">Years</option>
|
||||||
|
<option value="months">Months</option>
|
||||||
|
<option value="topics">Topics</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div id="statsPie">
|
||||||
|
<CanvasJSChart :options="options" id=chart @chart-ref="c => chart = c "/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="articles">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="search-input"
|
||||||
|
@keyup="inputKeyUp()"
|
||||||
|
placeholder="search articles"
|
||||||
|
v-model="input"
|
||||||
|
/>
|
||||||
|
<ul id="myUL">
|
||||||
|
<li><a href="#">Adele</a></li>
|
||||||
|
<li><a href="#">Agnes</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Billy</a></li>
|
||||||
|
<li><a href="#">Bob</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Calvin</a></li>
|
||||||
|
<li><a href="#">Christina</a></li>
|
||||||
|
<li><a href="#">Cindy</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#main {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 22% auto;
|
||||||
|
grid-template-rows: 26% auto;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#profilePicture {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#profilePicture img {
|
||||||
|
align-self: center;
|
||||||
|
justify-self: center;
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#researcherInfos {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto;
|
||||||
|
column-gap: 5px;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.surrounded {
|
||||||
|
border: 2px solid black;
|
||||||
|
color: white;
|
||||||
|
font-size: x-large;
|
||||||
|
align-self: center;
|
||||||
|
text-align: center;
|
||||||
|
background-color: rgba(255, 255, 255, 0.09);
|
||||||
|
border-radius: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.surrounded select {
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
border: 1px solid black;
|
||||||
|
color: white;
|
||||||
|
background-color: rgb(255, 255, 255, 0.1);
|
||||||
|
font-size: large;
|
||||||
|
align-self: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#statsPie {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#articles {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
#search-input {
|
||||||
|
width: 60%;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 12px 20px 12px 40px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#myUL {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#myUL li a {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
/* Add a border to all links */
|
||||||
|
margin-top: -1px;
|
||||||
|
/* Prevent double borders */
|
||||||
|
background-color: #f6f6f6;
|
||||||
|
/* Grey background color */
|
||||||
|
padding: 12px;
|
||||||
|
/* Add some padding */
|
||||||
|
text-decoration: none;
|
||||||
|
/* Remove default text underline */
|
||||||
|
font-size: 18px;
|
||||||
|
/* Increase the font-size */
|
||||||
|
color: black;
|
||||||
|
/* Add a black text color */
|
||||||
|
display: block;
|
||||||
|
/* Make it into a block element to fill the whole list */
|
||||||
|
}
|
||||||
|
|
||||||
|
#myUL li a:hover:not(.header) {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
#Chart{
|
||||||
|
width: "100%";
|
||||||
|
height: "100%";
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,7 +1,3 @@
|
|||||||
:root {
|
|
||||||
--header-size: 61px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: rgb(53, 25, 60);
|
background-color: rgb(53, 25, 60);
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|||||||
@ -4,5 +4,8 @@ import 'https://kit.fontawesome.com/fb3bbd0a95.js'
|
|||||||
|
|
||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
|
import CanvasJSChart from '@canvasjs/vue-charts';
|
||||||
|
|
||||||
createApp(App).mount('#app')
|
const app = createApp(App);
|
||||||
|
app.use(CanvasJSChart);
|
||||||
|
app.mount('#app');
|
||||||
|
|||||||
@ -9,8 +9,7 @@ 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 Users from "@/Apps/UsersList.vue"
|
||||||
import Students from "@/Apps/StudentsList.vue"
|
import Students from "@/Apps/StudentsList.vue"
|
||||||
import Msg from "@/Apps/Msg.vue"
|
import ResearcherProfile from "@/Apps/ScientificPublications/ResearcherProfile.vue";
|
||||||
import Forums from '@/Apps/Forums.vue'
|
|
||||||
|
|
||||||
const apps = {
|
const apps = {
|
||||||
'/login': LoginPage,
|
'/login': LoginPage,
|
||||||
@ -19,14 +18,13 @@ const apps = {
|
|||||||
'/manage-courses' : Courses,
|
'/manage-courses' : Courses,
|
||||||
'/users-list' : Users,
|
'/users-list' : Users,
|
||||||
'/students-list' : Students,
|
'/students-list' : Students,
|
||||||
'/msg' : Msg,
|
'/researcher-profile' : ResearcherProfile,
|
||||||
'/forums': Forums,
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const appsList = {
|
const appsList = {
|
||||||
'Msg': { path: '#/msg', icon: 'fa-comment', text: i18n("app.messages") },
|
'Msg': { path: '#/msg', icon: 'fa-comment', text: i18n("app.messages") },
|
||||||
'Notification': { path: '#/notifs', icon: 'fa-bell', text: i18n("app.notifications") },
|
'Notification': { path: '#/notifs', icon: 'fa-bell', text: i18n("app.notifications") },
|
||||||
'Forum': { path: '#/forums', icon: 'fa-envelope', text: i18n("app.forum") },
|
'Forum': { path: '#/forum', icon: 'fa-envelope', text: i18n("app.forum") },
|
||||||
'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") },
|
||||||
|
|||||||
@ -1,50 +0,0 @@
|
|||||||
/*******************************************************
|
|
||||||
* File: forum.js
|
|
||||||
* Author: Anthony Debucquoy
|
|
||||||
* Scope: Extension messagerie
|
|
||||||
* Description: Forum related functions and calls
|
|
||||||
*******************************************************/
|
|
||||||
|
|
||||||
import { ref } from 'vue'
|
|
||||||
import { restGet, restPost, restDelete, restPatch } from './restConsumer.js'
|
|
||||||
|
|
||||||
/**
|
|
||||||
* List forums of a course
|
|
||||||
*/
|
|
||||||
export async function getForumsOfCourse(id){
|
|
||||||
ForumsOfCurrentCourse.value = await restGet("/forums/" + id)
|
|
||||||
}
|
|
||||||
|
|
||||||
export const ForumsOfCurrentCourse = ref();
|
|
||||||
|
|
||||||
export function createForum(id, name){
|
|
||||||
restPost("/forums/" + id, {name: name}).then(_ => getForumsOfCourse(id));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* List post of a specified forum
|
|
||||||
*/
|
|
||||||
export async function getPostsOfForum(id){
|
|
||||||
if(id != null){
|
|
||||||
PostsOfCurrentForum.value = await restGet("/forum/" + id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createPost(id, subject, content){
|
|
||||||
restPost("/forum/" + id, {subject: subject, content: content}).then(_ => getPostsOfForum(id));
|
|
||||||
}
|
|
||||||
|
|
||||||
export const PostsOfCurrentForum = ref();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get a post and its responses
|
|
||||||
*/
|
|
||||||
export async function fetchPost(id){
|
|
||||||
fetchedPost.value = await restGet("/forum/post/" + id);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function sendAnswer(id, content){
|
|
||||||
restPost("/forum/post/" + id, {content: content}).then(_ => fetchPost(id))
|
|
||||||
}
|
|
||||||
|
|
||||||
export const fetchedPost = ref();
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
/*******************************************************
|
|
||||||
* File: msg.js
|
|
||||||
* Author: Anthony Debucquoy
|
|
||||||
* Scope: Extension messagerie
|
|
||||||
* Description: Messages frontend api consumer
|
|
||||||
*******************************************************/
|
|
||||||
|
|
||||||
import { restGet, restPost, restPatch } from './restConsumer.js'
|
|
||||||
import { ref } from 'vue'
|
|
||||||
|
|
||||||
/**
|
|
||||||
* - id
|
|
||||||
* - name
|
|
||||||
* - members
|
|
||||||
*/
|
|
||||||
export const discussionsList = ref();
|
|
||||||
export const currentDiscussion = ref([]);
|
|
||||||
let timerSet = false
|
|
||||||
|
|
||||||
|
|
||||||
export async function createDiscussion(name){
|
|
||||||
let disc = await restPost("/discussion", {name: name});
|
|
||||||
discussionsList.value.push(disc);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export async function invite(id, regNo){
|
|
||||||
restPatch("/discussion/"+ id+ "/add", {regNo: parseInt(regNo)}).then(() => fetchDiscussion(id))
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function removeMember(id, regNo){
|
|
||||||
restPatch("/discussion/"+ id+ "/remove", {regNo: parseInt(regNo)}).then(() => fetchDiscussion(id))
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function sendMessage(id, content, responseId){
|
|
||||||
let data = {
|
|
||||||
content: content,
|
|
||||||
response: responseId,
|
|
||||||
}
|
|
||||||
restPost("/discussion/" + id, data).then(() => fetchDiscussion(id));
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function updateDiscussionName(id, name){
|
|
||||||
restPatch("/discussion/" + id, {name: name}).then(() => fetchDiscussions());
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
async function fetchDiscussions(){
|
|
||||||
discussionsList.value = await restGet("/discussions");
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function fetchDiscussion(id){
|
|
||||||
currentDiscussion.value = await restGet("/discussion/" + id);
|
|
||||||
if(!timerSet){
|
|
||||||
timerSet = true;
|
|
||||||
setTimeout(() => {timerSet = false;fetchDiscussion(currentDiscussion.value.id)} , 5000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
await fetchDiscussions();
|
|
||||||
Reference in New Issue
Block a user