first commit

templates/admin/dashboard.html

@@ -0,0 +1,55 @@
+{{define "title"}}Admin Dashboard — Ridgway Systems{{end}}
+
+{{define "content"}}
+<div class="admin-wrap">
+  <div class="admin-header">
+    <h1>Admin Dashboard</h1>
+    <div class="admin-actions">
+      <a href="/admin/new" class="btn">New Post</a>
+      <a href="/admin/status" class="btn btn-outline">Edit Status</a>
+      <a href="/" class="btn btn-outline">View Site</a>
+      <form method="POST" action="/admin/logout" class="inline-form">
+        <button type="submit" class="btn btn-outline">Logout</button>
+      </form>
+    </div>
+  </div>
+
+  {{if .Flash}}
+  <p class="flash-msg">{{.Flash}}</p>
+  {{end}}
+
+  <h2>Posts</h2>
+  {{if .Posts}}
+  <table class="admin-table">
+    <thead>
+      <tr>
+        <th>Title</th>
+        <th>Date</th>
+        <th>Status</th>
+        <th>Tags</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{range .Posts}}
+      <tr>
+        <td><a href="/blog/{{.Slug}}">{{.Title}}</a></td>
+        <td>{{formatDate .ParsedDate}}</td>
+        <td>{{if .Draft}}<span class="draft-badge">draft</span>{{else}}<span class="pub-badge">published</span>{{end}}</td>
+        <td class="tags-cell">{{range .Tags}}<span class="tag">#{{.}}</span> {{end}}</td>
+        <td class="actions-cell">
+          <a href="/admin/edit/{{.Slug}}" class="btn btn-sm">Edit</a>
+          <form method="POST" action="/admin/delete/{{.Slug}}" class="inline-form"
+                onsubmit="return confirm('Delete {{.Title}}?')">
+            <button type="submit" class="btn btn-sm btn-danger">Delete</button>
+          </form>
+        </td>
+      </tr>
+      {{end}}
+    </tbody>
+  </table>
+  {{else}}
+  <p class="empty-state">No posts yet. <a href="/admin/new">Create the first one.</a></p>
+  {{end}}
+</div>
+{{end}}

templates/admin/editor.html

@@ -0,0 +1,104 @@
+{{define "title"}}{{if .IsNew}}New Post{{else}}Edit Post{{end}} — Admin{{end}}
+
+{{define "content"}}
+<div class="admin-wrap">
+  <div class="admin-header">
+    <h1>{{if .IsNew}}New Post{{else}}Edit: {{if .Post}}{{.Post.Title}}{{end}}{{end}}</h1>
+    <div class="admin-actions">
+      <a href="/admin" class="btn btn-outline">Back to Dashboard</a>
+    </div>
+  </div>
+
+  {{if .Error}}
+  <p class="form-error">{{.Error}}</p>
+  {{end}}
+
+  <form method="POST" action="{{if .IsNew}}/admin/new{{else}}/admin/edit/{{if .Post}}{{.Post.Slug}}{{end}}{{end}}" class="editor-form" id="post-form">
+    {{if .IsNew}}
+    <div class="form-row">
+      <label for="slug">Slug (filename, no .md)</label>
+      <input type="text" id="slug" name="slug" placeholder="my-post-slug" pattern="[a-z0-9\-_]+" required>
+    </div>
+    {{end}}
+
+    <div class="editor-toolbar">
+      <input type="file" id="img-file" accept="image/*" style="display:none">
+      <button type="button" id="upload-btn" class="btn btn-sm btn-outline">Insert Image</button>
+      <span id="upload-status" class="upload-status"></span>
+    </div>
+
+    <div class="editor-layout">
+      <div class="editor-pane">
+        <label for="content">Markdown</label>
+        <textarea id="content" name="content" class="editor-textarea" spellcheck="false">{{.Raw}}</textarea>
+      </div>
+      <div class="preview-pane">
+        <div class="preview-label">Preview <button type="button" id="preview-btn" class="btn btn-sm">Refresh</button></div>
+        <div id="preview-output" class="preview-output prose"></div>
+      </div>
+    </div>
+
+    <div class="editor-footer">
+      <button type="submit" class="btn">Save</button>
+      <a href="/admin" class="btn btn-outline">Cancel</a>
+    </div>
+  </form>
+</div>
+
+<script>
+(function() {
+  var previewBtn  = document.getElementById('preview-btn');
+  var uploadBtn   = document.getElementById('upload-btn');
+  var imgFile     = document.getElementById('img-file');
+  var textarea    = document.getElementById('content');
+  var output      = document.getElementById('preview-output');
+  var uploadStatus = document.getElementById('upload-status');
+
+  // --- Preview ---
+  function refreshPreview() {
+    var fd = new FormData();
+    fd.append('content', textarea.value);
+    fetch('/admin/preview', { method: 'POST', body: fd })
+      .then(function(r) { return r.text(); })
+      .then(function(html) { output.innerHTML = html; })
+      .catch(function() { output.innerHTML = '<p class="form-error">Preview failed.</p>'; });
+  }
+
+  previewBtn.addEventListener('click', refreshPreview);
+  if (textarea.value.trim()) { refreshPreview(); }
+
+  // --- Image upload ---
+  uploadBtn.addEventListener('click', function() { imgFile.click(); });
+
+  imgFile.addEventListener('change', function() {
+    if (!this.files.length) return;
+    var file = this.files[0];
+    var fd = new FormData();
+    fd.append('image', file);
+
+    uploadStatus.textContent = 'Uploading…';
+    uploadBtn.disabled = true;
+
+    fetch('/admin/upload', { method: 'POST', body: fd })
+      .then(function(r) { return r.json(); })
+      .then(function(data) {
+        if (data.error) {
+          uploadStatus.textContent = 'Error: ' + data.error;
+          return;
+        }
+        // Insert markdown at cursor position
+        var pos = textarea.selectionStart;
+        var before = textarea.value.substring(0, pos);
+        var after  = textarea.value.substring(textarea.selectionEnd);
+        textarea.value = before + data.markdown + after;
+        textarea.selectionStart = textarea.selectionEnd = pos + data.markdown.length;
+        textarea.focus();
+        uploadStatus.textContent = 'Inserted: ' + data.url;
+        setTimeout(function() { uploadStatus.textContent = ''; }, 3000);
+      })
+      .catch(function() { uploadStatus.textContent = 'Upload failed.'; })
+      .finally(function() { uploadBtn.disabled = false; imgFile.value = ''; });
+  });
+})();
+</script>
+{{end}}

templates/admin/login.html

@@ -0,0 +1,15 @@
+{{define "title"}}Admin Login — Ridgway Systems{{end}}
+
+{{define "content"}}
+<div class="admin-login-wrap">
+  <h1>Admin</h1>
+  {{if .Error}}
+  <p class="form-error">{{.Error}}</p>
+  {{end}}
+  <form method="POST" action="/admin/login" class="login-form">
+    <label for="password">Password</label>
+    <input type="password" id="password" name="password" autofocus required>
+    <button type="submit">Login</button>
+  </form>
+</div>
+{{end}}

templates/admin/status.html

@@ -0,0 +1,33 @@
+{{define "title"}}Edit Status — Admin{{end}}
+
+{{define "content"}}
+<div class="admin-wrap">
+  <div class="admin-header">
+    <h1>Edit Service Status</h1>
+    <div class="admin-actions">
+      <a href="/admin" class="btn btn-outline">Back</a>
+      <a href="/status" class="btn btn-outline">View Status Page</a>
+    </div>
+  </div>
+
+  {{if .Flash}}
+  <p class="flash-msg">{{.Flash}}</p>
+  {{end}}
+
+  {{if .Error}}
+  <p class="form-error">{{.Error}}</p>
+  {{end}}
+
+  <p class="page-desc">
+    Edit the raw JSON below. Valid status values: <code>up</code>, <code>degraded</code>,
+    <code>down</code>, <code>unknown</code>.
+  </p>
+
+  <form method="POST" action="/admin/status">
+    <textarea name="json" class="json-editor" rows="30" spellcheck="false">{{.JSON}}</textarea>
+    <div class="editor-footer">
+      <button type="submit" class="btn">Save</button>
+    </div>
+  </form>
+</div>
+{{end}}