Anjing Webshells

Website : rimsha.abasa.com
: / var / canvas / node_modules / @canvas / jquery /
Filename : jquery.tree.js
back
/*
 * Copyright (C) 2011 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

/* eslint-disable @typescript-eslint/no-redeclare */
/* eslint-disable @typescript-eslint/no-shadow */
/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable block-scoped-var */
/* eslint-disable eqeqeq */
/* eslint-disable no-var */
/* eslint-disable vars-on-top */

// xsslint jqueryObject.identifier tree
import $ from 'jquery'
import htmlEscape from '@instructure/html-escape'
import 'jqueryui/draggable'
import 'jqueryui/droppable'

function isOpera() {
  const ua = window.navigator.userAgent
  return ua.indexOf('OPR/') !== -1 || ua.indexOf('Opera/') !== -1 || ua.indexOf('OPT/') !== -1
}

$.fn.instTree = function (options) {
  return $(this).each(function () {
    let binded = false
    let tree = $(this)
    const it = this
    let ddover = null

    it.options = {
      autoclose: true,
      overrideEvents: false,
      multi: true,
      dragdrop: true,
      onClick: false,
      onDblClick: false,
      onExpand: false,
      onCollapse: false,
      onAddNode: false,
      onEditNode: false,
      onDeleteNode: false,
      onDrag: false,
      onDrop: false,
    }
    it.opts = $.extend({}, it.options, options)

    $.fn.instTree.InitInstTree = function (obj) {
      tree = $(obj)

      const $sep = '<li class="separator"></li>'

      tree
        .find('li:not(.separator)')
        .filter(function () {
          return !($(this).prev('li.separator').get(0) || $(this).parents('ul.non-instTree').get(0))
        })
        .each(function () {
          $(this).before($sep)
        })

      tree.find('li > span').not('.sign').not('.clr').addClass('text').attr('unselectable', 'on')

      tree
        .find('li:not(.separator)')
        .filter(function () {
          return !$(this).parents('ul.non-instTree').get(0)
        })
        .filter(':has(ul)')
        .addClass('node')
        .end()
        .filter(':not(.node)')
        .addClass('leaf')

      it.Clean()

      it.AddSigns()

      if (!binded) {
        it.BindEvents(obj)
      }

      // dragdrop
      if (it.opts.dragdrop) {
        it.CancelDragDrop(obj)
        it.InitDragDrop(obj)
      } // if (it.opts.dragdrop)
    } // InitInstTree
    it.InitDragDrop = function (obj) {
      tree = $(obj)

      tree.find('span.text').draggable({
        cursor: 'move',
        distance: 3,
        helper() {
          return $('<div id="instTree-drag"><span>' + $(this).html() + '</span></div>')
        },
        appendTo: tree,
      })

      tree.find('li.separator').droppable({
        accept: 'span.text',
        hoverClass: 'dd-hover',
      })

      tree.find('span.text').bind('dragstart', function (event, ui) {
        tree = $(this).parents('ul.instTree:first')

        const li = $(this).parent('li')
        const dd = $('div#instTree-drag')

        if (isOpera()) {
          dd.css('margin-top', '10px')
        }

        if (li.is('.leaf')) {
          dd.addClass('leaf')
        } // if (li.is('.leaf'))
        else if (li.is('.node')) {
          dd.addClass('node')
        }

        li.prev('li.separator').addClass('alt').end().addClass('alt')

        if (typeof it.opts.onDrag === 'function') {
          it.opts.onDrag(event, li)
        }
      })

      tree.find('li.separator').bind('dropover', function (event, ui) {
        ddover = $(this)
      })

      tree.find('li.separator').bind('dropout', (event, ui) => {
        ddover = null
      })

      tree.find('span.text').bind('dragstop', (event, ui) => {
        let lvlok = true

        if (ddover) {
          var ali = tree.find('li.alt:not(.separator):eq(0)')
          const hli = ddover.parents('li.node:eq(0)')

          if (ali.is('.node') && hli.is('.fixedLevel')) {
            lvlok = false
          }
        } // if (ddover)
        if (ddover && lvlok) {
          ddover.before(tree.find('li.alt').remove().removeClass('alt'))

          ddover = null

          if (typeof it.opts.onDrop === 'function') {
            it.opts.onDrop(event, ali)
          }

          $.fn.instTree.InitInstTree(obj)
        } // if (ddover)
        else {
          tree.find('li.alt').removeClass('alt')
        }
      })
    } // InitDragDrop
    it.CancelDragDrop = function (obj) {
      tree = $(obj)

      tree.find('span.text').draggable('destroy')
      tree.find('li.separator').droppable('destroy')
      tree.find('li.separator').unbind()
      tree.find('span.text').unbind()
    }

    $.fn.instTree.AddNode = function (obj, type) {
      tree = $(obj)

      const activeElement = tree.find('span.active').get(0)

      if (activeElement) {
        const li = $(activeElement).parents('li:first')
        const lin = $(activeElement).parents('li.node:first')

        if (!lin.is('.fixedLevel') || type != 'node') {
          // xsslint safeString.identifier ncont cn
          const cn = type == 'leaf' ? '' : ' class="node"'

          const sep = '<li class="separator"></li>'
          const nli =
            '<li' +
            cn +
            '><span class="text">&nbsp;</span><input type="text" value="New item" /></li>'
          const ncont = sep + nli

          let ok = false
          let node, childul, iprnt

          if (li.is('.leaf')) {
            li.after(ncont)

            node = li.nextAll('li:not(.separator):first')

            iprnt = li.parent()

            ok = true
          } // if (li.is('.leaf'))
          else if (li.is('.node')) {
            childul = li.children('ul').get(0)

            if (childul) {
              $(childul).append(ncont)

              node = $(childul).children('li:not(.separator):last')
            } // if (childul)
            else {
              li.append('<ul>' + ncont + '</ul>')

              childul = li.children('ul').get(0)

              node = $(childul).children('li:not(.separator):last')
            } // else
            it.ExpandNode(obj, li)

            iprnt = li

            ok = true
          } // else if ( ...
          if (ok) {
            $(activeElement).removeClass('active')

            iprnt
              .find('input:text')
              .focus()
              .select()
              .blur(function () {
                it.SaveInput(obj, $(this))
              })
          } // if (ok)
          $.fn.instTree.InitInstTree(obj)

          if (typeof it.opts.onAddNode === 'function') {
            it.opts.onAddNode(node)
          }
        } // if ((!li.is('.fixedLevel')) || (type != 'node'))
      } // if (activeElement)
    } // AddNode
    $.fn.instTree.EditNode = function (obj) {
      tree = $(obj)
      const activeElement = tree.find('span.active').get(0)
      if (activeElement) {
        const li = $(activeElement).parents('li:first')

        $(activeElement).replaceWith(
          '<span class="text">&nbsp;</span><input type="text" value="' +
            htmlEscape($(activeElement).text()) +
            '" />'
        )

        li.find('input:text')
          .focus()
          .select()
          .blur(function () {
            it.SaveInput(obj, $(this))
          })

        if (typeof it.opts.onEditNode === 'function') {
          it.opts.onEditNode(li)
        }
      }
      // if (activeElement)
    } // EditNode
    $.fn.instTree.DeleteNode = function (obj) {
      tree = $(obj)

      const activeElement = tree.find('span.active').get(0)

      if (activeElement) {
        const li = $(activeElement).parents('li:first')
        const prnt = li.parents('li.node:first')

        li.prev('li.separator').remove().end().remove()

        $.fn.instTree.InitInstTree(obj)

        if (typeof it.opts.onDeleteNode === 'function') {
          it.opts.onDeleteNode(li, prnt)
        }
      } // if (activeElement)
    } // DeleteNode
    it.SaveInput = function (obj, input) {
      input.prev('span.text').remove()

      const val = $.trim(input.get(0).value) !== '' ? input.get(0).value : '_____'

      input.replaceWith('<span class="active text">' + htmlEscape(val) + '</span>')

      $.fn.instTree.InitInstTree(obj)
    } // SaveInput
    it.Clean = function () {
      tree.find('li:not(.separator)').each(function () {
        $(this).removeClass('last')

        if (!$(this).next('li').length || $(this).find('ul').length) {
          $(this).addClass('last')
        }
      })
    } // Clean
    it.AddSigns = function () {
      tree.find('li.node').each(function () {
        if ($(this).hasClass('open')) {
          $(this).find('span.sign').remove().end().append('<span class="sign minus"></span>')
        } else {
          $(this).find('span.sign').remove().end().append('<span class="sign plus"></span>')
        }
      })
    } // AddSigns
    it.BindEvents = function (obj) {
      tree.on('keydown', function (e) {
        const $currentSelected = tree.find('[aria-selected="true"]')
        const $fileListContainer = $('#file_list_container')

        switch (e.which) {
          case 38: // up
            e.preventDefault()
            e.stopPropagation()

            var $upNode = it.FindNode($currentSelected, 'up')
            it.SelectNode($upNode)
            $fileListContainer.scrollTop(it.FileScrollOffset($upNode, $fileListContainer))

            break
          case 40: // down
            e.preventDefault()
            e.stopPropagation()

            var $downNode = it.FindNode($currentSelected, 'down')
            it.SelectNode($downNode)
            $fileListContainer.scrollTop(it.FileScrollOffset($downNode, $fileListContainer))

            break
          case 37: // left
            e.preventDefault()
            e.stopPropagation()
            var expanded = $currentSelected.attr('aria-expanded')

            if ($currentSelected.hasClass('node') && expanded === 'true') {
              it.CollapseNode($currentSelected)
            } else if (
              typeof expanded === 'undefined' ||
              expanded === false ||
              expanded === 'false'
            ) {
              const parentNode = $currentSelected.parents('.node').eq(0)
              it.SelectNode(parentNode)
              $fileListContainer.scrollTop(it.FileScrollOffset(parentNode, $fileListContainer))
            }

            break
          case 39: // right
            e.preventDefault()
            e.stopPropagation()
            var expanded = $currentSelected.attr('aria-expanded')

            if ($currentSelected.hasClass('node') && expanded !== 'true') {
              it.ExpandNode(obj, $currentSelected)
            } else if (expanded === 'true') {
              // if its something that can be expand
              var $downNode = it.FindNode($currentSelected, 'down')
              it.SelectNode($downNode)
              $fileListContainer.scrollTop(it.FileScrollOffset($downNode, $fileListContainer))
            }

            break
          case 13: // enter this allows for an onEnter function
            e.preventDefault()
            e.stopPropagation()
            var node = $currentSelected

            if (typeof it.opts.onEnter === 'function') {
              it.opts.onEnter.call(this, e, node)
            }

            break
          case 35: // home button
            e.preventDefault()
            e.stopPropagation()

            var $treeItems = $('[role="treeitem"]:visible')
            var $lastItem = $treeItems.last()
            it.SelectNode($lastItem)
            $fileListContainer.scrollTop(it.FileScrollOffset($lastItem, $fileListContainer))

            break
          case 36: // home button
            e.preventDefault()
            e.stopPropagation()

            var $treeItems = $('[role="treeitem"]:visible')
            var $firstItem = $treeItems.first()
            it.SelectNode($firstItem)
            $fileListContainer.scrollTop(it.FileScrollOffset($firstItem, $fileListContainer))

            break
        }
      })

      tree.click(function (e) {
        const tree = $(this).closest('.instTree')
        const clicked = $(e.target)
        let node

        if (clicked.is('span.sign')) {
          node = clicked.parents('li:eq(0)')
          it.ToggleNode(obj, node)
        } else if (clicked.is('span.text')) {
          node = clicked.closest('li')

          if (typeof it.opts.onClick === 'function') {
            if (!it.opts.overrideEvents) {
              if (!it.opts.multi || !e.ctrlKey) {
                tree
                  .find('.active')
                  .removeClass('active')
                  .end()
                  .find('.active-leaf')
                  .removeClass('active-leaf')
                  .end()
                  .find('.active-node')
                  .removeClass('active-node')
              }
              clicked.addClass('active')
              if (node.hasClass('leaf')) {
                node.addClass('active-leaf')
              } else {
                node.addClass('active-node')
              }
            }
            it.opts.onClick.call(node, e, node)
          } else {
            if (!it.opts.multi || !e.ctrlKey) {
              tree
                .find('.active')
                .removeClass('active')
                .end()
                .find('.active-leaf')
                .removeClass('active-leaf')
                .end()
                .find('.active-node')
                .removeClass('active-node')
            }
            clicked.addClass('active')
            if (node.hasClass('leaf')) {
              node.addClass('active-leaf')
            } else {
              node.addClass('active-node')
            }
          }
        }
      })

      tree.dblclick(e => {
        const clicked = $(e.target)

        if (clicked.is('span.text')) {
          const node = clicked.parents('li:eq(0)')

          if (typeof it.opts.onDblClick === 'function') {
            if (!it.opts.overrideEvents && node.is('.node')) {
              it.ToggleNode(obj, node)
            }
            it.opts.onDblClick.call(node, e, node)
          } else if (node.is('.node')) {
            it.ToggleNode(obj, node)
          }
        } // if (clicked.is('span.text'))
      })

      binded = true
    } // BindEvents
    it.ToggleNode = function (obj, node) {
      if (node.hasClass('open')) {
        it.CollapseNode(node)
      } else {
        it.ExpandNode(obj, node)
      }

      it.Clean()
    } // ToggleNode
    it.ExpandNode = function (obj, node) {
      node.addClass('open')
      node.attr('aria-expanded', true)

      if (it.opts.autoclose) {
        node.siblings('.open').each(function () {
          it.CollapseNode($(this))
        })
      }
      // if (opts.autoclose)
      const sign = node.find('span.sign:last')

      sign.removeClass('plus').addClass('minus')

      if (it.opts.multi) {
        $.fn.instTree.InitInstTree(obj)
      }

      if (typeof it.opts.onExpand === 'function') {
        it.opts.onExpand(node)
      }
    } // ExpandNode

    it.CollapseNode = function (node) {
      node.removeClass('open')
      node.attr('aria-expanded', false)

      const sign = node.find('span.sign:last')

      sign.removeClass('minus').addClass('plus')

      if (typeof it.opts.onCollapse === 'function') {
        it.opts.onCollapse(node)
      }
    } // CollapseNode

    // This function add's all of the accessiblity attributes
    // to a node to qualify it as 'selected'. This means aria-selected,
    // activedecendant and any other tags that might need to be added.

    it.SelectNode = function ($node) {
      if ($node.length) {
        tree.attr('aria-activedescendant', $node.attr('id'))
        tree.find('[aria-selected="true"]').attr('aria-selected', 'false')
        $node.attr('aria-selected', 'true')
      }
    } // SelectNode

    // This returns a next or previous node in a tree. For instance, given
    // node 1, 2, 3 if you are on node 1 and want to move down to the next
    // node it would return node 2. (In the file system of course).
    //
    // Accepts 2 arguments -> jQuery Object | "up" or "down" (defaults to down)
    // Returns jQuery Node

    it.FindNode = function ($currentSelected, direction) {
      const $treeItems = $('[role="treeitem"]:visible')
      const currentIndex = $treeItems.index($currentSelected)
      let newIndex = currentIndex

      direction == 'up' ? newIndex-- : newIndex++ // defaults to ++ or a down direction
      const node = newIndex >= 0 ? $treeItems.get(newIndex) : $treeItems.get(currentIndex) // ensure you don't return a negitive index
      const $node = $(node).data('indexPosition', newIndex)
      return $node
    } // FindNode

    // Calculates the offset that should be used to keep the files tab scrolled
    // in the right position. Using the native "offset" properties was inconsistent
    // so we are calculating the position by adding the heights of div and scrolling
    // based on that.
    //
    // Accepts 2 argument -> jQuery Object (file/folder node) and jQuery Object its container
    // Returns Integer which is the offset to use for scrolling to the correct position

    it.FileScrollOffset = function ($item, $fileListContainer) {
      const index = $item.data('indexPosition')

      const leafHight = $fileListContainer.find('.leaf').first().height() || 20 // defaults to 20 px
      const seperatorHeight = $item.siblings('.separator').first().height() || 2 // defaults to 2 px
      const seperatorOffset = seperatorHeight * index
      const nodeOffset = leafHight * index
      const containerOffset = $fileListContainer.height() / 2

      return nodeOffset + seperatorOffset - containerOffset
    } // FileScrollOffset

    if ($(this).is('ul')) {
      tree = $(this)
      tree.addClass('instTree')
      $.fn.instTree.InitInstTree(it)
    } // if ($(this).is('ul'))
  })
}