import {
  AlignmentType,
  BorderStyle,
  PageOrientation,
  VerticalAlign,
} from 'docx';

import { IPageLayout } from './types';

export const Splitter_Colon = ':';

export const Splitter_Semicolon = ';';

// px by twips
export const PXbyTWIPS = 16;

// px by pt
export const PXbyPT = 3 / 4;

// default font size in px
export const D_FontSizePX = 16.3;

// default font size in pt
export const D_FontSizePT = D_FontSizePX * PXbyPT;

// default line height
export const D_LineHeight = 1.5;

// default page width in px
export const D_PageWidthPX = 794;

// default page height in px
export const D_PageHeightPX = 1123;

// default page padding width in px
export const D_PagePaddingPX = 71;

// default page table full width in px
export const D_PageTableFullWidth = 642;

// default table full width in DXA
export const D_TableFullWidth = 9035;

export const D_TableBorderColor = '444444';

// a4 paper size
export const A4MillimetersWidth = 145.4;

// table cell margin in twips
export const D_CELL_MARGIN = 1 * PXbyTWIPS;

// table border width in px
export const D_TableBorderSize = 2;

// table cell height in px
export const D_TableCellHeightPx = 18;

// font family SimSun
export const FontSongTi = ['SimSun', '宋体', 'Songti SC', 'NSimSun', 'STSong'];

// text-align
export const AlignMap = {
  left: AlignmentType.LEFT,
  center: AlignmentType.CENTER,
  right: AlignmentType.RIGHT,
};

export const hyperlinkColor = '#007AFF';

// style with tag
export const D_TagStyleMap = {
  p: `line-height: ${D_LineHeight};`,
  strong: 'font-weight: bold;',
  em: 'font-style: italic;',
  u: 'text-decoration: underline;',
  del: 'text-decoration: line-through;',
  h1: `font-weight: bold; font-size: 40px; line-height: ${D_LineHeight};`,
  h2: `font-weight: bold; font-size: 36px; line-height: ${D_LineHeight};`,
  h3: `font-weight: bold; font-size: 24px; line-height: ${D_LineHeight};`,
  h4: `font-weight: bold; font-size: 18px; line-height: ${D_LineHeight};`,
  h5: `font-weight: bold; font-size: 15px; line-height: ${D_LineHeight};`,
  h6: `font-weight: bold; font-size: 13px; line-height: ${D_LineHeight};`,
  sub: 'subscript: true;',
  sup: 'superscript: true;',
  a: `text-decoration: underline; color: ${hyperlinkColor};`,
};

// default paper layout
export const D_Layout: IPageLayout = {
  bottomMargin: '2.54cm',
  leftMargin: '3.18cm',
  rightMargin: '3.18cm',
  topMargin: '2.54cm',
  orientation: PageOrientation.PORTRAIT,
};

// Direction
export const Direction = {
  left: 'left',
  right: 'right',
  firstLine: 'firstLine',
  start: 'start',
  end: 'end',
  hanging: 'hanging',
};

export const PaddingDirection = {
  'padding-left': Direction.left,
  'padding-right': Direction.right,
  'padding-top': Direction.start,
  'padding-bottom': Direction.end,
};

// Size
export const Size = {
  em: 'em',
  px: 'px',
  pt: 'pt',
};

// single line
export const SingleLine = { type: 'single', color: '3d4757' };

export const TagType = {
  table: 'table',
  link: 'a',
  text: 'text',
  img: 'img',
};

// default border style
export const DefaultBorder = {
  style: BorderStyle.SINGLE,
  size: 0,
  color: '#fff',
};

// table cell vertical align map
export const verticalAlignMap = {
  top: VerticalAlign.TOP,
  middle: VerticalAlign.CENTER,
  bottom: VerticalAlign.BOTTOM,
};