noan.randon
/
Favor
3
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout post

Browse Source
master
Noan07 2 years ago
parent 2c0442b045
commit f05a1a0d14
19 changed files with 169 additions and 164 deletions
Show Stats Download Patch File Download Diff File

9
Site Web/client/src/actions/post.actions.js
Unescape View File

@ -19,10 +19,13 @@ export const getPostsDisc = (num) => {
return axios
.get(`${process.env.REACT_APP_API_URL}api/post/`)
.then((res) => {
console.log("test");
let array = res.data.sort((a, b) => b.likers.length - a.likers.length);
let currentTime = new Date().getTime();
let array = res.data.filter(post => {
let postTime = new Date(post.createdAt);
return (currentTime - postTime) / (1000 * 60 * 60) < 24
});
array = array.sort((a, b) => b.likers.length - a.likers.length);
array = array.slice(0, num);
console.log(array);
dispatch(setPostData(array));
})
.catch((err) => console.log(err))

51
Site Web/client/src/components/AjoutLien.js
Unescape View File

@ -10,33 +10,43 @@ const AjoutLien = () => {
const [displayAdd, setDisplayAdd] = useState(false);
const [lien, setLien] = useState("");
const [description, setDescription] = useState("");
const [tag, setTag] = useState('');
const [tags, setTags] = useState([]);
const dispatch = useDispatch();
const handleSubmit = (e) => {
e.preventDefault();
setTags([...tags, tag]);
setTag('');
}
const handlePost = async () => {
if(isValidUrl(lien))
if ((description || lien) ){
putData();
dispatch(getPosts());
cancelPost();
setDisplayAdd(false);
window.location.reload();
}else {
alert("Veuillez compléter tous les champs.")
if(isValidUrl(lien)){
if ((description || lien) && tags.length > 0){
putData();
dispatch(getPosts());
cancelPost();
setDisplayAdd(false);
window.location.reload();
}else {
alert("Veuillez compléter tous les champs et ajouter au moins un tag.")
}
}else{
alert("Veuillez saisir un lien valide.")
}
else{
alert("Ce n'est pas lien!")
}
};
const cancelPost = () => {
setDescription("");
setLien("");
setTags([]);
};
const putData = async() => {
axios
.post(`${process.env.REACT_APP_API_URL}api/post/`, { postedId: userData._id, message: description, lien: lien}
.post(`${process.env.REACT_APP_API_URL}api/post/`, { postedId: userData._id, message: description, lien: lien, tags: tags}
)
.then((res) => {
// if (res.data.errors) {
@ -95,6 +105,19 @@ const AjoutLien = () => {
/>
</div>
<input
type="text"
value={tag}
onChange={e => setTag(e.target.value)}
/>
<i type="submit" onClick={handleSubmit}>Add Tag</i>
<ul>
{tags.map(t => (
<li key={t}>{t}</li>
))}
</ul>
<div id="newPoste-buttonForm">
<div>
<button onClick={() => setDisplayAdd(false)} className="newPoste-btn-cancel" >retour</button>

51
Site Web/client/src/components/Navbar.js
Unescape View File

@ -11,55 +11,6 @@ import { addPost, getPosts } from "../actions/post.actions";
const Navbar = () => {
const uid = useContext( UidContext );
const userData = useSelector((state) => state.user.user);
const [displayAdd, setDisplayAdd] = useState(false);
const [lien, setLien] = useState("");
const [description, setDescription] = useState("");
const dispatch = useDispatch();
const handlePost = () => {
if ((description || lien) ){
const data = new FormData();
data.append('postedId', userData._id);
data.append('message', description);
data.append('lien', lien);
//console.log("test",data);
putData(data);
console.log(data);
cancelPost();
setDisplayAdd(false)
}else {
alert("Veuillez compléter tous les champs.")
}
};
const putData = async(data) => {
axios
.post(`${process.env.REACT_APP_API_URL}api/post/`, { postedId: userData._id, message: description, lien: lien}
)
.then((res) => {
console.log(data,"test");
// if (res.data.errors) {
// dispatch(setPostError({payload: res.data.errors }));
// } else {
// dispatch(setPostError({payload: "" }));
// }
})};
const cancelPost = () => {
setDescription("");
setLien("");
};
const isValidUrl = (url) => {
try {
new URL(url);
return true;
}catch {
return false;
}
}
const removeCookie = (key) => {
if(window !== "undefined"){
@ -111,7 +62,7 @@ const Navbar = () => {
<li className="navbar-item">
<NavLink to={`/Profil/${uid}`} className="navbar-link">
<i className="fas fa-user navbar-icon"></i>
<span className="navbar-title">Me</span>
<span className="navbar-title">Profil</span>
</NavLink>
</li>
<li className="navbar-item">

3
Site Web/client/src/components/NewPoste.js
Unescape View File

@ -10,17 +10,14 @@ const NewPoste = ({ post }) => {
<div className="newPoste-form-popup" id="newPoste-popupFormulaireCreationPoste">
<form action="/action_page.php" className="newPoste-form-container">
<div className="newPoste-input">
{/* <label for="lien">Lien:</label> */}
<input type="text" name="lien" required />
</div>
<div className="newPoste-input">
{/* <label for="description">Description:</label> */}
<textarea name="description" row="250"></textarea>
</div>
<div id="newPoste-buttonForm">
<div>
{/* <button type="button" className="newPoste-btn-cancel" onclick="closeForm()">retour</button> */}
<button type="button" className="newPoste-btn-cancel" >retour</button>
</div>
<div>

61
Site Web/client/src/components/Post/ButtonLike.js
Unescape View File

@ -6,35 +6,40 @@ import CoeurPlein from '../../assets/img/coeursPlein.png';
import { likePost, unlikePost } from '../../actions/post.actions';
const ButtonLike = ( { post } ) => {
const [liked, setLiked] = useState(false);
const uid = useContext(UidContext);
const dispatch = useDispatch();
const like = () => {
dispatch(likePost(post._id, uid))
setLiked(true);
};
const unlike = () => {
dispatch(unlikePost(post._id, uid))
setLiked(false);
};
useEffect(() => {
if (post.likers.includes(uid)) setLiked(true);
else setLiked(false);
}, [uid, post.likers, liked]);
const [liked, setLiked] = useState(false);
const uid = useContext(UidContext);
const dispatch = useDispatch();
return (
<div>
{uid && liked === false && (
<img src={Coeur} onClick={like} alt="like" />
)}
{uid && liked && (
<img src={CoeurPlein} onClick={unlike} alt="unlike" />
)}
</div>
);
const like = (e) => {
e.preventDefault();
dispatch(likePost(post._id, uid));
setLiked(true);
};
const unlike = (e) => {
e.preventDefault();
dispatch(unlikePost(post._id, uid));
setLiked(false);
};
useEffect(() => {
if (post.likers.includes(uid)) {
setLiked(true);
} else {
setLiked(false);
}
}, [uid, post.likers, liked]);
return (
<div>
{uid && liked === false && (
<img src={Coeur} onClick={like} alt="like" />
)}
{uid && liked && (
<img src={CoeurPlein} onClick={unlike} alt="unlike" />
)}
</div>
);
};
export default ButtonLike;

7
Site Web/client/src/components/Post/DisplayPosts.js
Unescape View File

@ -13,13 +13,11 @@ const DisplayPosts = ( {type} ) => {
const loadMore = () => {
if (window.innerHeight + document.documentElement.scrollTop + 1 > document.scrollingElement.scrollHeight){
setLoadPost(true);
setCount(count + 5);
}
}
useEffect(() => {
while(postsData== null){
}
if (loadPost) {
if(type === "discover"){
dispatch(getPostsDisc(count));
@ -28,7 +26,6 @@ const DisplayPosts = ( {type} ) => {
dispatch(getPosts(count));
}
setLoadPost(false);
setCount(count + 5);
}
window.addEventListener('scroll', loadMore);
return () => window.removeEventListener('scroll',loadMore);
@ -37,7 +34,7 @@ const DisplayPosts = ( {type} ) => {
return (
<div>
<ul>
{!isEmpty(postsData[0]) &&
{!isEmpty(postsData) && !isEmpty(postsData[0]) &&
postsData.map((post) => {
return <Post post={post} key={post._id}/>
})}

4
Site Web/client/src/components/Post/Post.js
Unescape View File

@ -35,7 +35,6 @@ const LinkPreview = ({ link }) => {
</a>
</div>
<p>{preview.description}</p>
</>
);
}
@ -46,8 +45,6 @@ const Post = ( { post } ) => {
const [isLoading, setIsLoading] = useState(true);
const usersData = useSelector((state) => state.users.users);
const userData = useSelector((state) => state.user.user);
const [updated,setUpdate] = useState(false);
const [message, setMessage] = useState(null);
const [comments, setComments] = useState(false);
@ -78,7 +75,6 @@ const Post = ( { post } ) => {
<div id="basPoste">
<div id="like">
<ButtonLike post={post}/>
{/* <img src="coeurs.png"/> */}
<div>{post.likers.length}</div>
</div>
<div id="commentaire">

3
Site Web/client/src/components/UserProfil/FollowHandler.js
Unescape View File

@ -11,7 +11,6 @@ const FollowHandler = ( { idToFollow , type } ) => {
const dispatch = useDispatch();
const handleFollow = (e) => {
axios.patch(`${process.env.REACT_APP_API_URL}api/user/follow/` + userData._id, {idToFollow: idToFollow})
.then((res) => {
//dispatch(setUserToFollowData({payload: {idToFollow}}));
@ -19,10 +18,10 @@ const FollowHandler = ( { idToFollow , type } ) => {
.catch((err) => console.log(err));
setIsFollowed(true);
e.preventDefault();
//window.location.reload();
};
const handleUnFollow = (e) => {
axios.patch(`${process.env.REACT_APP_API_URL}api/user/unfollow/` + userData._id, {idToUnFollow: idToFollow})
.then((res) => {
// dispatch(setUserToUnFollowData({payload: {idToFollow}}));

89
Site Web/client/src/pages/SearchBar.js
Unescape View File

@ -1,43 +1,52 @@
import React, { useState } from 'react';
import { useSelector } from 'react-redux';
import Navbar from '../components/Navbar';
import Post from '../components/Post/Post';
import { isEmpty } from '../components/Utils';
const SearchBar = () => {
const [searchValue, setSearchValue] = useState("");
const [searchUsers, setSearchUsers] = useState(true);
const [searchPosts, setSearchPosts] = useState(false);
const [searchResults, setSearchResults] = useState([]);
const postsData = useSelector((state) => state.post.post);
const usersData = useSelector((state) => state.users.users);
const posts = useSelector((state) => state.post.post);
const users = useSelector((state) => state.users.users);
function handleSearch() {
const input = searchValue.toLowerCase();
console.log("Recherche pour : " + input);
const filteredResultsUsers = usersData.filter(function(item) {
return item.pseudo.toLowerCase().indexOf(input) !== -1;
const filteredResultsPosts = posts.filter(function(item) {
return item.tags.some(function(tag) {
return tag.toLowerCase().indexOf(searchValue.toLowerCase()) !== -1;
});
});
const filteredResultsPosts = postsData.filter(function(item) {
return item.message.toLowerCase().indexOf(input) !== -1;
});
const filteredResultsUsers = users.filter(function(item) {
return item.pseudo.toLowerCase().indexOf(searchValue.toLowerCase()) !== -1;
});
if(searchUsers)
setSearchResults(filteredResultsUsers);
if(searchPosts)
setSearchResults(filteredResultsPosts);
function handleSearch() {
console.log(searchResults);
const input = searchValue.toLowerCase();
console.log("Recherche pour : " + input);
if(searchUsers && searchValue !== "")
setSearchResults(filteredResultsUsers);
else if(searchPosts && searchValue !== "")
setSearchResults(filteredResultsPosts);
}
const handleModals = (e) => {
if (e.target.id === "Users") {
setSearchUsers(true);
setSearchPosts(false);
if(searchValue !== "")
setSearchResults(filteredResultsUsers);
} else {
setSearchPosts(true);
setSearchUsers(false);
if(searchValue !== "")
setSearchResults(filteredResultsPosts);
}
};
@ -45,36 +54,38 @@ const SearchBar = () => {
<div>
<Navbar />
<main>
<div className="search-main">
<form>
<input type="text" value={searchValue} onChange={(e) => setSearchValue(e.target.value)} placeholder="Rechercher..." />
<button type="button" onClick={handleSearch}>Rechercher</button>
</form>
<div class="divMenu">
<nav role="navigation" class="navProfil">
<ul class="navItemsProfil">
<li class="navItemProfil">
<a class="navLinkProfil" onClick={handleModals} id="Users" >Utilisateur</a>
</li>
<li class="navItemProfil">
<a class="navLinkProfil" onClick={handleModals} id="Posts" >Postes</a>
</li>
<div className="divMenuSearch">
<nav role="navigation" className="navProfil">
<ul className="navItemsProfil">
<li className="navItemProfil">
<a className="navLinkProfil" onClick={handleModals} id="Users" >Utilisateur</a>
</li>
<li className="navItemProfil">
<a className="navLinkProfil" onClick={handleModals} id="Posts" >Postes</a>
</li>
</ul>
</nav>
{ searchUsers &&
<ul className='listUsers'>
{searchResults.map((result) => (
<li key={result.pseudo}>{result.pseudo}</li>
))}
</ul>
}
{ searchPosts &&
<ul className='listUsers'>
{searchResults.length !== 0 && searchResults.map((result) => (
<Post post={result} key={result._id}/>
))}
</ul>
</nav>
}
</div>
</div>
{ searchUsers &&
<ul>
{searchResults.map((result) => (
<li key={result.pseudo}>{result.pseudo}</li>
))}
</ul>
}
{ searchPosts &&
<ul>
{searchResults.map((result) => (
<li key={result.message}>{result.message}</li>
))}
</ul>
}
</main>
</div>
);

14
Site Web/client/src/reducers/post.reducer.js
Unescape View File

@ -3,7 +3,8 @@ import { createSlice } from "@reduxjs/toolkit";
export const postSlice = createSlice({
name: "post",
initialState: {
post : null,
post : {
},
},
reducers: {
setPostData: (state,action) => {
@ -11,14 +12,13 @@ export const postSlice = createSlice({
console.log(state.post)
},
setPostLikeData: (state,action) => {
console.log(...state.post);
if (state.post._id === action.payload.postId) {
return {
...state.post,
likers: [action.payload.userId, ...state.post.likers],
state.post = {
...state.post,
likers: [action.payload.userId, ...state.post.likers],
};
}
return state.post;
}
console.log(state.post)
},
setPostUnLikeData: (state,action) => {
console.log(state);

1
Site Web/client/src/styles/_settings.scss
Unescape View File

@ -26,6 +26,7 @@ $color-10:#dddddd;
padding: 0;
margin: 0;
box-sizing: border-box;
max-height: 100%;
}
body{

2
Site Web/client/src/styles/index.scss
Unescape View File

@ -12,7 +12,7 @@
@import'./component/postNouvelleAffichage';
@import './pages/searchBar';
@import './component/notif';
@import './pages/trends';

1
Site Web/client/src/styles/pages/_profil.scss
Unescape View File

@ -172,6 +172,7 @@
.navLinkProfil,
.navLinkProfil:link,
.navLinkProfil:visited,

23
Site Web/client/src/styles/pages/_searchBar.scss
Unescape View File

@ -0,0 +1,23 @@
.search-main{
width: 75%;
display: flex;
align-items: center;
flex-direction: column;
}
.divMenuSearch {
background-color: #cccaca;
width: 100%;
height: 500px;
border-radius: 25px;
}
.listUsers{
padding-top: 20px;
li {
list-style: none;
padding-left: 10%;
padding-bottom: 15px;
}
}

4
Site Web/controllers/auth.controller.js
Unescape View File

@ -91,18 +91,14 @@ module.exports.signIn = async (req, res) => {
console.log("signin: ",req.body);
const {email, password} = req.body
try {
console.log("test user1 ");
const user = await UserModel.login({email, password});
console.log("test user2 ");
//creation d'un token
const token = createToken(user._id);
console.log("test user3 ");
res.cookie('jwt', token, { httpOnly: true, maxAge});
console.log("test user4 ");
res.status(200).json({ user: user._id});
}

1
Site Web/controllers/post.controller.js
Unescape View File

@ -24,6 +24,7 @@ module.exports.createPost = async (req, res) => {
message: req.body.message,
lien: req.body.lien,
likers: [],
tags: req.body.tags,
comments: [],
});

2
Site Web/controllers/user.controller.js
Unescape View File

@ -16,11 +16,9 @@ module.exports.getNotif = async (req, res) => {
module.exports.userInfo = (req, res) => {
if (!ObjectID.isValid(req.params.id))
return res.status(400).send("ID unknown : " + req.params.id);
console.log('userinfo:',req.params.id)
UserModel.findById(req.params.id, (err, docs) => {
if (!err) {
console.log('doc:',docs)
res.send(docs);
}
else

6
Site Web/models/post.model.js
Unescape View File

@ -21,6 +21,10 @@ const postSchema = new mongoose.Schema(
type: [String],
required: true
},
tags: {
type: [String],
required: true
},
comments: {
type: [
{
@ -31,7 +35,7 @@ const postSchema = new mongoose.Schema(
}
],
required: true,
},
}
},
{
timestamps: true,

1
Site Web/models/user.model.js
Unescape View File

@ -84,7 +84,6 @@ userSchema.pre("save", async function(next) {
userSchema.statics.login = async function({email, password}) {
const user = await this.findOne( {email} );
console.log(user);
if (user) {
const auth = await bcrypt.compare(password, user.password);
if (auth) {

Write Preview
Loading…
Cancel
Save