From fe686c4478847ca8295a655426eed85acc88fe76 Mon Sep 17 00:00:00 2001 From: Thomas Wade Date: Tue, 30 Oct 2018 10:08:28 +1030 Subject: [PATCH] Add about functionality --- data/about.json | 6 +----- scripts/app.js | 10 ++++++---- server.js | 6 ++++++ views/about.html | 3 +-- 4 files changed, 14 insertions(+), 11 deletions(-) diff --git a/data/about.json b/data/about.json index 243aca2..6dab75e 100644 --- a/data/about.json +++ b/data/about.json @@ -1,5 +1 @@ -[ - "para 1", - "para 2", - "etc." -] +{"content":"# What is Lemonblog?\n\nLorem ipsum dolor sit amet, consectetur **adipiscing** elit. Ut congue, erat eget vestibulum ullamcorper, [leo purus lacinia felis](https://stackoverflow.com/), nec facilisis nisi urna eget nisi. Integer mi justo, feugiat eu vulputate eget, tincidunt ut dui.\n\n1. Sed bibendum luctus venenatis.\n\nFusce dignissim, nisl at feugiat fringilla, orci mi tincidunt orci, vitae sollicitudin felis nisi sed lacus. Quisque lacinia ante risus, eu facilisis magna porttitor at.\n\n2. Quisque eu dui volutpat, vestibulum purus non, lacinia leo.\n\nCurabitur mattis leo lorem, a feugiat neque mattis at. Nam in efficitur ex, sed laoreet felis. Mauris pretium ipsum quis faucibus volutpat. Integer in felis diam. Nam sed nisl orci.\n\n3. Quisque ligula leo, consequat a orci non, tempus tempor dolor.\n\nNam facilisis consectetur arcu, eget malesuada velit iaculis posuere. Praesent lobortis varius varius. Nullam nulla tellus, semper at porttitor viverra, rutrum nec ligula. Aenean auctor enim at neque faucibus consequat eget at felis.\n\n# But really, what *is* lemonblog?\n\nAenean gravida nulla vitae nunc fringilla interdum. Proin rhoncus est vel ligula consectetur molestie. Fusce auctor, purus ut tincidunt tristique, ante tellus pulvinar diam, non placerat arcu enim tincidunt nisl. Donec nibh magna, viverra at magna in, [dignissim laoreet turpis](https://google.com/). Nulla facilisi. Suspendisse porttitor molestie ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam augue augue, maximus ac tempus tincidunt, pellentesque vel diam. Integer tellus elit, auctor suscipit tempus auctor, dapibus eu erat. Pellentesque in convallis elit. Donec faucibus metus sit amet quam lacinia, vel convallis ex porttitor. Quisque semper maximus nisl ut aliquet. Phasellus ex nunc, porttitor id eros rutrum, cursus imperdiet massa. Fusce mi mi, bibendum quis eleifend quis, tristique a nisl. Phasellus lacus libero, faucibus a ex et, suscipit vehicula nibh.\n\nMorbi sollicitudin enim a nisi pretium volutpat. Vivamus sit amet sem eros. Nullam tincidunt ex vitae posuere ultricies. In purus justo, pulvinar et massa ut, laoreet sagittis diam. Aenean tincidunt ultrices mauris vitae aliquam. Aliquam pretium consequat orci, in sollicitudin ante vehicula et. In orci justo, interdum id facilisis ac, laoreet ut mauris. Nullam at iaculis elit, non volutpat neque."} diff --git a/scripts/app.js b/scripts/app.js index 65b719e..0b25da1 100644 --- a/scripts/app.js +++ b/scripts/app.js @@ -78,11 +78,13 @@ app.controller("create", ["$scope", "$http", } ]); -app.controller("about", ["$scope", - function($scope) +app.controller("about", ["$scope", "$http", + function($scope, $http) { - $scope.aboutHeader = "Lorem Ipsum Dolor Sit Amet!"; - $scope.aboutContent = "Aenean in lorem non odio ullamcorper tempor sed vitae nibh. Proin fermentum risus vel dui congue fringilla. Curabitur ac nulla vel ante molestie fermentum. Pellentesque et nisi eu eros euismod volutpat sed non turpis. Donec in sollicitudin tellus. Suspendisse sit amet mauris id est auctor sodales mattis vel mi. Vivamus id semper enim, id euismod orci. Donec placerat turpis eget mollis gravida. Sed nisi lectus, ullamcorper eget mi vitae, maximus rhoncus orci. Pellentesque vel accumsan lorem. Proin condimentum fermentum est, nec fermentum velit elementum eu. Maecenas pharetra odio ut mauris lobortis lobortis. Suspendisse ut maximus risus, vel pharetra dolor. Etiam vel mi vitae ipsum aliquam aliquam. Donec eget rhoncus urna, eu maximus metus. Cras porttitor mauris a urna tempus fringilla. Nunc dolor arcu, laoreet ac sapien sed, dignissim tincidunt magna. Curabitur eu rhoncus leo. Vivamus congue odio suscipit ante interdum rutrum. Aliquam erat volutpat. Mauris lacinia lobortis sem, in blandit tortor tempor at. In hac habitasse platea dictumst. Donec in massa quis urna facilisis fermentum. Cras tempor ut odio at sagittis. Mauris iaculis pellentesque eros, ut rutrum odio condimentum at. Donec et ultricies mauris, et scelerisque purus. Nulla porttitor ante in turpis scelerisque, sed ultrices felis feugiat. Duis elementum nisl in tincidunt mattis. Donec faucibus scelerisque augue nec vestibulum. Duis hendrerit nulla nec congue sollicitudin. In hac habitasse platea dictumst. Vestibulum ut augue consequat, accumsan mi vitae, posuere libero. Nullam scelerisque lacinia turpis vitae fermentum. Integer blandit consectetur nulla, a malesuada erat commodo ut. Nunc sit amet quam vitae sapien efficitur accumsan."; + $scope.aboutContent = ""; + + $http.get("about") + .then((r) => { $scope.aboutContent = angular.fromJson(r.data).content; }); } ]); diff --git a/server.js b/server.js index f46c844..fe49c3d 100644 --- a/server.js +++ b/server.js @@ -53,6 +53,12 @@ app.post("/posts", function(req, res) res.sendStatus(204); }); +// About route, return about.json +app.get("/about", (req, res) => +{ + res.json(JSON.parse(fs.readFileSync('./data/about.json'))); +}); + // Start listening app.listen(8080, function() { diff --git a/views/about.html b/views/about.html index f708132..8aafec6 100644 --- a/views/about.html +++ b/views/about.html @@ -1,2 +1 @@ -

This is some about text

-

This will be replaced in the near future with something a touch more meaningful. In the meantime, though, enjoy some Lorem Ipsum courtesy of https://lipsum.com.

+