examples: replace jade with ejs in route-separation

closes #3241
expressjs · Mar 17, 2017 · 245fa89 · 245fa89
1 parent 1b6ad08
commit 245fa89
Show file tree

Hide file tree

Showing 14 changed files with 79 additions and 48 deletions.
diff --git a/examples/route-separation/index.js b/examples/route-separation/index.js
@@ -17,7 +17,7 @@ module.exports = app;
 
 // Config
 
-app.set('view engine', 'jade');
+app.set('view engine', 'ejs');
 app.set('views', path.join(__dirname, 'views'));
 
 /* istanbul ignore next */

diff --git a/examples/route-separation/views/footer.ejs b/examples/route-separation/views/footer.ejs
@@ -0,0 +1,2 @@
+</body>
+</html>
diff --git a/examples/route-separation/views/header.ejs b/examples/route-separation/views/header.ejs
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title><%= title %></title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
diff --git a/examples/route-separation/views/index.ejs b/examples/route-separation/views/index.ejs
@@ -0,0 +1,10 @@
+<% include header %>
+
+<h1><%= title %></h1>
+
+<ul>
+  <li>Visit the <a href="/users">users</a> page.</li>
+  <li>Visit the <a href="/users">posts</a> page.</li>
+</ul>
+
+<% include footer %>
diff --git a/examples/route-separation/views/index.jade b/examples/route-separation/views/index.jade
diff --git a/examples/route-separation/views/layout.jade b/examples/route-separation/views/layout.jade
diff --git a/examples/route-separation/views/posts/index.ejs b/examples/route-separation/views/posts/index.ejs
@@ -0,0 +1,12 @@
+<% include ../header %>
+
+<h1>Posts</h1>
+
+<dl id="posts">
+  <% posts.forEach(function(post) { %>
+    <dt><%= post.title %></dt>
+    <dd><%= post.body %></dd>
+  <% }) %>
+</dl>
+
+<% include ../footer %>
diff --git a/examples/route-separation/views/posts/index.jade b/examples/route-separation/views/posts/index.jade
diff --git a/examples/route-separation/views/users/edit.ejs b/examples/route-separation/views/users/edit.ejs
@@ -0,0 +1,23 @@
+<% include ../header %>
+
+<h1>Editing <%= user.name %></h1>
+
+<div id="user">
+  <form action="?_method=put", method="post">
+    <p>
+      Name:
+      <input type="text" value="<%= user.name %>" name="user[name]" />
+    </p>
+
+    <p>
+      Email:
+      <input type="email" value="<%= user.email %>" name="user[email]" />
+    </p>
+
+    <p>
+      <input type="submit" value="Save" />
+    </p>
+  </form>
+</div>
+
+<% include ../footer %>
diff --git a/examples/route-separation/views/users/edit.jade b/examples/route-separation/views/users/edit.jade
diff --git a/examples/route-separation/views/users/index.ejs b/examples/route-separation/views/users/index.ejs
@@ -0,0 +1,14 @@
+<% include ../header %>
+
+<h1><%= title %></h1>
+
+<div id="users">
+  <% users.forEach(function(user, index) { %>
+    <li>
+      <a href="/user/<%= index %>"><%= user.name %></a>
+      <a href="/user/<%= index %>/edit">edit</a>
+    </li>
+  <% }) %>
+</div>
+
+<% include ../footer %>
diff --git a/examples/route-separation/views/users/index.jade b/examples/route-separation/views/users/index.jade
diff --git a/examples/route-separation/views/users/view.ejs b/examples/route-separation/views/users/view.ejs
@@ -0,0 +1,9 @@
+<% include ../header %>
+
+<h1><%= user.name %></h1>
+
+<div id="user">
+  <p>Email: <%= user.email %></p>
+</div>
+
+<% include ../footer %>
diff --git a/examples/route-separation/views/users/view.jade b/examples/route-separation/views/users/view.jade