421 lines
14 KiB
JavaScript
421 lines
14 KiB
JavaScript
// nuxt 3 - plugins/my-plugin.ts
|
|
import { useRoute } from 'vue-router';
|
|
import { useStore } from '~/stores/index';
|
|
import dayjs from 'dayjs';
|
|
import weekday from 'dayjs/plugin/weekday';
|
|
import weekOfYear from 'dayjs/plugin/weekOfYear';
|
|
import relativeTime from 'dayjs/plugin/relativeTime';
|
|
dayjs.extend(weekday);
|
|
dayjs.extend(weekOfYear);
|
|
dayjs.extend(relativeTime);
|
|
|
|
export default defineNuxtPlugin(() => {
|
|
const route = useRoute();
|
|
const { $id, $empty } = useNuxtApp();
|
|
const store = useStore();
|
|
const dialog = function (content, title, type, duration, width, height, vbind) {
|
|
content = typeof content === 'string' ? content : JSON.stringify(content);
|
|
let vtitle = type === 'Success' ? `<span class="has-text-primary">${title}</span>` : title;
|
|
if (type === 'Error') vtitle = `<span class="has-text-danger">${title}</span>`;
|
|
let data = {
|
|
id: $id(),
|
|
component: `dialog/${type || 'Info'}`,
|
|
vbind: { content: content, duration: duration, vbind: vbind },
|
|
title: vtitle,
|
|
width: width || '600px',
|
|
height: height || '100px',
|
|
};
|
|
store.commit('showmodal', data);
|
|
};
|
|
|
|
const snackbar = function (content, title, type, width, height) {
|
|
content = typeof content == 'string' ? content : JSON.stringify(content);
|
|
let vtitle = type === 'Success' ? `<span class="has-text-primary">${title}</span>` : title;
|
|
if (type === 'Error') vtitle = `<span class="has-text-danger">${title}</span>`;
|
|
let data = {
|
|
id: $id(),
|
|
component: `snackbar/${type || 'Info'}`,
|
|
vbind: { content: content },
|
|
title: vtitle,
|
|
width: width || '600px',
|
|
height: height || '100px',
|
|
};
|
|
store.commit('snackbar', data);
|
|
};
|
|
|
|
const getLink = function (val) {
|
|
if (val === undefined || val === null || val === '' || val === '') return '';
|
|
let json = val.indexOf('{') >= 0 ? JSON.parse(val) : { path: val };
|
|
return json;
|
|
};
|
|
|
|
const errPhone = function (phone) {
|
|
var text = undefined;
|
|
if ($empty(phone)) {
|
|
text = 'Số điện thoại di động không được bỏ trống.';
|
|
} else if (isNaN(phone)) {
|
|
text = 'Số điện thoại di động không hợp lệ.';
|
|
} else if (phone.length < 9 || phone.length > 11) {
|
|
text = 'Số điện thoại di động phải từ 9-11 số.';
|
|
}
|
|
return text;
|
|
};
|
|
|
|
const errEmail = function (email) {
|
|
const re =
|
|
/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
var text = undefined;
|
|
if ($empty(email)) {
|
|
text = 'Email không được bỏ trống.';
|
|
} else if (!re.test(String(email).toLowerCase())) {
|
|
text = 'Email không hợp lệ.';
|
|
}
|
|
return text;
|
|
};
|
|
|
|
const errPhoneEmail = function (contact) {
|
|
const re =
|
|
/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
var text = undefined;
|
|
|
|
if ($empty(contact)) {
|
|
text = 'Số điện thoại di động hoặc Email không được bỏ trống.';
|
|
} else if (!(re.test(String(contact).toLowerCase()) || !isNaN(contact))) {
|
|
text = 'Số điện thoại di động hoặc Email không hợp lệ.';
|
|
} else if (!isNaN(contact) && (contact.length < 9 || contact.length > 11)) {
|
|
text = 'Số điện thoại di động không hợp lệ.';
|
|
}
|
|
return text;
|
|
};
|
|
|
|
const upload = function (file, type, user, convert) {
|
|
var fileFormat = [
|
|
{ type: 'image', format: ['.png', '.jpg', 'jpeg', '.bmp', '.gif', '.svg', '.webp'] },
|
|
{ type: 'video', format: ['.wmv', '.avi', '.mp4', '.flv', '.mov', '.mpg', '.amv', '.rm'] },
|
|
];
|
|
var valid = undefined;
|
|
if (type === 'image' || type === 'video') {
|
|
valid = false;
|
|
let found = fileFormat.find((v) => v.type === type);
|
|
found.format.map((x) => {
|
|
if (file.name.toLowerCase().indexOf(x) >= 0) valid = true;
|
|
});
|
|
}
|
|
if (valid === false) return { name: file.name, error: true, text: 'Định dạng file không hợp lệ' };
|
|
if ((type === 'image' || type === 'file') && file.size > 500 * 1024 * 1024) {
|
|
return {
|
|
name: file.name,
|
|
error: true,
|
|
text: 'Kích thước ' + (type === 'image' ? 'hình ảnh' : 'tài liệu') + ' phải dưới 500MB',
|
|
};
|
|
} else if (type === 'video' && file.size > 1073741274) {
|
|
return { name: file.name, error: true, text: 'Kích thước video phải dưới 1GB' };
|
|
}
|
|
let data = new FormData();
|
|
let fileName = dayjs(new Date()).format('YYYYMMDDhhmmss') + '-' + nonAccent(file.name);
|
|
data.append('name', file.name);
|
|
data.append('filename', fileName);
|
|
data.append('file', file);
|
|
data.append('type', type);
|
|
data.append('size', file.size);
|
|
data.append('user', user);
|
|
data.append('convert', convert);
|
|
return { form: data, type: type, size: file.size, file: file, name: file.name, filename: fileName };
|
|
};
|
|
|
|
const checkChange = function (obj1, obj2, list) {
|
|
var change = false;
|
|
if (list) {
|
|
list.map((v) => {
|
|
if (obj1[v] !== obj2[v]) change = true;
|
|
});
|
|
} else {
|
|
for (var k in obj1) {
|
|
if (obj1[k] !== obj2[k]) change = true;
|
|
}
|
|
}
|
|
return change;
|
|
};
|
|
|
|
const resetNull = function (obj) {
|
|
for (const [key, value] of Object.entries(obj)) {
|
|
if (typeof value === 'string') {
|
|
let val = value.trim();
|
|
if (val === '' || val === '') val = null;
|
|
obj[key] = val;
|
|
}
|
|
}
|
|
return obj;
|
|
};
|
|
|
|
const copyToClipboard = function (text) {
|
|
snackbar('Copied to clipboard');
|
|
if (window.clipboardData && window.clipboardData.setData) {
|
|
// IE specific code path to prevent textarea being shown while dialog is visible.
|
|
return clipboardData.setData('Text', text);
|
|
} else if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
|
|
var textarea = document.createElement('textarea');
|
|
textarea.textContent = text;
|
|
textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in MS Edge.
|
|
document.body.appendChild(textarea);
|
|
textarea.select();
|
|
try {
|
|
return document.execCommand('copy'); // Security exception may be thrown by some browsers.
|
|
} catch (ex) {
|
|
console.warn('Copy to clipboard failed.', ex);
|
|
return false;
|
|
} finally {
|
|
document.body.removeChild(textarea);
|
|
}
|
|
}
|
|
};
|
|
|
|
const nonAccent = function (str) {
|
|
if ($empty(str)) return null;
|
|
str = str.replaceAll('/', '-').replaceAll('%', '-').replaceAll('?', '-');
|
|
str = str.toLowerCase();
|
|
str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a');
|
|
str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e');
|
|
str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i');
|
|
str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o');
|
|
str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u');
|
|
str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y');
|
|
str = str.replace(/đ/g, 'd');
|
|
// Some system encode vietnamese combining accent as individual utf-8 characters
|
|
str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, ''); // Huyền sắc hỏi ngã nặng
|
|
str = str.replace(/\u02C6|\u0306|\u031B/g, ''); // Â, Ê, Ă, Ơ, Ư
|
|
str = str
|
|
.split(' ')
|
|
.filter((s) => s)
|
|
.join('-');
|
|
return str;
|
|
};
|
|
|
|
const linkID = function (link) {
|
|
link = link ? link : route.params.slug;
|
|
if ($empty(link)) return;
|
|
let idx = link.lastIndexOf('-');
|
|
let id = idx > -1 && idx < link.length - 1 ? link.substring(idx + 1, link.length) : undefined;
|
|
return id;
|
|
};
|
|
|
|
const exportpdf = function (docid, name, size) {
|
|
var element = document.getElementById(docid);
|
|
let elms = element.querySelectorAll("[id='ignore']");
|
|
for (var i = 0; i < elms.length; i++) {
|
|
elms[i].style.display = 'none';
|
|
}
|
|
var opt = {
|
|
margin: 0.2,
|
|
filename: `${name || 'file'}-${dayjs().format('YYYYMMDDHHmmss')}.pdf`,
|
|
image: { type: 'jpeg', quality: 1 },
|
|
html2canvas: { scale: 2, useCORS: true },
|
|
jsPDF: { unit: 'in', format: size || 'a4', orientation: 'portrait' },
|
|
};
|
|
html2pdf().set(opt).from(element).save();
|
|
setTimeout(() => {
|
|
for (var i = 0; i < elms.length; i++) {
|
|
elms[i].style.display = 'block';
|
|
}
|
|
}, 1000);
|
|
return opt.filename;
|
|
};
|
|
|
|
const exportImage = function (docid, name) {
|
|
var element = document.getElementById(docid);
|
|
let elms = element.querySelectorAll("[id='ignore']");
|
|
for (var i = 0; i < elms.length; i++) {
|
|
elms[i].style.display = 'none';
|
|
}
|
|
let filename = `${name}-${dayjs().format('YYYYMMDDHHmmss')}.png`;
|
|
html2canvas(element).then((canvas) => {
|
|
const link = document.createElement('a');
|
|
link.href = canvas.toDataURL('image/png');
|
|
link.download = filename;
|
|
link.click();
|
|
link.remove();
|
|
});
|
|
setTimeout(() => {
|
|
for (var i = 0; i < elms.length; i++) {
|
|
elms[i].style.display = 'block';
|
|
}
|
|
}, 1000);
|
|
return filename;
|
|
};
|
|
|
|
const download = async function (url, fileName) {
|
|
let name = dayjs(new Date()).format('YYYYMMDDhhmmss') + '-' + fileName;
|
|
const response = await fetch(url, { method: 'GET' });
|
|
const blob = await response.blob();
|
|
const urlDownload = window.URL.createObjectURL(blob);
|
|
const link = document.createElement('a');
|
|
link.href = urlDownload;
|
|
link.setAttribute('download', name);
|
|
link.click();
|
|
link.remove();
|
|
};
|
|
|
|
const vnmoney = function (amount) {
|
|
var readGroup = function (group) {
|
|
let readDigit = [' Không', ' Một', ' Hai', ' Ba', ' Bốn', ' Năm', ' Sáu', ' Bảy', ' Tám', ' Chín'];
|
|
var temp = '';
|
|
if (group == '000') return '';
|
|
temp = readDigit[parseInt(group.substring(0, 1))] + ' Trăm';
|
|
if (group.substring(1, 2) == '0')
|
|
if (group.substring(2, 3) == '0') return temp;
|
|
else {
|
|
temp += ' Lẻ' + readDigit[parseInt(group.substring(2, 3))];
|
|
return temp;
|
|
}
|
|
else temp += readDigit[parseInt(group.substring(1, 2))] + ' Mươi';
|
|
if (group.substring(2, 3) == '5') temp += ' Lăm';
|
|
else if (group.substring(2, 3) != '0') temp += readDigit[parseInt(group.substring(2, 3))];
|
|
return temp;
|
|
};
|
|
var readMoney = function (num) {
|
|
if (num == null || num == '') return '';
|
|
let temp = '';
|
|
while (num.length < 18) {
|
|
num = '0' + num;
|
|
}
|
|
let g1 = num.substring(0, 3);
|
|
let g2 = num.substring(3, 6);
|
|
let g3 = num.substring(6, 9);
|
|
let g4 = num.substring(9, 12);
|
|
let g5 = num.substring(12, 15);
|
|
let g6 = num.substring(15, 18);
|
|
if (g1 != '000') {
|
|
temp = readGroup(g1);
|
|
temp += ' Triệu';
|
|
}
|
|
if (g2 != '000') {
|
|
temp += readGroup(g2);
|
|
temp += ' Nghìn';
|
|
}
|
|
if (g3 != '000') {
|
|
temp += readGroup(g3);
|
|
temp += ' Tỷ';
|
|
} else if ('' != temp) {
|
|
temp += ' Tỷ';
|
|
}
|
|
if (g4 != '000') {
|
|
temp += readGroup(g4);
|
|
temp += ' Triệu';
|
|
}
|
|
if (g5 != '000') {
|
|
temp += readGroup(g5);
|
|
temp += ' Nghìn';
|
|
}
|
|
temp = temp + readGroup(g6);
|
|
temp = temp.replaceAll('Một Mươi', 'Mười');
|
|
temp = temp.trim();
|
|
temp = temp.replaceAll('Không Trăm', '');
|
|
temp = temp.trim();
|
|
temp = temp.replaceAll('Mười Không', 'Mười');
|
|
temp = temp.trim();
|
|
temp = temp.replaceAll('Mươi Không', 'Mươi');
|
|
temp = temp.trim();
|
|
if (temp.indexOf('Lẻ') == 0) temp = temp.substring(2);
|
|
temp = temp.trim();
|
|
temp = temp.replaceAll('Mươi Một', 'Mươi Mốt');
|
|
temp = temp.trim();
|
|
let result = temp.substring(0, 1).toUpperCase() + temp.substring(1).toLowerCase();
|
|
return (result == '' ? 'Không' : result) + ' đồng chẵn';
|
|
};
|
|
return readMoney(amount.toString());
|
|
};
|
|
|
|
const lang = function (code) {
|
|
let field = store.common.find((v) => v.code === code);
|
|
return field ? field[store.lang] : '';
|
|
};
|
|
|
|
const createMeta = function (metainfo) {
|
|
return {
|
|
title: metainfo.title,
|
|
link: [
|
|
{
|
|
hid: 'canonical',
|
|
rel: 'canonical',
|
|
href: ``,
|
|
},
|
|
],
|
|
meta: [
|
|
{
|
|
hid: 'description',
|
|
name: 'description',
|
|
content: metainfo.description || '',
|
|
},
|
|
{
|
|
hid: 'og:title',
|
|
property: 'og:title',
|
|
content: metainfo.title,
|
|
},
|
|
{
|
|
hid: 'og:description',
|
|
property: 'og:description',
|
|
content: metainfo.description || '',
|
|
},
|
|
{
|
|
hid: 'og:type',
|
|
property: 'og:type',
|
|
content: metainfo.type || '',
|
|
},
|
|
{
|
|
hid: 'og:image',
|
|
property: 'og:image',
|
|
content: metainfo.image || '',
|
|
},
|
|
{
|
|
hid: 'og:url',
|
|
property: 'og:url',
|
|
content: ``,
|
|
},
|
|
{
|
|
property: 'og:locale',
|
|
content: 'vi_VN',
|
|
},
|
|
{
|
|
hid: 'fb:app_id',
|
|
property: 'fb:app_id',
|
|
content: metainfo.app_id || '',
|
|
},
|
|
{
|
|
hid: 'keywords',
|
|
name: 'keywords',
|
|
content: metainfo.keywords || '',
|
|
},
|
|
],
|
|
};
|
|
};
|
|
|
|
const isVietnamese = () => {
|
|
return store.lang.toLowerCase() === 'vi';
|
|
};
|
|
|
|
return {
|
|
provide: {
|
|
dialog,
|
|
snackbar,
|
|
getLink,
|
|
errPhone,
|
|
errEmail,
|
|
errPhoneEmail,
|
|
upload,
|
|
checkChange,
|
|
resetNull,
|
|
copyToClipboard,
|
|
nonAccent,
|
|
linkID,
|
|
exportpdf,
|
|
exportImage,
|
|
vnmoney,
|
|
createMeta,
|
|
download,
|
|
dayjs,
|
|
lang,
|
|
isVietnamese,
|
|
},
|
|
};
|
|
});
|