From efd21fed97484156b5ab268d450d2d282ab62bb1 Mon Sep 17 00:00:00 2001
From: Ben Kurtovic <ben.kurtovic@gmail.com>
Date: Thu, 13 Aug 2015 02:59:50 -0400
Subject: [PATCH] Start option box.

---
 tfdclerk.js | 53 ++++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 46 insertions(+), 7 deletions(-)

diff --git a/tfdclerk.js b/tfdclerk.js
index 933aacf..4dd1b53 100644
--- a/tfdclerk.js
+++ b/tfdclerk.js
@@ -36,28 +36,67 @@ mw.loader.using(["mediawiki.api"], function() {
 
     TFDClerk = {
         // TODO
+        sysop: $.inArray("sysop", mw.config.get("wgUserGroups")) >= 0
+    };
+
+    TFDClerk._guard = function(head) {
+        if (head.data("guard"))
+            return false;
+        head.data("guard", true);
+        return true;
+    };
+
+    TFDClerk._unguard = function(head) {
+        head.removeData("guard");
+    };
+
+    TFDClerk._remove_option_box = function(box) {
+        var head = box.prev("h4");
+        box.remove();
+        TFDClerk._unguard(head);
+    }
+
+    TFDClerk._add_option_box = function(head, verb) {
+        var box = $("<div/>", { addClass: "tfdclerk-" + verb + "-box" })
+            .css("border", "1px solid #AAA")
+            .css("background-color", "#F5F5F5")
+            .css("margin", "0.5em 0")
+            .css("padding", "1em");
+        box.append(
+            $("<button/>", {
+                text: "Cancel",
+                click: function(b) {
+                    return function() { TFDClerk._remove_option_box(b); };
+                }(box)
+            }))
+            .insertAfter(head);
     };
 
     TFDClerk.close = function(head) {
+        if (!TFDClerk._guard(head))
+            return;
+
+        TFDClerk._add_option_box(head, "close");
         // TODO
-        console.log("closing");
-        console.log(head);
     };
 
     TFDClerk.relist = function(head) {
+        if (!TFDClerk._guard(head))
+            return;
+
+        TFDClerk._add_option_box(head, "relist");
         // TODO
-        console.log("relisting");
-        console.log(head);
     };
 
-    TFDClerk._build_hook = function(head, name, callback) {
+    TFDClerk._build_hook = function(head, verb, callback) {
         return $("<span/>", {style: "margin-left: 1em;"})
             .append($("<span/>", {addClass: "mw-editsection-bracket", text: "["}))
             .append($("<a/>", {
                 href: "#",
-                text: name,
+                text: verb,
+                title: "tfdclerk: " + verb + " discussion",
                 click: function(h) {
-                    return function() { callback(h); return false; }
+                    return function() { callback($(h)); return false; };
                 }(head)
             }))
             .append($("<span/>", {addClass: "mw-editsection-bracket", text: "]"}));