SpeciesFileGroup/taxonworks

File pinboard.js has 289 lines of code (exceeds 250 allowed). Consider refactoring.

Open

var TW = TW || {}
TW.workbench = TW.workbench || {}
TW.workbench.pinboard = TW.workbench.pinboard || {}

Object.assign(TW.workbench.pinboard, {

Function createPinboardItem has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  createPinboardItem(pinObject) {
    const template = document.createElement('template')
    template.innerHTML = `
      <li 
        class="slide-panel-category-item"

Function cleanPinboardItems has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  cleanPinboardItems({ type, section }) {
    const CSRFToken = document
      .querySelector('meta[name="csrf-token"]')
      .getAttribute('content')
    const headers = { 'X-CSRF-Token': CSRFToken }

Function addToPinboard has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  addToPinboard(object) {
    const insertedItem = this.getInsertedPin(object)
    const pinboardItemElement = this.createPinboardItem(object)
    let sectionElement = document.querySelector(
      `[data-pinboard-section="${object.pinned_object_section}"]`

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  removeEvents() {
    const element = document.querySelector('[data-panel-name="pinboard"]')

    element.removeEventListener('click', this.toggleSectionEvent)
    element.removeEventListener('click', this.removePinItemsFromSectionEvent)

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  handleEvents() {
    const element = document.querySelector('[data-panel-name="pinboard"]')

    element.addEventListener('click', this.toggleSectionEvent)
    element.addEventListener('click', this.removePinItemsFromSectionEvent)

• Read up
  Read up