]> gitweb @ CieloNegro.org - Rakka.git/blobdiff - js/editPage.js
implemented previewer
[Rakka.git] / js / editPage.js
index 5297e057726aee809148a390a8f6291c3f3ba286..2dd99510f2080d3d1ec60860344b3e66deee1eb0 100644 (file)
-Rakka.editPage = function (baseURI, pageName) {
-    var $body = $("div.body");
+Rakka.$previewHeader = null;
+Rakka.$previewArea   = null;
 
-    $body.text("Loading... please wait.");
+Rakka.editPage = function (pageName) {
+    var $area = Rakka.switchScreen();
+
+    Rakka.displayWaitingMessage("Loading... please wait.");
     
     // XML 版のページを取得する。
     $.ajax({
-        url    : baseURI + pageName + ".xml",
+        url    : Rakka.baseURI + pageName + ".xml",
         success: function (pageXml) {
-                     var $page         = $(pageXml).find("page");
-                     var oldRevision   = $page.attr("revision");
-                     var defaultType   = $page.attr("isBinary") == "yes"          ? "binary"
-                                       : $page.attr("type")     == "text/x-rakka" ? "rakka"
-                                       : $page.attr("type")     == "text/css"     ? "css"
-                                       :                                            "unknown"
-                                       ;
-                     var source        = $page.find("source").text();
-                     Rakka.displayPageEditor($body, pageName, oldRevision, defaultType, source);
-                 },
+            Rakka.hideWaitingMessage();
+            
+            var $page       = $(pageXml).find("page");
+            var oldRevision = $page.attr("revision");
+            var defaultType
+                = $page.attr("isBinary") == "yes"          ? "binary"
+                : $page.attr("type")     == "text/x-rakka" ? "rakka"
+                : $page.attr("type")     == "text/css"     ? "css"
+                : $page.attr("redirect") != null           ? "redirect"
+                :                                            "unknown"
+                ;
+            var source
+                = $page.attr("redirect") != null ? $page.attr("redirect")
+                : $page.find("textData").text()
+                ;
+            Rakka.displayPageEditor(pageName, oldRevision, defaultType, source);
+        },
         error  : function (req) {
-                     if (req.status == 404) {
-                         Rakka.displayPageEditor($body, pageName, null, "rakka", null);
-                     }
-                     else {
-                         $body.text("Error: " + req.status + " " + req.statusText);
-                     }
-                 }
-        });
+            Rakka.hideWaitingMessage();
+            
+            if (req.status == 404) {
+                Rakka.displayPageEditor(pageName, null, "rakka", null);
+            }
+            else {
+                $area.text("Error: " + req.status + " " + req.statusText);
+            }
+        }
+    });
+};
+
+Rakka.newPage = function () {
+    Rakka.displayPageEditor("", null, "rakka", null);
 };
 
-Rakka.displayPageEditor = function ($place, pageName, oldRevision, defaultType, source) {
-    $place.empty();
+Rakka.displayPageEditor = function (pageName, oldRevision, defaultType, source) {
+    var $area = Rakka.switchScreen();
+    $area.empty();
 
-    $place.append($.H1({}, "Edit page"));
+    Rakka.$previewHeader = $( $.H1({}, "Preview") );
+    $area.append(Rakka.$previewHeader);
+    Rakka.$previewHeader.hide();
 
+    Rakka.$previewArea = $( $.DIV({className: "preview"}) );
+    $area.append(Rakka.$previewArea);
+    Rakka.$previewArea.hide();
+
+    $area.append($.H1({}, pageName == "" ? "Create page" : "Edit page"));
+    
     var fldPageName
-      = $.INPUT({type : "text", value: pageName});
+        = $.INPUT({type : "text", value: pageName});
 
     var btnTypeRakka
-      = $.INPUT({type   : "radio",
-                 name   : "type",
-                 checked: (defaultType == "rakka"  ? "checked" : "")});
+        = $.INPUT({type   : "radio",
+                   name   : "type",
+                   checked: (defaultType == "rakka"    ? "checked" : "")});
 
     var btnTypeCSS
-      = $.INPUT({type   : "radio",
-                 name   : "type",
-                 checked: (defaultType == "css"    ? "checked" : "")});
+        = $.INPUT({type   : "radio",
+                   name   : "type",
+                   checked: (defaultType == "css"      ? "checked" : "")});
 
     var btnTypeBinary
-      = $.INPUT({type   : "radio",
-                 name   : "type",
-                 checked: (defaultType == "binary" ? "checked" : "")});
-    
+        = $.INPUT({type   : "radio",
+                   name   : "type",
+                   checked: (defaultType == "binary"   ? "checked" : "")});
+
+    var btnTypeRedirect
+        = $.INPUT({type   : "radio",
+                   name   : "type",
+                   checked: (defaultType == "redirect" ? "checked" : "")});
 
     var fldRakkaSource
-      = $.TEXTAREA({}, (defaultType == "rakka" && source != null ? source : ""));
+        = $.TEXTAREA({}, (defaultType == "rakka" && source != null ? source : ""));
 
     var fldCSSSource
-      = $.TEXTAREA({}, (defaultType == "css"   && source != null ? source : ""));
+        = $.TEXTAREA({}, (defaultType == "css"   && source != null ? source : ""));
 
     var fldUploadFile
-      = $.INPUT({type: "file"});
+        = $.INPUT({type: "file"});
+
+    var fldRedirect
+        = $.INPUT({type: "text", value: (defaultType == "redirect" ? source : "")});
 
     var trContent
-      = $.TR({}, 
-          $.TH({}),
-          $.TD({})
-        );
+        = $.TR({}, 
+               $.TH({}),
+               $.TD({})
+              );
 
     var btnPreview
-      = $.INPUT({type: "button", value: "Preview page"});
+        = $.INPUT({type: "button", value: "Preview page"});
+    
+    $(btnPreview).click(function () {
+        if (btnTypeRakka.checked) {
+            Rakka.previewRakkaPage(
+                fldPageName.value, fldRakkaSource.value);
+        }
+        else if (btnTypeBinary.checked) {
+            Rakka.previewBinaryPage(
+                fldPageName.value, fldUploadFile.value);
+        }
+    });
 
     var btnSubmit
-      = $.INPUT({type: "button", value: "Submit page"});
+        = $.INPUT({type: "button", value: "Submit page"});
+    
+    $(btnSubmit).click(function () {
+        if (btnTypeRakka.checked) {
+            Rakka.submitTextPage(
+                pageName,
+                oldRevision,
+                fldPageName.value,
+                "text/x-rakka",
+                fldRakkaSource.value);
+        }
+        else if (btnTypeCSS.checked) {
+            Rakka.submitTextPage(
+                pageName,
+                oldRevision,
+                fldPageName.value,
+                "text/css",
+                fldCSSSource.value);
+        }
+        else if (btnTypeBinary.checked) {
+            Rakka.submitBinaryPage(
+                pageName,
+                oldRevision,
+                fldPageName.value,
+                fldUploadFile.value);
+        }
+        else if (btnTypeRedirect.checked) {
+            Rakka.submitRedirection(
+                pageName,
+                oldRevision,
+                fldPageName.value,
+                fldRedirect.value);
+        }
+    });
 
     var btnDelete
-      = $.INPUT({type: "button", value: "Delete this page"});
+        = $.INPUT({type: "button", value: "Delete this page"});
     
+    $(btnDelete).click(function () {
+        throw new Error("FIXME: not implemented yet");
+    });
+
     var updateTRContent = function () {
         if (btnTypeRakka.checked) {
             $(trContent).find("th").text("Wiki source");
             $(trContent).find("td").empty().append(fldRakkaSource);
-            $(trContent).show();
+            $(btnPreview).show();
         }
         else if (btnTypeCSS.checked) {
             $(trContent).find("th").text("CSS source");
             $(trContent).find("td").empty().append(fldCSSSource);
-            $(trContent).show();
+            $(btnPreview).hide();
         }
         else if (btnTypeBinary.checked) {
             $(trContent).find("th").text("File");
             $(trContent).find("td").empty().append(fldUploadFile);
-            $(trContent).show();
+            $(btnPreview).show();
         }
-        else {
-            $(trContent).hide();
+        else if (btnTypeRedirect.checked) {
+            $(trContent).find("th").text("Destination Page");
+            $(trContent).find("td").empty().append(fldRedirect);
+            $(btnPreview).hide();
         }
     };
-    $(btnTypeRakka ).change(updateTRContent);
-    $(btnTypeCSS   ).change(updateTRContent);
-    $(btnTypeBinary).change(updateTRContent);
+    $(btnTypeRakka   ).change(updateTRContent);
+    $(btnTypeCSS     ).change(updateTRContent);
+    $(btnTypeBinary  ).change(updateTRContent);
+    $(btnTypeRedirect).change(updateTRContent);
     updateTRContent();
 
     var pageEditor
-      = $.TABLE({className: "pageEditor"},
-          $.TBODY({},
-            $.TR({},
-              $.TH({}, "Page name"),
-              $.TD({}, fldPageName)
-            ),
-            $.TR({},
-              $.TH({}, "Page type"),
-              $.TD({},
-                $.UL({},
-                  $.LI({},
-                    $.LABEL({},
-                      btnTypeRakka,
-                      "Wiki page"
-                    )
-                  ),
-                  $.LI({},
-                    $.LABEL({},
-                      btnTypeCSS,
-                      "Style sheet"
-                    )
-                  ),
-                  $.LI({},
-                    $.LABEL({},
-                      btnTypeBinary,
-                      "Binary file"
-                    )
-                  )
-                )
-              )
-            ),
-            trContent,
-            $.TR({},
-              $.TH({}),
-              $.TD({}, btnPreview, btnSubmit, btnDelete)
-            )
-          )
-        );
+        = $.TABLE({className: "pageEditor"},
+                  $.TBODY({},
+                          $.TR({},
+                               $.TH({}, "Page name"),
+                               $.TD({}, fldPageName)
+                              ),
+                          $.TR({},
+                               $.TH({}, "Page type"),
+                               $.TD({},
+                                    $.UL({},
+                                         $.LI({},
+                                              $.LABEL({},
+                                                      btnTypeRakka,
+                                                      "Wiki page"
+                                                     )
+                                             ),
+                                         $.LI({},
+                                              $.LABEL({},
+                                                      btnTypeCSS,
+                                                      "Style sheet"
+                                                     )
+                                             ),
+                                         $.LI({},
+                                              $.LABEL({},
+                                                      btnTypeBinary,
+                                                      "Binary file"
+                                                     )
+                                             ),
+                                         $.LI({},
+                                              $.LABEL({},
+                                                      btnTypeRedirect,
+                                                      "Redirection"
+                                                     )
+                                             )
+                                        )
+                                   )
+                              ),
+                          trContent,
+                          $.TR({},
+                               $.TH({}),
+                               $.TD({}, btnPreview, btnSubmit, btnDelete)
+                              )
+                         )
+                 );
 
     if (oldRevision == null || oldRevision == 0) {
         // 削除不可
         $(btnDelete).hide();
     }
 
-    $place.append(pageEditor);
+    $area.append(pageEditor);
+};
+
+Rakka.previewRakkaPage = function (pageName, source) {
+    Rakka.displayWaitingMessage("Loading... please wait.");
+    
+    var url = Rakka.baseURI + "render/" + encodeURI(pageName);
+    $.ajax({
+        type       : "POST",
+        url        : url,
+        contentType: "text/x-rakka",
+        data       : source,
+        processData: false,
+        success    : function (resultDoc) {
+            Rakka.hideWaitingMessage();
+            Rakka.showPreview(resultDoc);
+        },
+        error      : function (req) {
+            alert("Error: " + req.status + " " + req.statusText);
+        }
+    });
+};
+
+Rakka.showPreview = function (doc) {
+    Rakka.$previewArea.empty();
+    
+    Rakka.$previewHeader.show();
+    Rakka.$previewArea.show();
+    
+    var root  = doc.documentElement;
+    var child = root.firstChild;
+    do {
+        if (child.nodeType == 1) {
+            // 要素だったので複製
+            Rakka.$previewArea.append(child.cloneNode(true));
+        }
+    } while (child = child.nextSibling);
+};
+
+Rakka.submitTextPage = function (pageName, oldRevision, givenPageName, mimeType, text) {
+    var doc = document.implementation.createDocument(
+        "http://cielonegro.org/schema/Rakka/Page/1.0", "page", null);
+
+    var page = doc.documentElement;
+
+    if (oldRevision != null) {
+        // ページ書換時
+        var updateInfo = doc.createElement("updateInfo");
+        updateInfo.setAttribute("oldRevision", oldRevision);
+
+        if (pageName != givenPageName) {
+            var move = doc.createElement("move");
+            move.setAttribute("from", pageName);
+            updateInfo.appendChild(move);
+        }
+
+        page.appendChild(updateInfo);
+    }
+
+    page.setAttribute("type", mimeType);
+
+    var textData = doc.createElement("textData");
+    textData.appendChild(
+        doc.createTextNode(text));
+
+    page.appendChild(textData);
+
+    Rakka.displayWaitingMessage("Submitting... please wait.");
+
+    var url = Rakka.baseURI + encodeURI(givenPageName);
+    $.ajax({
+        type       : "PUT",
+        url        : url,
+        contentType: "text/xml",
+        data       : doc,
+        processData: false,
+        success    : function () {
+            window.location.replace(url);
+        },
+        error      : function (req) {
+            Rakka.hideWaitingMessage();
+            
+            var $area = Rakka.switchScreen();
+            $area.text("Error: " + req.status + " " + req.statusText);
+        }
+    });
 };
+
+Rakka.submitRedirection = function (pageName, oldRevision, givenPageName, destination) {
+    var doc = document.implementation.createDocument(
+        "http://cielonegro.org/schema/Rakka/Page/1.0", "page", null);
+
+    var page = doc.documentElement;
+
+    if (oldRevision != null) {
+        // ページ書換時
+        var updateInfo = doc.createElement("updateInfo");
+        updateInfo.setAttribute("oldRevision", oldRevision);
+
+        if (pageName != givenPageName) {
+            var move = doc.createElement("move");
+            move.setAttribute("from", pageName);
+            updateInfo.appendChild(move);
+        }
+
+        page.appendChild(updateInfo);
+    }
+
+    page.setAttribute("redirect", destination);
+
+    Rakka.displayWaitingMessage("Submitting... please wait.");
+
+    var url = Rakka.baseURI + encodeURI(givenPageName);
+    $.ajax({
+        type       : "PUT",
+        url        : url,
+        contentType: "text/xml",
+        data       : doc,
+        processData: false,
+        success    : function () {
+            window.location.replace(url);
+        },
+        error      : function (req) {
+            Rakka.hideWaitingMessage();
+            
+            var $area = Rakka.switchScreen();
+            $area.text("Error: " + req.status + " " + req.statusText);
+        }
+    });
+};
\ No newline at end of file