aykhans/portfolio-blog
1
0
Fork 0
mirror of https://github.com/aykhans/portfolio-blog.git synced 2025-09-10 08:00:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

- Edited login page js

Browse Source 
- Added get user or None functions
This commit is contained in:
Aykhan
2023-09-13 02:32:35 +04:00
parent 006f2af15b
commit acea33c0b2
5 changed files with 100 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/templates/admin/login.html
View File

@@ -13,6 +13,7 @@
<div class="container" style="margin-top: 10rem;">
<div class="row">
<div class="col-md-10 col-lg-4 mx-auto">
<p id="responseError"></p>
<form id="loginForm">
<div class="form-outline mb-4">
<input type="email" id="form2Example1" name="email" class="form-control" />
@@ -42,13 +43,26 @@
method: 'POST',
body: formData,
})
.then(response => response.json())
.then(response => {
if (response.status === 200) {
console.log(response.json)
return response.json();
} else if (response.status === 400) {
throw new Error('Email or password incorrect.');
}
else {
throw new Error(`HTTP Error! Status: ${response.status}`);
}
})
.then(data => {
console.log(data)
const accessToken = data.access_token;
localStorage.setItem('accessToken', accessToken)
var now = new Date();
now.setDate(now.getDate() + 30);
document.cookie = `access_token=${accessToken};expires=${now.toUTCString()};path=/`;
})
.catch(error => {
console.error('Login error:', error);
document.getElementById('responseError').innerHTML = error.message;
});
}
@@ -58,18 +72,3 @@
</body>
</html>
<!-- <!DOCTYPE html>
<html>
<head>
<title>Login Example</title>
</head>
<body>
<form id="loginForm">
<input type="text" name="email" placeholder="email">
<input type="password" name="password" placeholder="Password">
<button type="submit">Login</button>
</form>
</body>
</html> -->

18
src/app/templates/blog.html
View File

@@ -29,14 +29,16 @@
</div>
<hr>
{% endfor %}
<div class="clearfix">
<button class="btn btn-primary float-end" type="button" style="margin-left: 2rem; background: rgb(0, 133, 161);">
<a href="/blog?skip={{skip}}" style="text-decoration: none; color: inherit;">Older Posts&nbsp;⇒</a>
</button>
<button class="btn btn-primary float-end" type="button" style="background: rgb(0, 133, 161);">
<a href="/blog?skip={{skip}}&new=true" style="text-decoration: none; color: inherit;">⇐&nbsp;Newer Posts</a>
</button>
</div>
{% if posts|length > 5 %}
<div class="clearfix">
<button class="btn btn-primary float-end" type="button" style="margin-left: 2rem; background: rgb(0, 133, 161);">
<a href="/blog?skip={{skip}}" style="text-decoration: none; color: inherit;">Older Posts&nbsp;⇒</a>
</button>
<button class="btn btn-primary float-end" type="button" style="background: rgb(0, 133, 161);">
<a href="/blog?skip={{skip}}&new=true" style="text-decoration: none; color: inherit;">⇐&nbsp;Newer Posts</a>
</button>
</div>
{% endif %}
</div>
</div>
</div>