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

package/src/legacy/tool-ui/src/main/webapp/script/content/layout-element.js

@@ -1,141 +0,0 @@
-define(['jquery', '../bsp-utils'], function ($, bspUtils) {
-  bspUtils.onDomInsert(document, '.objectInputs', {
-    insert: function (inputs) {
-      var $inputs = $(inputs)
-      var placeholders =
-        $.parseJSON($inputs.attr('data-layout-placeholders')) || []
-      var $fields = $inputs.find('> .inputContainer[data-layout-field]')
-
-      if (placeholders.length === 0 && $fields.length === 0) {
-        return
-      }
-
-      var maxRight = 0
-      var maxBottom = 0
-      var tabName = null
-
-      function setMaxes(element) {
-        var right = element.left + element.width
-        var bottom = element.top + element.height
-
-        if (maxRight < right) {
-          maxRight = right
-        }
-
-        if (maxBottom < bottom) {
-          maxBottom = bottom
-        }
-      }
-
-      $.each(placeholders, function (i, placeholder) {
-        setMaxes(placeholder)
-      })
-
-      $fields.each(function () {
-        if (tabName === null && $(this).attr('data-tab')) {
-          tabName = $(this).attr('data-tab')
-        }
-        setMaxes($.parseJSON($(this).attr('data-layout-field')))
-      })
-
-      var $firstField = $fields.eq(0)
-
-      var $wrapper = $('<div/>', {
-        class: 'inputLayout-wrapper',
-        'data-tab': tabName,
-      })
-
-      var $constrain = $('<div/>', {
-        class: 'inputLayout-constrain',
-        css: {
-          'padding-bottom': (maxBottom / maxRight) * 100 + '%',
-        },
-      })
-
-      var $container = $('<div/>', {
-        class: 'inputLayout-container',
-      })
-
-      function addElement(element, $field) {
-        var hasErrors = $field && $field.data('layout-errors')
-
-        var $label = $('<div/>', {
-          class:
-            'inputLayout-label' +
-            ($field ? '' : ' inputLayout-label-placeholder') +
-            (hasErrors ? ' inputLayout-error' : ''),
-          click: function () {
-            if (!$field) {
-              return
-            }
-
-            var $label = $(this)
-
-            $label
-              .closest('.inputLayout-container')
-              .find('.inputLayout-label')
-              .removeClass('inputLayout-label-selected')
-            $fields.toggleClass('inputLayout-hidden', true)
-            $label.addClass('inputLayout-label-selected')
-            $field.toggleClass('inputLayout-hidden', false)
-            $field.trigger('resize')
-          },
-        })
-
-        if ($field) {
-          $label.text($field.find('> .inputLabel > label').text())
-        } else {
-          $label.text(element.name)
-        }
-
-        var dynamicText = element.dynamicText
-
-        if (dynamicText) {
-          $label.attr('data-dynamic-text', dynamicText)
-        }
-
-        $container.append(
-          $('<div/>', {
-            class:
-              'inputLayout-element ' +
-              ($field
-                ? 'inputLayout-element-field'
-                : 'inputLayout-element-placeholder'),
-            html: $label,
-            css: {
-              height: (element.height / maxBottom) * 100 + '%',
-              left: (element.left / maxRight) * 100 + '%',
-              top: (element.top / maxBottom) * 100 + '%',
-              width: (element.width / maxRight) * 100 + '%',
-            },
-          }),
-        )
-      }
-
-      $.each(placeholders, function (i, placeholder) {
-        addElement(placeholder)
-      })
-
-      $fields.each(function () {
-        var $field = $(this)
-
-        addElement($.parseJSON($field.attr('data-layout-field')), $field)
-      })
-
-      $wrapper.append($constrain)
-      $constrain.append($container)
-      $firstField.before($wrapper)
-      $fields.toggleClass('inputLayout-hidden', true)
-      $container
-        .find('.inputLayout-element-field')
-        .eq(0)
-        .find('.inputLayout-label')
-        .addClass('inputLayout-label-selected')
-      $firstField.toggleClass('inputLayout-hidden', false)
-      $firstField.trigger('input')
-    },
-  })
-})
-
-// Set filename for debugging tools to allow breakpoints even when using a cache-buster
-// # sourceURL=layout-element.js

package/src/legacy/tool-ui/src/main/webapp/script/input/query.js

@@ -1,78 +0,0 @@
-define(['jquery', '../bsp-utils'], function ($, bspUtils) {
-  bspUtils.onDomInsert(document, '.queryField', {
-    insert: function (field) {
-      var $field = $(field)
-      var $inputField = $field.find('input')
-      var inputValue = $inputField.val()
-      var search
-      var $frame
-
-      search = inputValue ? JSON.parse(inputValue)['cms.ui.search'] : null
-      search = search || { limit: 10 }
-      var types = $field.closest('.inputLarge').attr('data-generic-arguments')
-      search.types = types ? types.split('\\s*,\\s*') : null
-
-      $frame = $('<div/>', {
-        class: 'frame queryField_frame',
-        html: $('<form/>', {
-          method: 'post',
-          action: CONTEXT_PATH + 'queryField',
-          html: [
-            $('<input/>', {
-              type: 'hidden',
-              name: 'containerObjectId',
-              value: $field.closest('form').attr('data-content-id'),
-            }),
-
-            $('<input/>', {
-              type: 'hidden',
-              name: 'search',
-              value: search ? JSON.stringify(search) : '',
-            }),
-          ],
-        }),
-      })
-
-      $.data($field[0], 'query-$frame', $frame)
-      $.data($frame[0], 'query-$field', $field)
-      $(window.document.body).append($frame)
-
-      // Attach as 'frame' property on input element for QueryField.js or others to use.
-      field.frame = $frame[0]
-
-      const row = field.closest('.CIG-row')
-      let select
-      let parent = row
-
-      row.classList.add('is-query')
-
-      // Find the related select.
-      do {
-        select = parent.querySelector('select.toggleable')
-        if (select) {
-          break
-        }
-        parent = parent.parentElement
-      } while (parent)
-
-      // Submit if visible on load.
-      if (select && !$inputField.attr('disabled')) {
-        $frame.find('form').submit()
-      }
-
-      // Watch for input element 'disabled' attribute to show|hide label.
-      const observer = new MutationObserver((mutationList) => {
-        if ($inputField.attr('disabled')) {
-          row.classList.add('is-disabled')
-        } else {
-          row.classList.remove('is-disabled')
-          $frame.find('form').submit()
-        }
-      })
-      observer.observe($inputField[0], {
-        attributes: true,
-        attributeFilter: ['disabled'],
-      })
-    },
-  })
-})