Add edit-article.ejs

snkolev18 · Jun 27, 2021 · 7303a87 · 7303a87
1 parent c2c3840
commit 7303a87
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 0 deletions.
diff --git a/views/edit-article.ejs b/views/edit-article.ejs
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    <title>Document</title>
+
+    <link rel="stylesheet" href="/styles/forms.css">
+</head>
+
+<body>
+    <form class="form" action="/articles/new" method="POST">
+        <h1>Edit or delete article</h1>
+        <hr>
+        <label for="id">ID:</label>
+        <input type="text" name="id" id="id" required>
+
+        <label for="title">Edit title:</label>
+        <input type="text" name="title" id="title" required>
+
+        <label for="content">Edit content:</label>
+        <textarea rows="5" name="content" id="content" required></textarea>
+        <button type="submit" class="registerbtn">Post</button>
+        <button type="submit" class="deletebtn">Delete article</button>
+
+    </form>
+</body>
+
+</html>
diff --git a/views/styles/forms.css b/views/styles/forms.css
@@ -62,6 +62,10 @@ body {
     background-color: #0c4ea0;
 }
 
+.form .deletebtn {
+    float: left;
+}
+
 .message {
     display: none;
     color: red;

diff --git a/views/test_editArticle.ejs → views/test_editArticle.html b/views/test_editArticle.ejs → views/test_editArticle.html