Flare-k

Add mixin and Modify Join&Login

export const join = (req, res) => res.render("join", { pageTitle: "Join" });
export const login = (req, res) => res.render("login", { pageTitle: "Login" });
export const logout = (req, res) => res.render("logout", { pageTitle: "Logout" });
import routes from "../routes";
// 회원가입 -> 완료 -> 홈화면으로 Redirect
export const getJoin = (req, res) => {
res.render("join", { pageTitle: "Join" });
};
export const postJoin = (req, res) => {
const {
body: { name, email, password, password2 },
} = req;
if (password !== password2) {
res.status(400);
res.render("join", { pageTitle: "Join" });
} else {
// To Do: Register User
// To Do: Log user in
res.redirect(routes.home);
}
};
export const getLogin = (req, res) =>
res.render("login", { pageTitle: "Login" });
export const postLogin = (req, res) => {
res.redirect(routes.home);
};
export const logout = (req, res) =>
res.render("logout", { pageTitle: "Logout" });
export const users = (req, res) => res.render("users", { pageTitle: "Users" });
export const userDetail = (req, res) => res.render("userDetail", { pageTitle: "User Detail" });
export const editProfile = (req, res) => res.render("editProfile", { pageTitle: "Edit Profile" });
export const changePassword = (req, res) => res.render("changePassword", { pageTitle: "Change Password" });
\ No newline at end of file
export const userDetail = (req, res) =>
res.render("userDetail", { pageTitle: "User Detail" });
export const editProfile = (req, res) =>
res.render("editProfile", { pageTitle: "Edit Profile" });
export const changePassword = (req, res) =>
res.render("changePassword", { pageTitle: "Change Password" });
\ No newline at end of file
......
export const home = (req, res) => res.render("home", { pageTitle: "Home" });
import { videos } from "../db";
export const home = (req, res) => {
res.render("home", { pageTitle: "Home", videos });
};
export const search = (req, res) => {
const {
query: { term: searchingBy }
query: { term: searchingBy },
} = req; // == const searchingBy = req.query.term;
res.render("search", { pageTitle: "Search", searchingBy });
}
res.render("search", { pageTitle: "Search", searchingBy, videos });
};
export const videos = (req, res) => res.send("videos", { pageTitle: "Videos" });
export const upload = (req, res) => res.render("upload", { pageTitle: "Upload" });
export const videoDetail = (req, res) => res.render("videoDetail", { pageTitle: "Video Detail" });
export const editVideo = (req, res) => res.render("editVideo", { pageTitle: "Edit Video" });
......
export const videos = [{
id: 324393,
title: "Video awesome",
description: "This is something I love",
views: 24,
videoFile: "https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4",
creator: {
id: 121212,
name: "Nicolas",
email: "nico@las.com",
},
},
{
id: 1212121,
title: "Video super",
description: "This is something I love",
views: 24,
videoFile: "https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4",
creator: {
id: 121212,
name: "Nicolas",
email: "nico@las.com",
},
},
{
id: 55555,
title: "Video nice",
description: "This is something I love",
views: 24,
videoFile: "https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4",
creator: {
id: 121212,
name: "Nicolas",
email: "nico@las.com",
},
},
{
id: 11111,
title: "Video perfect",
description: "This is something I love",
views: 24,
videoFile: "https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4",
creator: {
id: 121212,
name: "Nicolas",
email: "nico@las.com",
},
},
];
\ No newline at end of file
......@@ -3,5 +3,9 @@ import routes from "./routes";
export const localsMiddleware = (req, res, next) => {
res.locals.siteName = 'my Youtube';
res.locals.routes = routes;
res.locals.user = {
isAuthenticated: true,
id: 1,
};
next();
};
\ No newline at end of file
......
import express from "express";
import routes from "../routes";
import { home, search } from "../controllers/videoController";
import { join, login, logout } from "../controllers/userController";
import {
logout,
getJoin,
postJoin,
getLogin,
postLogin,
} from "../controllers/userController";
const globalRouter = express.Router();
globalRouter.get(routes.home, home);
globalRouter.get(routes.join, join);
globalRouter.get(routes.login, login);
globalRouter.get(routes.join, getJoin);
globalRouter.post(routes.join, postJoin);
globalRouter.get(routes.login, getLogin);
globalRouter.post(routes.login, postLogin);
globalRouter.get(routes.logout, logout);
globalRouter.get(routes.search, search);
export default globalRouter;
\ No newline at end of file
......
import express from "express";
import routes from "../routes";
import { users, userDetail, editProfile, changePassword } from "../controllers/userController";
import {
userDetail,
editProfile,
changePassword,
} from "../controllers/userController";
const userRouter = express.Router();
userRouter.get(routes.users, users);
userRouter.get(routes.editProfile, editProfile);
userRouter.get(routes.userDetail, userDetail);
userRouter.get(routes.changePassword, changePassword);
userRouter.get(routes.userDetail(), userDetail);
export default userRouter;
/*
userRouter.get("/", (req, res) => res.send("user index"));
userRouter.get("/edit", (req, res) => res.send("user edit"));
......
import express from "express";
import routes from "../routes";
import { videos, upload, videoDetail, editVideo, deleteVideo } from "../controllers/videoController";
import {
upload,
videoDetail,
editVideo,
deleteVideo,
} from "../controllers/videoController";
//export const videoRouter = express.Router(); 이렇게하면 이 변수만 export하게 된다.
const videoRouter = express.Router();
videoRouter.get(routes.videos, videos);
videoRouter.get(routes.upload, upload);
videoRouter.get(routes.videoDetail, videoDetail);
videoRouter.get(routes.editVideo, editVideo);
videoRouter.get(routes.videoDetail(), videoDetail);
videoRouter.get(routes.deleteVideo, deleteVideo);
export default videoRouter;
\ No newline at end of file
......
//Global
// Global
const HOME = "/";
const JOIN = "/join";
const LOGIN = "/login";
......@@ -25,14 +25,26 @@ const routes = {
logout: LOGOUT,
search: SEARCH,
users: USERS,
userDetail: USER_DETAIL,
userDetail: (id) => {
if (id) {
return `/users/${id}`;
} else {
return USER_DETAIL;
}
},
editProfile: EDIT_PROFILE,
changePassword: CHANGE_PASSWORD,
videos: VIDEOS,
upload: UPLOAD,
videoDetail: VIDEO_DETAIL,
videoDetail: (id) => {
if (id) {
return `/videos/${id}`;
} else {
return VIDEO_DETAIL;
}
},
editVideo: EDIT_VIDEO,
deleteVideo: DELETE_VIDEO
deleteVideo: DELETE_VIDEO,
};
export default routes;
\ No newline at end of file
......
extends layouts/main
block content
p Hello This is change Password
\ No newline at end of file
.form-container
form(action=`/users${routes.changePassword}`, method="post")
input(type="password", name="oldPasswod", placeholder="Current Password")
input(type="password", name="newPassword", placeholder="New Password")
input(type="password", name="newPassword1", placeholder="Verify New Password")
input(type="submit", value="Change Password")
\ No newline at end of file
......
......@@ -8,4 +8,4 @@ block content
input(type="text", placeholder="Name", name="name")
input(type="email", placeholder="Email", name="email")
input(type="submit", value="Update Profile")
a.form-container__link(href=routes.changePassword) Change Password
\ No newline at end of file
a.form-container__link(href=`/users${routes.changePassword}`) Change Password
\ No newline at end of file
......
extends layouts/main
block content
p Hello This is edit Video
\ No newline at end of file
.form-container
form(action=`/videos${routes.editVideo}`, method="post")
input(type="text", placeholder="Title", name="title")
textarea(name="description", placeholder="Description")
input(type="submit", value="Update Video")
a.form-container__link.form-container__link--delete(href=`/videos${routes.deleteVideo}`) Delete Video
\ No newline at end of file
......
extends layouts/main
include mixins/videoBlock
block content
.videos
h1 Video
\ No newline at end of file
each item in videos
+videoBlock({
title : item.title,
views: item.views,
videoFile:item.videoFile
})
\ No newline at end of file
......
mixin videoBlock(video = {})
.videoBlock
video.videoBlock__thumbnail(src=video.videoFile, controls=true)
h4.videoBlock__title=video.title
h6.videoBlock__views=video.views
\ No newline at end of file
......@@ -7,7 +7,15 @@ header.header
input(type="text", placeholder="Search by term...", name="term")
.header__column
ul
li
a(href=routes.join) Join
li
a(href=routes.login) Log In
if !user.isAuthenticated
li
a(href=routes.join) Join
li
a(href=routes.login) Log In
else
li
a(href=routes.upload) Upload
li
a(href=routes.userDetail(user.id)) Profile
li
a(href=routes.logout) Log out
......
extends layouts/main
include mixins/videoBlock
block content
.search__header
h3 Searching for: #{searchingBy}
\ No newline at end of file
h3 Searching for: #{searchingBy}
.search__videos
each item in videos
+videoBlock({
title : item.title,
views: item.views,
videoFile:item.videoFile
})
\ No newline at end of file
......
extends layouts/main
block content
p Hello This is Upload
\ No newline at end of file
.form-container
form(action=`/videos${routes.upload}`, method="post")
label(for="file") Video File
input(type="file", id="file", name="file")
input(type="text", placeholder="Title", name="title")
textarea(name="description", placeholder="Description")
input(type="submit", value="Upload Video")
\ No newline at end of file
......