From a446f5c4f73a4e829a2c5eec041e3adffeddff52 Mon Sep 17 00:00:00 2001
From: sabhas <sabirbk06@gmail.com>
Date: Thu, 7 Oct 2021 17:22:00 +0000
Subject: [PATCH] feat: add views and styles for rendering html

---
 public/styles.css    |  0
 src/routes/index.ts  | 12 ++++++++++--
 src/views/index.pug  | 10 ++++++++++
 src/views/layout.pug | 13 +++++++++++++
 4 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 public/styles.css
 create mode 100644 src/views/index.pug
 create mode 100644 src/views/layout.pug

diff --git a/public/styles.css b/public/styles.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/index.ts b/src/routes/index.ts
index bd27d0a..6c9eb69 100644
--- a/src/routes/index.ts
+++ b/src/routes/index.ts
@@ -1,5 +1,10 @@
 import express from 'express'
-import { processSas, createFileTree, getTreeExample } from '../controllers'
+import {
+  processSas,
+  createFileTree,
+  getTreeExample,
+  sasjsExecutor
+} from '../controllers'
 import { ExecutionResult, isRequestQuery, isFileTree } from '../types'
 
 const router = express.Router()
@@ -50,7 +55,10 @@ router.post('/deploy', async (req, res) => {
 
 // TODO: respond with HTML page including file tree
 router.get('/SASjsExecutor', async (req, res) => {
-  res.status(200).send({ status: 'success', tree: {} })
+  const tree = sasjsExecutor()
+  // res.status(200).send({ status: 'success', tree })
+  console.log(tree)
+  res.render('index', { tree })
 })
 
 router.get('/SASjsExecutor/do', async (req, res) => {
diff --git a/src/views/index.pug b/src/views/index.pug
new file mode 100644
index 0000000..329fc09
--- /dev/null
+++ b/src/views/index.pug
@@ -0,0 +1,10 @@
+extends layout
+
+block layout-content
+  div
+    h1 SASJS Executor
+    div
+      ul
+        li= tree.name
+        each item in tree.children
+          li= item.name
\ No newline at end of file
diff --git a/src/views/layout.pug b/src/views/layout.pug
new file mode 100644
index 0000000..36d9394
--- /dev/null
+++ b/src/views/layout.pug
@@ -0,0 +1,13 @@
+block variables
+doctype html
+html
+  head
+    meta(charset="utf-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
+    meta(name="theme-color", content="#000000")
+    link(rel="shortcut icon", href="/favicon.ico")
+    link(rel="stylesheet" href="/styles.css")
+    title SASJS Executor
+  body
+    div#root
+      block layout-content
\ No newline at end of file