Skip to content
Snippets Groups Projects
Commit 2ed39f07 authored by Tamás Szabó's avatar Tamás Szabó
Browse files

added homework 4 files

parent 0f33f85d
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
app.js
+ 4
− 0
View file @ 2ed39f07
...@@ -5,6 +5,10 @@ const bodyParser = require('body-parser'); ...@@ -5,6 +5,10 @@ const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded()); app.use(bodyParser.urlencoded());
app.use(bodyParser.json()); app.use(bodyParser.json());
app.set('view engine', 'ejs');
app.use(express.static('public'));
app.use((req, res, next) => { app.use((req, res, next) => {
res.error = []; res.error = [];
res.tpl = {}; res.tpl = {};
......
package-lock.json
+ 5
− 0
View file @ 2ed39f07
...@@ -83,6 +83,11 @@ ...@@ -83,6 +83,11 @@
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
"integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
}, },
"ejs": {
"version": "2.5.7",
"resolved": "https://registry.npmjs.org/ejs/-/ejs-2.5.7.tgz",
"integrity": "sha1-zIcsFoiArjxxiXYv1f/ACJbJUYo="
},
"encodeurl": { "encodeurl": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.1.tgz", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.1.tgz",
......
package.json
+ 1
− 0
View file @ 2ed39f07
...@@ -20,6 +20,7 @@ ...@@ -20,6 +20,7 @@
"homepage": "https://szakitom.github.io/node_homework/", "homepage": "https://szakitom.github.io/node_homework/",
"dependencies": { "dependencies": {
"body-parser": "^1.18.2", "body-parser": "^1.18.2",
"ejs": "^2.5.7",
"express": "^4.16.0" "express": "^4.16.0"
} }
} }
views/episode.ejs 0 → 100644
+ 33
− 0
View file @ 2ed39f07
<%- include('header') %>
<%- include('menu', { title: episode.title }) %>
<div class="ui padded text container">
<div class="ui form">
<div class="inline field">
<label>Rating</label>
<div class="ui rating" data-rating="<%= episode.rating %>" max-rating="5"></div>
</div>
<div class="inline fields">
<div class="field">
<label>Seen?</label>
</div>
<div class="inline field">
<div class="ui toggle checkbox <% episode.seen ? checked : '' %>">
<input type="checkbox" checked="<% episode.seen %>" class="hidden">
<label></label>
</div>
</div>
</div>
</div>
</div>
<script>
$('.rating')
.rating({
initialRating: 2,
maxRating: 5
});
$('.checkbox')
.checkbox('attach events', '.toggle.button');
</script>
<%- include('footer') %>
views/episodeEdit.ejs 0 → 100644
+ 38
− 0
View file @ 2ed39f07
<%- include('header') %>
<%- include('menu', { title: episode.title }) %>
<div class="ui padded text container">
<div class="ui form">
<div class="inline field">
<label>Rating</label>
<div class="ui rating" data-rating="<%= episode.rating %>" max-rating="5"></div>
</div>
<div class="inline fields">
<div class="field">
<label>Seen?</label>
</div>
<div class="inline field">
<div class="ui toggle checkbox <% episode.seen ? checked : '' %>">
<input type="checkbox" checked="<% episode.seen %>" class="hidden">
<label></label>
</div>
</div>
</div>
<div class="ui buttons right floated">
<button class="ui negative button submit">Delete</button>
<div class="or"></div>
<button class="ui positive button submit">Save</button>
</div>
</div>
</div>
<script>
$('.rating')
.rating({
initialRating: 2,
maxRating: 5
});
$('.checkbox')
.checkbox('attach events', '.toggle.button');
</script>
<%- include('footer') %>
views/footer.ejs 0 → 100644
+ 3
− 0
View file @ 2ed39f07
</body>
</html>
views/header.ejs 0 → 100644
+ 13
− 0
View file @ 2ed39f07
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Series</title>
<script src="/js/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="/semantic/semantic.min.css">
<script src="/semantic/semantic.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
views/menu.ejs 0 → 100644
+ 7
− 0
View file @ 2ed39f07
<div class="ui item menu">
<% if (title === undefined) { %>
<a class="item active" href="">Back</a>
<% } else { %>
<a class="item active" href=""><%= title %></a>
<% } %>
</div>
views/serie.ejs 0 → 100644
+ 56
− 0
View file @ 2ed39f07
<%- include('header') %>
<%- include('menu', { title: serie.title }) %>
<div class="ui padded text container">
<div class="ui progress success active" data-percent="<%= serie.progress %>">
<div class="bar" style="width: <%= serie.progress %>%;">
<div class="progress"><%= serie.progress %>%</div>
</div>
</div>
<div class="ui segment">
<img class="ui small left floated image" src="<%= serie.image %>">
<p>
<%= serie.description %>
</p>
<div class="three column doubling ui grid">
<% serie.episodes.forEach(episode => { %>
<div class="column">
<div class="ui card">
<div class="content">
<div class="right floated meta"><i class="eye icon"></i></div>
<div class="header">
<a href="/series/<%= serie.id %>/episode/<%= episode.id %>">
<%= episode.title %>
</a>
</div>
<div class="description">
<% stars.forEach(star => {
<% if (star.isFull) { %>
<i class="star icon"></i>
<% } else { %>
<i class="empty star icon"></i>
<% } %>
<% }) %>
</div>
</div>
<div class="extra content">
<a href="/series/<%= serie.id %>/episode/<%= episode.id %>/edit"><i class="pencil icon"></i> Edit</a>
</div>
</div>
</div>
<% }) %>
</div>
</div>
</div>
<div style="bottom: 10px;position:fixed;right:20px;z-index:1000;">
<button onclick="document.location='/series/<%= serie.id %>/episode/new'" class="circular ui icon button blue">
<i class="icon plus"></i>
</button>
</div>
<%- include('footer') %>
views/serieEdit.ejs 0 → 100644
+ 41
− 0
View file @ 2ed39f07
<%- include('header') %>
<%- include('menu', { title: serie.title }) %>
<div class="ui padded text container">
<div class="ui form">
<div class="inline fields">
<div class="sixteen wide field">
<label>Title</label>
<% if (serie.title !== undefined) { %>
<input type="text" placeholder="<%= serie.title %>">
<% } else { %>
<input type="text" placeholder="Title">
<% } %>
</div>
</div>
<div class="inline field">
<label>Cover image</label>
<% if (serie.image !== undefined) { %>
<img class="ui medium centered image" src="<%= serie.image %>">
<% } else { %>
<img class="ui medium centered image" src="/images/placeholder.png">
<% } %>
</div>
<div class="inline fields">
<div class="sixteen wide field">
<label>Description</label>
<textarea rows="2">
<% if (serie.description !== undefined) { %>
<%= serie.description %>
<% } %>
</textarea>
</div>
</div>
<div class="ui buttons right floated">
<button class="ui negative button submit">Delete</button>
<div class="or"></div>
<button class="ui positive button submit">Save</button>
</div>
</div>
</div>
<%- include('footer') %>
views/series.ejs 0 → 100644
+ 41
− 0
View file @ 2ed39f07
<%- include('header') %>
<%- include('menu', { title: 'Series Tracker' }) %>
<div class="five column doubling padded ui grid">
<% series.forEach(serie => { %>
<div class="column">
<div class="ui card">
<a class="image" href="/series/<%= serie.id %>">
<div class="ui slide masked reveal image">
<img src="<% serie.image %>" class="visible content">
</div>
</a>
<div class="content">
<a class="header" href="/series/<%= serie.id %>"><%= serie.title %></a>
<div class="meta">
<span class="date">Added on <% serie._createdAt %></span>
</div>
</div>
<div class="extra content">
<div class="ui progress success active" data-percent="<%= serie.progress %>">
<div class="bar" style="width: <%= serie.progress %>%;"></div>
</div>
</div>
<a href="/series/<%= serie.id %>/edit">
<div class="ui bottom attached button">
<i class="pencil icon"></i> Edit
</div>
</a>
</div>
</div>
<% }) %>
</div>
<div style="bottom: 10px;position:fixed;right:20px;z-index:1000;">
<button onclick="document.location='/series/new'" class="circular ui icon button blue">
<i class="icon plus"></i>
</button>
</div>
<%- include('footer') %>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Hosted with :heart: by KSZK