Function updatePanel

src/js/ui.js:2–323

(selection)

// Update panel (when selecting / de-selecting objects)
function updatePanel(selection) {
  if (!selection) {
    $('#align').addClass('align-off');
    $('#object-specific').html(canvas_panel);
    $('#preset').append("<option value='custom'>Custom</option>");
    presets.forEach(function (preset) {
      $('#preset').append(
        "<option value='" +
          preset.id +
          "'>" +
          preset.name +
          '</option>'
      );
    });
    $('#preset').val(activepreset);
    $('#canvas-duration input').val(duration / 1000);
    $('#preset').niceSelect();
    updatePanelValues();
    colormode = 'back';
    o_fill.setColor(canvas.backgroundColor);
  } else if (
    selection &&
    canvas.getActiveObjects().length == 1 &&
    canvas.getActiveObject().get('assetType') == 'audio'
  ) {
    $('#object-specific').html(audio_panel);
    $('#object-volume input').val(
      canvas.getActiveObject().get('volume') * 200
    );
  } else if (
    selection &&
    canvas.getActiveObjects().length == 1 &&
    canvas.getActiveObject().get('type') != 'group'
  ) {
    if (!cropping) {
      updateChromaUI();
      checkFilter();
    }
    $('#align').removeClass('align-off');
    $('#object-specific').html(object_panel);
    if (
      canvas.getActiveObject().get('type') == 'image' &&
      !canvas.getActiveObject().get('assetType')
    ) {
      $('#object-specific').append(image_panel);
      $('#object-specific').append(image_more_panel);
    } else if (
      canvas.getActiveObject().get('id').indexOf('Video') >= 0
    ) {
      $('#object-specific').append(image_panel);
      $('#object-specific').append(video_more_panel);
    } else {
      $('#object-specific').append(back_panel);
    }
    objects.forEach(function (object) {
      if (object.id != canvas.getActiveObject().get('id')) {
        $('#masks').append(
          "<option value='" +
            object.id +