export const PRIME_VUE_TICKS_LIMIT = 6;
export const GRID_COLOR = '#64748b';
export const MODAL_CREATE_NEW = 'MODAL_CREATE_NEW';
export const MODAL_ACCT_EDIT = 'MODAL_ACCT_EDIT';
export const MODAL_ACCT_INFO = 'MODAL_ACCT_INFO';
export const knownLayoutChartOption = {
    padding: {
      top: 16,
      left: 8,
      right: 8,
    }
};
export const accountList = [
    {
        id: 12345,
        account: "REDACTED-USER1",
        fullName: "Alice Zheng",
        adminRights: true,
        accountActivation: true,
        detail: "abcde",
    },
    {
        id:  345,
        account: "REDACTED-USER2",
        fullName: "Mike Chen",
        adminRights: true,
        accountActivation: true,
        detail: "abcde",
    },
    {
        id: 88,
        account: "REDACTED-USER3",
        fullName: "Tory Cheng",
        adminRights: true,
        accountActivation: true,
        detail: "abcde",
    },
];
export const knownScaleLineChartOptions =  {
x: {
    type: 'time',
    title: {
    display: true,
    color: '#334155',
    font: {
        size: 12,
        lineHeight: 2
    }
    },
    time: {
    displayFormats: {
        second: 'h:mm:ss', // ex: 1:11:11
        minute: 'M/d h:mm', // ex: 1/1 1:11
        hour: 'M/d h:mm', // ex: 1/1 1:11
        day: 'M/d h', // ex: 1/1 1
        month: 'y/M/d', // ex: 1911/1/1
    },
    },
    ticks: {
    display: true,
    maxRotation: 0, // 不旋轉 lable 0~50
    color: '#64748b',
    source: 'labels', // 依比例彈性顯示 label 數量
    },
    border: {
    color: '#64748b',
    },
    grid: {
    tickLength: 0, // 網格是否超過邊線
    }
},
y: {
    beginAtZero: true, // scale 包含 0
    title: {
    display: true,
    color: '#334155',
    font: {
        size: 12,
        lineHeight: 2
    },
    },
    ticks:{
    color: '#64748b',
    padding: 8,
    },
    grid: {
    color: '#64748b',
    },
    border: {
    display: false, // 隱藏左側多出來的線
    },
},
};
export const knownScaleHorizontalChartOptions = {
x: {
    title: {
    display: true,
    color: '#334155',
    font: {
        size: 12,
        lineHeight: 2
    }
    },
    ticks: {
    display: true,
    maxRotation: 0, // 不旋轉 lable 0~50
    color: '#64748b',
    },
    grid: {
    color: '#64748b',
    tickLength: 0, // 網格是否超過邊線
    },
    border: {
    display:false,
    },
},
y: {
    beginAtZero: true, // scale 包含 0
    type: 'category',
    title: {
    display: true,
    color: '#334155',
    font: {
        size: 12,
        lineHeight: 2
    },
    },
    ticks:{
    color: '#64748b',
    padding: 8,
    },
    grid: {
    display:false,
    color: '#64748b',
    },
    border: {
    display: false, // 隱藏左側多出來的線
    },
},
};
export const knownScaleBarChartOptions = {
x: {
    title: {
        display: true,
        color: '#334155',
        font: {
        size: 12,
        lineHeight: 2
        }
    },
    ticks: {
        display: true,
        maxRotation: 0, // 不旋轉 lable 0~50
        color: '#64748b',
    },
    grid: {
        color: '#64748b',
        tickLength: 0, // 網格是否超過邊線
    },
    border: {
        display:false,
    },
    },
    y: {
    beginAtZero: true, // scale 包含 0
    type: 'category',
    title: {
        display: true,
        color: '#334155',
        font: {
        size: 12,
        lineHeight: 2
        },
    },
    ticks:{
        color: '#64748b',
        padding: 8,
    },
    grid: {
        display:false,
        color: '#64748b',
    },
    border: {
        display: false, // 隱藏左側多出來的線
    },
    },
};