UI elements

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showAddRecordButton(false);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showAppSettingsButton(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  kintone.app.record.showDuplicateRecordButton(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  kintone.app.record.showEditRecordButton(false);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showFilterButton(false);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showViewAndReportSelector(false);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showOptionsButton(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  kintone.app.record.showPager(false);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showReportButton(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  kintone.app.record.showSideBar(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  kintone.app.record.showActionButton(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  kintone.app.record.showStatusActionButton(false);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  kintone.app.showDescription(false);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const el = kintone.app.record.getFieldElement('Status');
  if (el) {
    el.style.backgroundColor = '#fffbe6';
  }
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const menuEl = kintone.app.record.getHeaderMenuSpaceElement();
  if (menuEl) {
    const btn = document.createElement('button');
    btn.textContent = 'Export';
    menuEl.appendChild(btn);
  }
  return event;
});

kintone.events.on('app.record.create.show', (event) => {
  const spaceEl = kintone.app.record.getSpaceElement('my-custom-widget');
  if (spaceEl) {
    spaceEl.innerHTML = '<p>Custom content here</p>';
  }
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const cells = kintone.app.getFieldElements('Status');
  if (cells) {
    cells.forEach((cell) => {
      cell.style.fontWeight = 'bold';
    });
  }
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const menuEl = kintone.app.getHeaderMenuSpaceElement();
  if (menuEl) {
    const btn = document.createElement('button');
    btn.textContent = 'Bulk action';
    menuEl.appendChild(btn);
  }
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const headerEl = kintone.app.getHeaderSpaceElement();
  if (headerEl) {
    headerEl.innerHTML = '<p>Welcome to this app.</p>';
  }
  return event;
});

kintone.events.on('portal.show', (event) => {
  const portalEl = kintone.portal.getContentSpaceElement();
  if (portalEl) {
    portalEl.innerHTML = '<h2>Company Announcements</h2>';
  }
  return event;
});

kintone.events.on('space.portal.show', (event) => {
  const spaceEl = kintone.space.portal.getContentSpaceElement();
  if (spaceEl) {
    spaceEl.innerHTML = '<p>Space custom content</p>';
  }
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getDescriptionDisplayState();
  console.log('Description visible:', isVisible);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const isVisible = kintone.app.record.getSideBarDisplayState();
  console.log('Sidebar visible:', isVisible);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getAddRecordButtonDisplayState();
  console.log('Add record button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const isVisible = kintone.app.record.getEditRecordButtonDisplayState();
  console.log('Edit button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const isVisible = kintone.app.record.getDuplicateRecordButtonDisplayState();
  console.log('Duplicate button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getAppSettingsButtonDisplayState();
  console.log('App settings button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getOptionsButtonDisplayState();
  console.log('Options button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const isVisible = kintone.app.record.getPagerDisplayState();
  console.log('Pager visible:', isVisible);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getFilterButtonDisplayState();
  console.log('Filter button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getReportButtonDisplayState();
  console.log('Graph button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.index.show', (event) => {
  const isVisible = kintone.app.getViewAndReportSelectorDisplayState();
  console.log('View/report selector visible:', isVisible);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const isVisible = kintone.app.record.getActionButtonDisplayState();
  console.log('Action button visible:', isVisible);
  return event;
});

kintone.events.on('app.record.detail.show', (event) => {
  const isVisible = kintone.app.record.getStatusActionButtonDisplayState();
  console.log('Status action button visible:', isVisible);
  return event;
});