+++ /dev/null
-node_element = require './node_element'
-NodeElement = node_element.NodeElement
-
-util = require './util'
-html_escape = util.html_escape
-
-
-$ = jQuery
-
-
-class ElementsRenderer
- constructor: (tree_widget) ->
- @tree_widget = tree_widget
-
- @opened_icon_element = @createButtonElement(tree_widget.options.openedIcon)
- @closed_icon_element = @createButtonElement(tree_widget.options.closedIcon)
-
- render: (from_node) ->
- if from_node and from_node.parent
- @renderFromNode(from_node)
- else
- @renderFromRoot()
-
- renderFromRoot: ->
- $element = @tree_widget.element
- $element.empty()
-
- @createDomElements($element[0], @tree_widget.tree.children, true, true, 1)
-
- renderFromNode: (node) ->
- # remember current li
- $previous_li = $(node.element)
-
- # create element
- li = @createLi(node, node.getLevel())
- @attachNodeData(node, li)
-
- # add element to dom
- $previous_li.after(li)
-
- # remove previous li
- $previous_li.remove()
-
- # create children
- if node.children
- @createDomElements(li, node.children, false, false, node.getLevel() + 1)
-
- createDomElements: (element, children, is_root_node, is_open, level) ->
- ul = @createUl(is_root_node)
- element.appendChild(ul)
-
- for child in children
- li = @createLi(child, level)
- ul.appendChild(li)
-
- @attachNodeData(child, li)
-
- if child.hasChildren()
- @createDomElements(li, child.children, false, child.is_open, level + 1)
-
- return null
-
- attachNodeData: (node, li) ->
- node.element = li
- $(li).data('node', node)
-
- createUl: (is_root_node) ->
- if !is_root_node
- class_string = ''
- role = 'group'
- else
- class_string = 'jqtree-tree'
- role = 'tree'
-
- if @tree_widget.options.rtl
- class_string += ' jqtree-rtl'
-
- ul = document.createElement('ul')
- ul.className = "jqtree_common #{ class_string }"
-
- ul.setAttribute('role', role)
-
- return ul
-
- createLi: (node, level) ->
- is_selected = @tree_widget.select_node_handler and @tree_widget.select_node_handler.isNodeSelected(node)
-
- if node.isFolder()
- li = @createFolderLi(node, level, is_selected)
- else
- li = @createNodeLi(node, level, is_selected)
-
- if @tree_widget.options.onCreateLi
- @tree_widget.options.onCreateLi(node, $(li))
-
- return li
-
- createFolderLi: (node, level, is_selected) ->
- button_classes = @getButtonClasses(node)
- folder_classes = @getFolderClasses(node, is_selected)
-
- if node.is_open
- icon_element = @opened_icon_element
- else
- icon_element = @closed_icon_element
-
- # li
- li = document.createElement('li')
- li.className = "jqtree_common #{ folder_classes }"
- li.setAttribute('role', 'presentation')
-
- # div
- div = document.createElement('div')
- div.className = "jqtree-element jqtree_common"
- div.setAttribute('role', 'presentation')
-
- li.appendChild(div)
-
- # button link
- button_link = document.createElement('a')
- button_link.className = button_classes
-
- button_link.appendChild(
- icon_element.cloneNode(false)
- )
-
- button_link.setAttribute('role', 'presentation')
- button_link.setAttribute('aria-hidden', 'true')
-
- if @tree_widget.options.buttonLeft
- div.appendChild(button_link)
-
- # title span
- div.appendChild(
- @createTitleSpan(node.name, level, is_selected, node.is_open, is_folder=true)
- )
-
- if not @tree_widget.options.buttonLeft
- div.appendChild(button_link)
-
- return li
-
- createNodeLi: (node, level, is_selected) ->
- li_classes = ['jqtree_common']
-
- if is_selected
- li_classes.push('jqtree-selected')
-
- class_string = li_classes.join(' ')
-
- # li
- li = document.createElement('li')
- li.className = class_string
- li.setAttribute('role', 'presentation')
-
- # div
- div = document.createElement('div')
- div.className = "jqtree-element jqtree_common"
- div.setAttribute('role', 'presentation')
-
- li.appendChild(div)
-
- # title span
- div.appendChild(
- @createTitleSpan(node.name, level, is_selected, node.is_open, is_folder=false)
- )
-
- return li
-
- createTitleSpan: (node_name, level, is_selected, is_open, is_folder) ->
- title_span = document.createElement('span')
-
- classes = "jqtree-title jqtree_common"
-
- if is_folder
- classes += " jqtree-title-folder"
-
- title_span.className = classes
-
- title_span.setAttribute('role', 'treeitem')
- title_span.setAttribute('aria-level', level)
-
- title_span.setAttribute('aria-selected', util.getBoolString(is_selected))
- title_span.setAttribute('aria-expanded', util.getBoolString(is_open))
-
- if is_selected
- title_span.setAttribute('tabindex', 0)
-
- title_span.innerHTML = @escapeIfNecessary(node_name)
-
- return title_span
-
- getButtonClasses: (node) ->
- classes = ['jqtree-toggler', 'jqtree_common']
-
- if not node.is_open
- classes.push('jqtree-closed')
-
- if @tree_widget.options.buttonLeft
- classes.push('jqtree-toggler-left')
- else
- classes.push('jqtree-toggler-right')
-
- return classes.join(' ')
-
- getFolderClasses: (node, is_selected) ->
- classes = ['jqtree-folder']
-
- if not node.is_open
- classes.push('jqtree-closed')
-
- if is_selected
- classes.push('jqtree-selected')
-
- if node.is_loading
- classes.push('jqtree-loading')
-
- return classes.join(' ')
-
- escapeIfNecessary: (value) ->
- if @tree_widget.options.autoEscape
- return html_escape(value)
- else
- return value
-
- createButtonElement: (value) ->
- if typeof value == 'string'
- # convert value to html
- div = document.createElement('div')
- div.innerHTML = value
-
- return document.createTextNode(div.innerHTML)
- else
- return $(value)[0]
-
-
-module.exports = ElementsRenderer
Code Review / portal.git / blobdiff