@brightspot/ui 3.0.1-cms-ui-migration.2 → 3.0.1-cms-ui-migration.3

package/src/legacy/tool-ui/src/main/webapp/v4/TimedContent.js

@@ -1,147 +0,0 @@
-import onFind from './dom/onFind'
-
-const PARENT_INPUT_CONTAINER_SELECTOR =
-  '.inputContainer-TimedContentPlayerNote-player-visible'
-const TIMED_CONTENT_PLAYER_NOTE_SELECTOR = '.TimedContentPlayerNote'
-const TIMED_COMPANION_SELECTOR_SELECTOR = '.TimedCompanionSelector'
-
-const EVENT_SUFFIX = '.timed'
-const PAUSE_EVENT = 'pause' + EVENT_SUFFIX
-const TIME_UPDATE_EVENT = 'timeUpdate' + EVENT_SUFFIX
-const SEEK_EVENT = 'seek' + EVENT_SUFFIX
-const DESTROY_EVENT = 'destroy' + EVENT_SUFFIX
-
-const OFFSET_LABEL_INPUT_SELECTOR = 'textarea[name$="offsetLabel"]'
-
-onFind('.TimedContentPlayerNote', (note) => {
-  let $note = $(note)
-  let $inputContainer = $note.closest('.inputContainer')
-
-  let $thumbnailContainer = $note.find(
-    TIMED_CONTENT_PLAYER_NOTE_SELECTOR + '-thumbnail',
-  )
-  let $thumbnailLink = $note.find(
-    TIMED_CONTENT_PLAYER_NOTE_SELECTOR + '-thumbnail-link',
-  )
-
-  let $playerContainer = $note.find(
-    TIMED_CONTENT_PLAYER_NOTE_SELECTOR + '-player',
-  )
-
-  let $playerFrame = $note.find(
-    TIMED_CONTENT_PLAYER_NOTE_SELECTOR + '-player-frame',
-  )
-  let $closeButton = $note.find(
-    TIMED_CONTENT_PLAYER_NOTE_SELECTOR + '-player-close',
-  )
-
-  let $companionSelector = $note.find(TIMED_COMPANION_SELECTOR_SELECTOR)
-  if ($companionSelector.length > 0) {
-    let $tsLabel = $(note).find(
-      TIMED_COMPANION_SELECTOR_SELECTOR + '-controls-timestamp',
-    )
-    let $addTsButton = $(note).find(
-      TIMED_COMPANION_SELECTOR_SELECTOR + '-controls-button',
-    )
-
-    $inputContainer.on(TIME_UPDATE_EVENT, function (event, ts) {
-      $tsLabel.attr('data-ts', ts)
-      $tsLabel.attr('data-ts-formatted', secondsToLabel(ts))
-      $tsLabel.html('@ ' + secondsToLabel(ts))
-    })
-
-    $addTsButton.on('click', function (event) {
-      event.preventDefault()
-
-      $playerFrame.trigger(PAUSE_EVENT)
-
-      let $repeatableForm = $(this)
-        .closest(PARENT_INPUT_CONTAINER_SELECTOR)
-        .find('> .repeatableForm')
-      let $list = $repeatableForm.find('> ol').first()
-
-      let oldSize = $list.find('li').size()
-      $repeatableForm.find('> .addButtonContainer .addButton').click()
-
-      let checkFormInterval = setInterval(function () {
-        let items = $list.find('li')
-        if (items.size() > oldSize) {
-          clearInterval(checkFormInterval)
-          items
-            .last()
-            .find(OFFSET_LABEL_INPUT_SELECTOR)
-            .val($tsLabel.attr('data-ts-formatted'))
-        }
-      }, 200)
-    })
-
-    $inputContainer.on(
-      'click',
-      '.TimedCompanionJumpToTimeAction',
-      function (event) {
-        event.preventDefault()
-
-        $playerFrame.trigger(SEEK_EVENT, $(this).attr('data-ts'))
-
-        return false
-      },
-    )
-
-    $inputContainer.on('click', '.TimedCompanionSyncAction', function (event) {
-      event.preventDefault()
-
-      $playerFrame.trigger(PAUSE_EVENT)
-
-      // get the formatted timestamp
-      let tsFormatted = $tsLabel.attr('data-ts-formatted')
-
-      // update the the timed companion's input.
-      $(this)
-        .closest('.inputContainer')
-        .find(OFFSET_LABEL_INPUT_SELECTOR)
-        .val(tsFormatted)
-        .trigger('change')
-
-      return false
-    })
-  }
-
-  $closeButton.on('click', function (event) {
-    $playerFrame.trigger(DESTROY_EVENT)
-
-    $playerContainer.hide().find('.frame').empty()
-
-    $thumbnailContainer.show()
-
-    $inputContainer.removeClass(PARENT_INPUT_CONTAINER_SELECTOR.substring(1))
-  })
-
-  $thumbnailLink.on('click', function (event) {
-    event.preventDefault()
-
-    $thumbnailContainer.hide()
-
-    $playerContainer.show()
-
-    $inputContainer.addClass(PARENT_INPUT_CONTAINER_SELECTOR.substring(1))
-
-    return true
-  })
-
-  function secondsToLabel(tsecs) {
-    let secs = tsecs % 60
-    tsecs = Math.floor(tsecs / 60)
-    let mins = tsecs % 60
-    let hrs = Math.floor(tsecs / 60)
-
-    if (secs < 10) {
-      secs = '0' + secs
-    }
-
-    if (hrs > 0) {
-      return hrs + ':' + mins + ':' + secs
-    } else {
-      return mins + ':' + secs
-    }
-  }
-})

package/src/legacy/tool-ui/src/main/webapp/v4/TimedContentBundle.js

@@ -1,8 +0,0 @@
-import onFindOnce from './dom/onFindOnce'
-
-onFindOnce('.TimedContentPlayerNote', async () => {
-  if (!window.BRIGHTSPOT?.ui.cms.enableV5UI) {
-    await import(/* webpackChunkName: 'TimedContent' */ './TimedContent.less')
-  }
-  await import(/* webpackChunkName: 'TimedContent' */ './TimedContent.js')
-})