angular-gantt/src/core/logic/template/side.factory.ts

Gantt chart component for AngularJS

import {IAugmentedJQuery} from 'angular'
import {Gantt} from '../gantt.factory'

export class GanttSide {
  private $element: IAugmentedJQuery

  private gantt: Gantt

  constructor (gantt: Gantt) {
    this.gantt = gantt
  }

  getWidth () {
    if (this.gantt.options.value('showSide')) {
      let width = this.gantt.options.value('sideWidth')
      if (width === undefined && this.$element !== undefined) {
        if (this.$element.css('width') !== undefined) {
          this.$element.css('width', '')
        }
      }
      if (this.$element !== undefined) {
        width = this.$element[0].offsetWidth
      }
      if (width !== undefined) {
        return width
      }
    }
    return 0
  }

  show (value) {
    if (this.$element !== undefined) {
      this.$element.toggleClass('ng-hide', !value)
    }
  }

  isShown () {
    if (this.$element !== undefined) {
      return !this.$element.hasClass('ng-hide')
    }
  }
}

export default function () {
  'ngInject'

  return GanttSide
}