Function videoStrategyErrorElement

src/pages-sync/messageElements.ts:110–166

(hasMissingPermissions: boolean)

}

export function videoStrategyErrorElement(hasMissingPermissions: boolean) {
  const errorDiv = document.createElement('div');
  errorDiv.className = 'player-error';
  errorDiv.style.cssText = `
    display: block;
    padding: 5px;
    padding-top: 15px;
    outline: 1px solid #e13f7b;
  `;

  const linkContainer = document.createElement('div');
  linkContainer.style.cssText = `
    display: flex;
    justify-content: space-evenly;
  `;

  const defaultSpan = document.createElement('p');
  defaultSpan.className = 'player-error-default';
  defaultSpan.textContent = api.storage.lang('syncPage_flash_player_error');
  errorDiv.appendChild(defaultSpan);

  if (hasMissingPermissions) {
    const missingPermissionsSpan = document.createElement('span');
    missingPermissionsSpan.className = 'player-error-missing-permissions';
    missingPermissionsSpan.style.cssText = `
      padding-top: 10px;
    `;
    missingPermissionsSpan.textContent = api.storage.lang(
      'settings_custom_domains_missing_permissions_header',
    );
    errorDiv.appendChild(missingPermissionsSpan);

    const addLink = document.createElement('a');
    addLink.className = 'player-error-missing-permissions';
    addLink.href = 'https://malsync.moe/pwa/#/settings/customDomains';
    addLink.style.cssText = `
      margin: 10px;
      border-bottom: 2px solid #e13f7b;
    `;
    addLink.textContent = api.storage.lang('Add');
    linkContainer.appendChild(addLink);
  }

  const helpLink = document.createElement('a');
  helpLink.href = 'https://discord.com/invite/cTH4yaw';
  helpLink.style.cssText = `
    display: block;
    margin: 10px;
  `;
  helpLink.textContent = 'Help';

  linkContainer.appendChild(helpLink);

  errorDiv.appendChild(linkContainer);

  return errorDiv;
}