pagehead.js

function PageHeading(name) {
    if(name.match(/\s$/))
        name = name.substring(0, name.length - 1);
    this.label = name;
    this.subpages = new Array();
    this.text = "";
    this.formspan = vbd.makeElement('div');
    this.parent = null;
    this.pagetext = "";
    this.comments = "";
    this.collapse = 0;
    this.box = null;
}


// Get a div element that will contain the text of the heading.
// TODO: Not currently used
//PageHeading.prototype.getTextNode = function () {
//    var self = this;
//    var div = vbd.makeElement('small', {style: "padding-left: 2em;"},
    // TODO: Add all this back in when we have user-editable text
    //  ((this.pagetext.length == 0)?('[click here to edit heading text]'):(this.pagetext)));
//    "");
    //div.onclick = function() {
    //  var edit = vbd.makeElement('textarea', {rows:10});
    //  edit.value = self.pagetext;
    //  self.formspan.innerHTML = "";
    //  self.formspan.appendChild(document.createTextNode('Enter some text for the page:'));
    //  self.formspan.appendChild(edit);
    //  self.formspan.appendChild(vbd.makeButton('', 'Save', function() {
    //    self.pagetext = edit.value;
    //    if(self.pagetext.match(/^\s*$/)) self.pagetext = "";
    //    self.formspan.innerHTML = "";
    //    vbd.visual();
    //  }));
    //  self.closeButton();
    //  edit.focus();
    //}
//    div.style.cursor = "pointer";
//    return div;
//}

// Make a link to modify the list of subpages
PageHeading.prototype.makeSubpagesLink = function () {
    var link = vbd.makeElement('a', null, ['Subpages']);
    var self = this;
    link.onclick = function() {
        var text = "";
        for(var i = 0; i < self.subpages.length; i++)
            text = text + self.subpages[i].pagename + "\n";
        var old = vbd.CopyArray(self.subpages);
        var edit = vbd.makeElement('textarea', {rows:10, cols:50});
        edit.value = text;
        self.formspan.innerHTML = "";
        vbd.appendChildren(self.formspan, [
            'Enter the names of all subpages, one per line',
            edit,
            vbd.makeButton('', 'Save', function() {
                self.subpages.length = 0;
                var pages = edit.value.split("\n");
                for(var i = 0; i < pages.length; i++) {
                    if(pages[i].match(/^\s*$/))
                        continue;
                    var stat = vbd.FindPageNameInArray(old, pages[i]);
                    if(stat != -1)
                        self.addSubpage(old[stat]);
                    else
                        self.addSubpage(new BookPage(vbd.forceFirstCaps(pages[i])));
                }
                self.formspan.innerHTML = "";
                vbd.visual();
            })
        ]);
        self.closeButton();
        edit.focus();
    }
    return link;
}

PageHeading.prototype.makeAddSubpagesLink = function () {
    var link = vbd.makeElement('a', null, [' [ + ]']);
    var self = this;
    link.onclick = function() {
        self.addSubpage(new BookPage(vbd.defpagename + " " + vbd.newpagecnt));
        vbd.newpagecnt++;
        vbd.visual();
    }
    return link;
}

PageHeading.prototype.makeDeleteLink = function() {
    var link = vbd.makeElement('a', null, ['delete']);
    var self = this;
    link.onclick = function () {
        if(confirm("delete heading '" + self.label + "'? " +
            "You will lose all contents. This cannot be undone.")) {
            self.parent.removeHeading(self);
            vbd.visual();
        }
    }
    return link;
}

// Get a node represending the page heading. This is a large bit of text
// representing the name of the heading, and all the child objects that get
// included with it.
PageHeading.prototype.getTitleNode = function () {
    var container = vbd.makeElement('span');
    var collapse = vbd.makeElement('small', null, ((this.collapse == 0) ? '[-] ' : '[+] '));
    var span = vbd.makeElement('big', null, this.label);
    span.style.cursor = "pointer";
    var self = this;
    collapse.onclick = function () {
        self.collapse = (self.collapse == 1) ? 0 : 1;
        vbd.visual();
    }
    // TODO: When we click the title we should open the edit window in the same place
    //       instead of opening it further down.
    span.onclick = function() {
        var edit = vbd.makeElement('input', {type:'text', value:(self.label), size:50});
        self.formspan.innerHTML = "";
        self.formspan.appendChild(document.createTextNode('Enter the new name: '));
        self.formspan.appendChild(edit);
        self.formspan.appendChild(vbd.makeButton('', 'Rename', function() {
            self.formspan.innerHTML = "Renaming...";
            var pagename = vbd.forceFirstCaps(edit.value);
            self.label = pagename.replace("\n", "");
            self.formspan.innerHTML = "";
            vbd.visual();
        }));
        self.closeButton();
        edit.focus();
    }
    if(this.subpages.length != 0)
        container.appendChild(collapse);
    container.appendChild(span);
    return(container);
}

// Make the collection text for this heading
// TODO: This is not currently used but could be. It has value on wikis with the
//       collections extension installed
//PageHeading.prototype.makeCollectionText = function () {
//    var text = ";" + this.label + "\n";
//    for(var i = 0; i < this.subpages.length; i++)
//        text = text + this.subpages[i].makeCollectionText();
//    return text;
//}

// Create a close button for the node
PageHeading.prototype.closeButton = function () {
    var self = this;
    this.formspan.appendChild(
        vbd.makeButton('', 'Close',
            function() {
                self.formspan.innerHTML = "";
            }
        )
    );
}

// Generate the intermediate code representation for this heading, for use by
// the server to actually build the page.
PageHeading.prototype.makeSaveText = function () {
    var children = this.subpages.length;
    var saveTitle = this.label.replace("\"", "\\\"");
    var text = "<heading name=\"" + saveTitle + "\" children='" + children + "'>\n";
    // TODO: Uncomment all this when we actually have editable page text again
    //if(this.pagetext.length != 0) {
    //  var pagetext = this.pagetext;
    //  pagetext.replace(/\n/g, "\n&");
    //  text += "&" + pagetext + "\n";
    //}
    //if(this.comments.length != 0) {
    //  var comments = this.comments;
    //  comments.replace(/\n/g, "\n%");
    //  text += "%" + comments + "\n";
    //}
    for(var i = 0; i < this.subpages.length; i++)
        text += this.subpages[i].makeSaveText();
    return text + "</heading>\n";
}

// Make a heading node in the outline. This contains the heading's name and all
// the objects that go with it.
PageHeading.prototype.makeNode = function () {
    this.box = vbd.makeElement('div', null, [
        this.getTitleNode(),
        " - ",
        vbd.makeElement('small', null, [
            this.makeSubpagesLink(),
            this.makeAddSubpagesLink(),
            " - ",
            this.makeDeleteLink()
        ]),
        vbd.makeElement('br'),
        // TODO: Uncomment this when we have editable page text
        //this.getTextNode(),
        this.formspan
    ]);
    //this.box.className = "VBDPageHeadingNode";
    this.box.style.padding = "5px";
    var container = vbd.makeElement('div');
    //container.className = "VBDPageHeadingContainer";
    container.style.marginLeft = "2em";
    container.style.borderBottom = "1px dashed #AAAAAA";
    container.style.borderLeft = "1px dashed #AAAAAA";
    if(this.collapse == 0) {
        for(var i = 0; i < this.subpages.length; i++) {
            if(this.subpages[i] == null)
                continue;
            var node = this.subpages[i].makeNode();
            container.appendChild(node);
        }
    }
    this.box.appendChild(container);
    var self = this;
    return this.box;
}

// Add a subpage to this heading
PageHeading.prototype.addSubpage = function (subpage) {
    subpage.parent = this.parent;
    subpage.parent2 = this;
    this.subpages.push(subpage);
}

// Add a new heading to the parent of this (headings cannot contain headings)
PageHeading.prototype.addHeading = function (heading) {
    heading.parent = this.parent;
    this.parent.headings.push(heading);
}

// Remove a subpage from this heading
PageHeading.prototype.removeSubpage = function(subpage) {
    for(var i = 0; i < this.subpages.length; i++) {
        if(this.subpages[i] != subpage)
            continue;
        this.subpages.splice(i, 1);
        return;
    }
}