Template.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import moment from 'moment';
  2. export default class Template {
  3. constructor(crowi) {
  4. this.templatePattern = {
  5. 'year': this.getYear,
  6. 'month': this.getMonth,
  7. 'date': this.getDate,
  8. 'user': this.getUser,
  9. };
  10. }
  11. getYear() {
  12. return moment().format('YYYY');
  13. }
  14. getMonth() {
  15. return moment().format('YYYY/MM');
  16. }
  17. getDate() {
  18. return moment().format('YYYY/MM/DD');
  19. }
  20. getUser() {
  21. // FIXME
  22. const username = window.crowi.me || null;
  23. if (!username) {
  24. return '';
  25. }
  26. return `/user/${username}`;
  27. }
  28. parseTemplateString(templateString) {
  29. let parsed = templateString;
  30. Object.keys(this.templatePattern).forEach(key => {
  31. const k = key .replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
  32. const matcher = new RegExp(`{${k}}`, 'g');
  33. if (parsed.match(matcher)) {
  34. const replacer = this.templatePattern[key]();
  35. parsed = parsed.replace(matcher, replacer);
  36. }
  37. });
  38. return parsed;
  39. }
  40. process(code, lang) {
  41. const templateId = new Date().getTime().toString(16) + Math.floor(1000 * Math.random()).toString(16);
  42. let pageName = lang;
  43. if (lang.match(':')) {
  44. pageName = this.parseTemplateString(lang.split(':')[1]);
  45. }
  46. code = this.parseTemplateString(code);
  47. return `
  48. <div class="page-template-builder">
  49. <button class="template-create-button btn btn-default" data-template="${templateId}" data-path="${pageName}"><i class="fa fa-pencil"></i> ${pageName}</button>
  50. <pre><code id="${templateId}" class="lang-${lang}">${code}\n</code></pre></div>\n`;
  51. }
  52. }