/* =============================================================
|
* bootstrap-tree.js v0.3
|
* http://twitter.github.com/cutterbl/Bootstrap-Tree
|
*
|
* Inspired by Twitter Bootstrap, with credit to bits of code
|
* from all over.
|
* =============================================================
|
* Copyright 2012 Cutters Crossing.
|
*
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
* you may not use this file except in compliance with the License.
|
* You may obtain a copy of the License at
|
*
|
* http://www.apache.org/licenses/LICENSE-2.0
|
*
|
* Unless required by applicable law or agreed to in writing, software
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
* See the License for the specific language governing permissions and
|
* limitations under the License.
|
* ============================================================ */
|
|
!function ($) {
|
|
"use strict"; // jshint ;_;
|
|
var loading = "<img src='assets/plugins/bootstrap-tree/bootstrap-tree/img/ajax-loader.gif' class='indicator' /> Loading ...";
|
|
/* TREE CLASS DEFINITION
|
* ========================= */
|
|
var Tree = function (element, options) {
|
|
this.$element = $(element)
|
this.$tree = this.$element.closest(".tree")
|
this.parentage = GetParentage(this.$element)
|
this.options = $.extend({}, $.fn.tree.defaults, options)
|
|
if (this.options.parent) {
|
this.$parent = $(this.options.parent)
|
}
|
|
this.options.toggle && this.toggle()
|
}
|
|
Tree.prototype = {
|
|
constructor: Tree
|
|
, toggle: function () {
|
|
var a, n, s
|
, currentStatus = this.$element.hasClass("in")
|
, eventName = (!currentStatus) ? "openbranch" : "closebranch"
|
|
this.$parent[currentStatus ? "addClass" : "removeClass"]("closed")
|
this.$element[currentStatus ? "removeClass" : "addClass"]("in")
|
|
if (this.options.href) {
|
this._load()
|
}
|
|
n = this.node()
|
// 'Action' (open|close) event
|
a = $.Event(eventName, {
|
node: n
|
})
|
// 'Select' event
|
s = $.Event("nodeselect", {
|
node: n
|
})
|
|
this.$parent.trigger(a).trigger(s)
|
|
}
|
|
, _load: function () {
|
var data = $.extend({}, this.options)
|
, el = this.$element
|
, $this = $(this)
|
, options = this.options
|
|
// some config data we don't need to pass in the post
|
delete data.parent
|
delete data.href
|
delete data.callback
|
|
$.post(options.href, data, function (d, s, x){
|
|
var doc, type = "html"
|
|
if (options.callback) { // If a callback was defined in the data parameters
|
|
var cb = window[options.callback].apply(el, [d, s, x]) // callbacks must return an object with 'doc' and 'type' keys
|
doc = cb.doc || d
|
type = cb.type || type
|
|
} else {
|
|
try {
|
doc = $.parseJSON(d)
|
type = "json"
|
} catch (err) {
|
doc = d
|
}
|
|
if (type !== "json") {
|
try {
|
doc = $.parseXML(d)
|
type = "xml"
|
} catch (err) {
|
doc = d
|
}
|
}
|
|
}
|
|
switch (type) {
|
|
case "html":
|
el.html(doc)
|
break
|
|
default:
|
$this[0]._buildOutput(doc, type, el)
|
break
|
|
}
|
|
}, "html")
|
}
|
|
, _buildOutput: function (doc, type, parent) {
|
|
var nodes = this._buildNodes(doc, type)
|
|
parent.empty().append(this._createNodes(nodes))
|
|
}
|
|
, _createNodes: function (nodes) {
|
|
var els = []
|
, $this = $(this)
|
|
$.each(nodes, function (ind, el) {
|
|
var node = $("<li>")
|
, role = (el.leaf) ? "leaf" : "branch"
|
, attributes = {}
|
, anchor = $("<a>")
|
|
attributes.role = role
|
|
if (!el.leaf) {
|
|
var branch = $("<ul>").addClass("branch")
|
|
attributes['class'] = "tree-toggle closed" //fixed by keenthemes for ie8
|
attributes["data-toggle"] = "branch"
|
|
}
|
|
if (el.value) attributes["data-value"] = el.value
|
|
if (el.id) attributes["data-itemid"] = el.id
|
|
for (var key in el) { // do we have some extras?
|
|
if (key.indexOf("data-") !== -1) attributes[key] = el[key]
|
|
}
|
|
attributes.href = (el.href) ? el.href : "#"
|
|
// trade the anchor for a span tag, if it's a leaf
|
// and there's no href
|
if (el.leaf && attributes.href === "#") {
|
|
anchor = $("<span>")
|
delete attributes.href
|
|
}
|
|
anchor.attr(attributes)
|
|
if (el.cls) anchor.addClass(el.cls)
|
if (!el.leaf && el.expanded && el.children.length) {
|
|
anchor.removeClass("closed")
|
branch.addClass("in")
|
|
}
|
|
anchor.html(el.text)
|
node.append(anchor)
|
|
if (!el.leaf && el.children && el.children.length) {
|
|
branch.append($this[0]._createNodes(el.children))
|
node.append(branch)
|
|
}
|
|
els.push(node)
|
|
})
|
|
return els
|
}
|
|
, _buildNodes: function (doc, type) {
|
|
var nodes = []
|
, $el = this.$element
|
|
if (type === "json") {
|
|
nodes = this._parseJsonNodes(doc)
|
|
} else if (type === "xml") {
|
|
nodes = this._parseXmlNodes($(doc).find("nodes").children())
|
|
}
|
|
return nodes
|
}
|
|
, _parseJsonNodes: function (doc) {
|
|
var nodes = []
|
, $this = $(this)
|
|
$.each(doc, function (ind, el) {
|
|
var opts = {}
|
, boolChkArr = ["leaf","expanded","checkable","checked"]
|
|
for (var item in el) {
|
|
var nodeVal = (item !== "children") ? el[item] : $this[0]._parseJsonNodes(el.children)
|
|
if (!$.isArray(nodeVal)) nodeVal = $.trim(nodeVal)
|
if (nodeVal.length) opts[item] = ($.inArray(item, boolChkArr) > -1) ? SetBoolean(nodeVal) : nodeVal
|
|
}
|
|
nodes.push(new Node(opts))
|
})
|
|
return nodes
|
|
}
|
|
, _parseXmlNodes: function (doc) {
|
|
var nodes = []
|
, $this = $(this)
|
, boolChkArr = ["leaf","expanded","checkable","checked"]
|
|
$.each(doc, function (ind, el) {
|
|
var opts = {}
|
, $el = $(el)
|
|
$.each($el.children(), function (x, i) {
|
|
var $i = $(i)
|
, tagName = $i[0].nodeName
|
, nodeVal = (tagName !== "children") ? $i.text() : $this[0]._parseXmlNodes($i.children("node"))
|
|
if (!$.isArray(nodeVal)) nodeVal = $.trim(nodeVal)
|
if (nodeVal.length) opts[tagName] = ($.inArray(tagName, boolChkArr) > -1) ? SetBoolean(nodeVal) : nodeVal
|
|
})
|
|
nodes.push(new Node(opts))
|
})
|
|
return nodes
|
|
}
|
|
, getparentage: function () {
|
|
return this.parentage
|
|
}
|
|
, node: function (el) {
|
el = el || $(this)
|
|
var node = $.extend(true, {}, (el[0] === $(this)[0]) ? $(this.$parent).data() : el.data())
|
|
node.branch = this.$element
|
node.parentage = this.parentage
|
node.el = (el[0] === $(this)[0]) ? this.$parent : el
|
|
delete node.parent
|
|
return node
|
|
}
|
|
}
|
|
var Node = function (options) {
|
|
$.extend(true, this, {
|
text: undefined,
|
leaf: false,
|
value: undefined,
|
expanded: false,
|
cls: undefined,
|
id: undefined,
|
href: undefined,
|
checkable: false,
|
checked: false,
|
children: []
|
}, options)
|
|
}
|
|
var GetParentBranch = function ($this) {
|
|
return $this.closest("ul.branch").prev(".tree-toggle")
|
|
}
|
|
var GetParentage = function ($this) {
|
|
var arr = [], tmp
|
|
tmp = GetParentBranch($this)
|
if (tmp.length) {
|
arr = GetParentage(tmp)
|
arr.push(tmp.attr("data-value")||tmp.text())
|
}
|
|
return arr
|
|
}
|
|
/**
|
* FUNCTION SetBoolean
|
*
|
* Takes any value, and returns it's boolean equivalent.
|
*
|
* @param value (any)
|
* @return (boolean)
|
*/
|
var SetBoolean = function (value) {
|
|
value = $.trim(value)
|
|
if (typeof value === "undefined" || value === null) return false
|
|
if (typeof value === "string" && !isNaN(value)) value = parseFloat(value)
|
|
if (typeof value === "string") {
|
switch (value.toLowerCase()) {
|
case "true":
|
case "yes":
|
return true
|
case "false":
|
case "no":
|
return false
|
}
|
}
|
|
return Boolean(value)
|
}
|
|
|
/* COLLAPSIBLE PLUGIN DEFINITION
|
* ============================== */
|
|
$.fn.tree = function (option) {
|
|
return this.each(function () {
|
var $this = $(this)
|
, data = $this.data("tree")
|
, options = typeof option == "object" && option
|
|
if (!data) $this.data("tree", (data = new Tree(this, options)))
|
if (typeof option == "string") data[option]()
|
})
|
|
}
|
|
$.fn.tree.defaults = {
|
|
toggle: true
|
|
}
|
|
$.fn.tree.Constructor = Tree
|
|
/* COLLAPSIBLE DATA-API
|
* ==================== */
|
|
$(function () {
|
|
$("body").on("click.tree.data-api", "[data-toggle=branch]", function (e) {
|
|
e.preventDefault()
|
|
var $this = $(this)
|
, target = $this.next(".branch")
|
, href = $this.attr("href")
|
, option = $(target).data("tree") ? "toggle" : $this.data()
|
|
href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
|
|
if (!target.length) {
|
target = $('<ul>').addClass('branch').append("<li>" + loading + "</li>").insertAfter($this)
|
}
|
|
option.parent = $this
|
option.href = (href !== "#") ? href : undefined
|
|
$(target).tree(option)
|
|
return false
|
})
|
|
$("body").on("click.tree.data-api", "[data-role=leaf]", function (e) {
|
|
var $this = $(this)
|
, branch = $this.closest(".branch")
|
|
// If not initialized, then create it
|
if (!$(branch).data("tree")) {
|
|
var $target = $(branch)
|
, branchlink = $target.prev("[data-toggle=branch]")
|
, branchdata = branchlink.data()
|
, href = branchlink.attr("href")
|
|
href.replace(/.*(?=#[^\s]+$)/, '')
|
|
$target.tree($.extend({}, branchdata, {
|
"toggle": false,
|
"parent": branchlink,
|
"href": (href !== "#") ? href : undefined
|
}))
|
}
|
|
e = $.Event("nodeselect", {
|
node: $(branch).data("tree").node($this)
|
})
|
|
$this.trigger(e)
|
|
})
|
|
})
|
|
}(window.jQuery);
|
