Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Solution #54

Open
wants to merge 14 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
feat: add posts
  • Loading branch information
iyehorova committed Nov 7, 2024
commit bc9831903aff1e35c3bfc23b701c6e1aed0e5b0d
16 changes: 0 additions & 16 deletions addPost.html

This file was deleted.

9 changes: 0 additions & 9 deletions comment.html

This file was deleted.

9 changes: 9 additions & 0 deletions comments/comment.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<article class="message is-small">
<div class="message-header">
<a href="{`mailto:${email}`}"> name </a>
<button type="button" class="delete is-small" aria-label="delete">
delete button
</button>
</div>
<div class="message-body">el body</div>
</article>
3 changes: 3 additions & 0 deletions comments/noCommentsYet.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<div class="block">
<p class="title is-4">No comments yet</p>
</div>
1 change: 1 addition & 0 deletions comments/writeCommentBtn.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<button type="button" class="button is-link">Write a comment</button>
16 changes: 8 additions & 8 deletions header.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<nav className="navbar" role="navigation" aria-label="main navigation">
<div className="navbar-item">
<h2 className="is-size-4">Vue List Of Posts</h2>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-item">
<h2 class="is-size-4">Vue List Of Posts</h2>
</div>
<div className="navbar-end">
<div className="navbar-item">
<div className="buttons">
<div className="mr-5 mb-2">
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<div class="mr-5 mb-2">
<p>User: {user.name}</p>
</div>

<a className="button is-light"> Logout </a>
<a class="button is-light"> Logout </a>
</div>
</div>
</div>
18 changes: 9 additions & 9 deletions inputField.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
<div className="field" data-cy="NameField">
<label className="label" htmlFor="{`comment-author-name-${name}`}">
<div class="field" data-cy="NameField">
<label class="label" htmlFor="{`comment-author-name-${name}`}">
title
</label>
<div className="control has-icons-left has-icons-right">
<div class="control has-icons-left has-icons-right">
<input
type="text"
name="{name}"
id="{`comment-author-name-${name}`}"
placeholder="{placeholder}"
className="input is-danger"
class="input is-danger"
/>
<span className="icon is-small is-left">
<i className="fas fa-user"></i>
<span class="icon is-small is-left">
<i class="fas fa-user"></i>
</span>

<span
className="icon is-small is-right has-text-danger"
class="icon is-small is-right has-text-danger"
data-cy="ErrorIcon"
>
<i className="fas fa-exclamation-triangle"></i>
<i class="fas fa-exclamation-triangle"></i>
</span>
</div>

<p className="help is-danger" data-cy="ErrorMessage">error text</p>
<p class="help is-danger" data-cy="ErrorMessage">error text</p>
</div>
6 changes: 0 additions & 6 deletions loader/index.html

This file was deleted.

24 changes: 12 additions & 12 deletions login.html
Original file line number Diff line number Diff line change
@@ -1,30 +1,30 @@
<section className="container is-flex is-justify-content-center">
<form onSubmit="{handleSubmit}" className="box mt-5">
<h1 className="title is-3">You need to register"</h1>
<section class="container is-flex is-justify-content-center">
<form onSubmit="{handleSubmit}" class="box mt-5">
<h1 class="title is-3">You need to register"</h1>

<div className="field">
<label className="label" htmlFor="user-email"> Email </label>
<div class="field">
<label class="label" htmlFor="user-email"> Email </label>

<div className="control has-icons-left">
<div class="control has-icons-left">
<input
type="email"
id="user-email"
name="email"
className="input"
class="input"
placeholder="Enter your email"
required
/>

<span className="icon is-small is-left">
<i className="fas fa-envelope" />
<span class="icon is-small is-left">
<i class="fas fa-envelope" />
</span>
</div>

<p className="help is-danger">error message</p>
<p class="help is-danger">error message</p>
</div>

<div className="field">
<button type="submit" className="button is-primary">Login</button>
<div class="field">
<button type="submit" class="button is-primary">Login</button>
</div>
</form>
</section>
14 changes: 7 additions & 7 deletions needToRegister.html
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
<div className="field">
<label className="label" htmlFor="user-name"> Your Name </label>
<div class="field">
<label class="label" htmlFor="user-name"> Your Name </label>

<div className="control has-icons-left">
<div class="control has-icons-left">
<input
type="text"
id="user-name"
name="name"
className="input"
class="input"
placeholder="Enter your name"
required
minlength="{4}"
/>

<span className="icon is-small is-left">
<i className="fas fa-user" />
<span class="icon is-small is-left">
<i class="fas fa-user" />
</span>
</div>

<p className="help is-danger">error message</p>
<p class="help is-danger">error message</p>
</div>
3 changes: 0 additions & 3 deletions noCommentsYet.html

This file was deleted.

107 changes: 107 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -9,6 +9,8 @@
"preview": "vite preview"
},
"dependencies": {
"axios": "^1.7.7",
"bulma": "^0.9.4",
"vue": "^3.5.12",
"vue-router": "^4.4.5"
},
3 changes: 0 additions & 3 deletions postLoader.html

This file was deleted.

14 changes: 7 additions & 7 deletions postPreview.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
<div className="block">
<div class="block">
<div
className="is-flex is-justify-content-space-between is-align-items-center"
class="is-flex is-justify-content-space-between is-align-items-center"
>
<h2>#post id: post title</h2>
<div className="is-flex">
<span className="icon is-small is-right is-clickable">
<i className="fas fa-pen-to-square"></i>
<div class="is-flex">
<span class="icon is-small is-right is-clickable">
<i class="fas fa-pen-to-square"></i>
</span>
<span
className="icon is-small is-right has-text-danger is-clickable ml-3"
class="icon is-small is-right has-text-danger is-clickable ml-3"
>
<i className="fas fa-trash"></i>
<i class="fas fa-trash"></i>
</span>
</div>
</div>
Loading