OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:37:26 AM	rwxr-xr-x
📄 AlertBannerDialogSpec.ts	725 bytes	02/20/2020 06:37:29 AM	rw-r--r--
📄 AnchorDialogSpec.ts	609 bytes	02/20/2020 06:37:30 AM	rw-r--r--
📄 CharmapDialogSpec.ts	942 bytes	02/20/2020 06:37:30 AM	rw-r--r--
📄 CodeSampleDialogSpec.ts	977 bytes	02/20/2020 06:37:31 AM	rw-r--r--
📄 ColorPickerDialogSpec.ts	810 bytes	02/20/2020 06:37:31 AM	rw-r--r--
📄 CustomRediallingSpec.ts	734 bytes	02/20/2020 06:37:32 AM	rw-r--r--
📄 DocumentPropsDialogSpec.ts	1.35 KB	02/20/2020 06:37:32 AM	rw-r--r--
📄 FindReplaceDialogSpec.ts	128 bytes	02/20/2020 06:37:33 AM	rw-r--r--
📄 ImageDialogSpec.ts	2.42 KB	02/20/2020 06:37:33 AM	rw-r--r--
📄 LinkDialogSpec.ts	1.22 KB	02/20/2020 06:37:34 AM	rw-r--r--
📄 MediaDialogSpec.ts	1.58 KB	02/20/2020 06:37:34 AM	rw-r--r--
📄 PreviewDialogSpec.ts	413 bytes	02/20/2020 06:37:35 AM	rw-r--r--
📄 TableCellDialogSpec.ts	3.37 KB	02/20/2020 06:37:35 AM	rw-r--r--
📄 TableDialogSpec.ts	2.92 KB	02/20/2020 06:37:36 AM	rw-r--r--
📄 TableRowDialogSpec.ts	2.5 KB	02/20/2020 06:37:36 AM	rw-r--r--
📄 TemplateDialogSpec.ts	1003 bytes	02/20/2020 06:37:38 AM	rw-r--r--

Name

Size

Modified

Perms

📁 ..

02/20/2020 06:37:26 AM

rwxr-xr-x

📄 AlertBannerDialogSpec.ts

725 bytes

02/20/2020 06:37:29 AM

rw-r--r--

📄 AnchorDialogSpec.ts

609 bytes

02/20/2020 06:37:30 AM

rw-r--r--

📄 CharmapDialogSpec.ts

942 bytes

02/20/2020 06:37:30 AM

rw-r--r--

📄 CodeSampleDialogSpec.ts

977 bytes

02/20/2020 06:37:31 AM

rw-r--r--

📄 ColorPickerDialogSpec.ts

810 bytes

02/20/2020 06:37:31 AM

rw-r--r--

📄 CustomRediallingSpec.ts

734 bytes

02/20/2020 06:37:32 AM

rw-r--r--

📄 DocumentPropsDialogSpec.ts

1.35 KB

02/20/2020 06:37:32 AM

rw-r--r--

📄 FindReplaceDialogSpec.ts

128 bytes

02/20/2020 06:37:33 AM

rw-r--r--

📄 ImageDialogSpec.ts

2.42 KB

02/20/2020 06:37:33 AM

rw-r--r--

📄 LinkDialogSpec.ts

1.22 KB

02/20/2020 06:37:34 AM

rw-r--r--

📄 MediaDialogSpec.ts

1.58 KB

02/20/2020 06:37:34 AM

rw-r--r--

📄 PreviewDialogSpec.ts

413 bytes

02/20/2020 06:37:35 AM

rw-r--r--

📄 TableCellDialogSpec.ts

3.37 KB

02/20/2020 06:37:35 AM

rw-r--r--

📄 TableDialogSpec.ts

2.92 KB

02/20/2020 06:37:36 AM

rw-r--r--

📄 TableRowDialogSpec.ts

2.5 KB

02/20/2020 06:37:36 AM

rw-r--r--

📄 TemplateDialogSpec.ts

1003 bytes

02/20/2020 06:37:38 AM

rw-r--r--

Editing: MediaDialogSpec.ts

import { console } from '@ephox/dom-globals';

export default {
  title: 'Insert/edit media',
  body: {
    type: 'tabpanel',
    tabs: [
      {
        title: 'General',
        items: [
          {
            type: 'input',
            name: 'source',
            label: 'Source'
          },
          {
            type: 'sizeinput',
            name: 'size',
            label: 'Dimensions'
          }
        ]
      },
      {
        title: 'Embed',
        items: [
          {
            type: 'textarea',
            name: 'source',
            label: 'Paste your embed code below:'
          }
        ]
      },
      {
        title: 'Advanced',
        items: [
          {
            type: 'input',
            name: 'altsource',
            label: 'Alternative source'
          },
          {
            type: 'input',
            name: 'poster',
            label: 'Poster'
          }
        ]
      }
    ]
  },
  buttons: [
    {
      type: 'cancel',
      name: 'cancel',
      text: 'Cancel'
    },
    {
      type: 'submit',
      name: 'save',
      text: 'Save',
      primary: true
    }
  ],
  initialData: {
    source: 'my.mp4',
    size: { width: '200', height: '200' },
    embed: '<video ...>',
    altsource: 'my.webm',
    poster: 'some.jpg'
  },
  onSubmit: (api) => {
    const data = api.getData();

// tslint:disable-next-line:no-console
    console.log({
      source: data.source,
      width: data.size.width,
      height: data.size.height,
      embed: data.embed,
      altsource: data.altsource,
      poster: data.poster
    });

api.close();
  }
};