From 9e308ab92ec651027c4cd9b8de66ff29f7ed4b9e Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Fri, 16 Sep 2022 19:16:00 +0100
Subject: [PATCH] add /user/create-page.html template and integrate Tinymce
 editor.

The code in this commit is very rough but it works. I just got the
basics up and running. The template posts the content but the back
isn't implemented yet. At this moment in time, I need Nic to sign-off
on what she wants from this page. There is a chance this template
might not exist in the future.
---
 templates/user/create-page.html | 42 +++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 templates/user/create-page.html

diff --git a/templates/user/create-page.html b/templates/user/create-page.html
new file mode 100644
index 0000000..f4b4199
--- /dev/null
+++ b/templates/user/create-page.html
@@ -0,0 +1,42 @@
+{% extends "layouts/default.html" %}
+{% block title %}Users{% endblock %}
+{% block content %}
+<h1>Create New Page</h1>
+
+<a href="/dashboard">Dashboard</a>
+
+<script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
+
+<script>
+ tinymce.init({
+     selector: '#mytextarea',
+     plugins: [
+	 'advlist', 'autolink', 'lists', 'link', 'image', 'charmap',
+	 'emoticons', 'preview', 'anchor', 'searchreplace', 'visualblocks',
+	 'fullscreen', 'insertdatetime', 'media', 'save', 'table', 'help',
+	 'visualchars', 'wordcount', 'quickbars', 'pagebreak', 'nonbreaking',
+	 'importcss', 'directionality', 'codesample', 'code', 'autosave',
+	 'autoresize'
+     ],
+     toolbar: 'undo redo | save | formatpainter casechange blocks | bold italic backcolor | ' +
+              'alignleft aligncenter alignright alignjustify | ' +
+              'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help'
+ });
+</script>
+
+<form action="/create/page" method="post">
+    <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+    <label>Title</label>
+    <input type="text" name="TITLE" value="{{page.title}}">
+    <label>Category</label>
+    <input type="text" name="CATEGORY" value="{{page.category}}">
+    <label>Type</label>
+    <input type="text" name="TYPE" value="{{page.type}}">
+    <label>Date</label>
+    <input type="date" name="DATE" value="{{page.date}}">
+    <label>Keywords</label>
+    <input type="text" name="KEYWORDS" value="{{keywords}}">
+    <textarea name="PAGE-CONTENT" id="mytextarea" placeholder="Enter page content..."></textarea>
+    <!-- <input type="submit" value="Save Page"> -->
+</form>
+{% endblock %}