diff --git a/public/css/app.css b/public/css/app.css index c4629af..1423175 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -523,6 +523,9 @@ Ensure the default browser behavior of the `hidden` attribute. .flex { display: flex; } +.table { + display: table; +} .grid { display: grid; } @@ -887,6 +890,10 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); } +.underline { + -webkit-text-decoration-line: underline; + text-decoration-line: underline; +} .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); diff --git a/public/js/app.js b/public/js/app.js index 841d5da..c35c9a4 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -17626,7 +17626,7 @@ __webpack_require__.r(__webpack_exports__); socket: null, stream: null, transcript: [""], - magicKeys: ["apply bold", "apply link", "apply heading"], + magicKeys: ["apply bold", "apply link", "apply heading", "apply list", "apply bullet list", "apply quotation", "apply coding", "apply table", "apply image", "apply underline", "apply line divider"], keyIncluded: false }; }, @@ -17658,6 +17658,33 @@ __webpack_require__.r(__webpack_exports__); makeItHeading: function makeItHeading() { document.querySelector("md-header").click(); }, + makeItList: function makeItList() { + document.querySelector("md-ordered-list").click(); + }, + makeItUnorderedList: function makeItUnorderedList() { + document.querySelector("md-unordered-list").click(); + }, + makeItQuotation: function makeItQuotation() { + document.querySelector("md-quote").click(); + }, + makeItCode: function makeItCode() { + document.querySelector("md-code").click(); + }, + makeItTable: function makeItTable() { + document.querySelector("md-table").click(); + }, + makeItImage: function makeItImage() { + document.querySelector("md-image").click(); + }, + makeItUnderline: function makeItUnderline() { + document.querySelector("md-underline").click(); + }, + makeItStrikethrough: function makeItStrikethrough() { + document.querySelector("md-strikethrough").click(); + }, + makeItDivider: function makeItDivider() { + document.querySelector("md-linedivider").click(); + }, vocalCommands: function vocalCommands() { if (this.transcript.includes("apply bold")) { this.makeItBold(); @@ -17665,6 +17692,24 @@ __webpack_require__.r(__webpack_exports__); this.makeItLink(); } else if (this.transcript.includes("apply heading")) { this.makeItHeading(); + } else if (this.transcript.includes("apply list")) { + this.makeItList(); + } else if (this.transcript.includes("apply bullet list")) { + this.makeItUnorderedList(); + } else if (this.transcript.includes("apply quotation")) { + this.makeItQuotation(); + } else if (this.transcript.includes("apply coding")) { + this.makeItCode(); + } else if (this.transcript.includes("apply table")) { + this.makeItTable(); + } else if (this.transcript.includes("apply image")) { + this.makeItImage(); + } else if (this.transcript.includes("apply underline")) { + this.makeItUnderline(); + } else if (this.transcript.includes("apply strike through")) { + this.makeItStrikethrough(); + } else if (this.transcript.includes("apply line divider")) { + this.makeItDivider(); } }, startTranscript: function startTranscript() { diff --git a/resources/js/components/Markdowntoolbar.vue b/resources/js/components/Markdowntoolbar.vue index 69e9e56..10d261a 100644 --- a/resources/js/components/Markdowntoolbar.vue +++ b/resources/js/components/Markdowntoolbar.vue @@ -218,7 +218,19 @@ export default { socket: null, stream: null, transcript: [""], - magicKeys: ["apply bold", "apply link", "apply heading"], + magicKeys: [ + "apply bold", + "apply link", + "apply heading", + "apply list", + "apply bullet list", + "apply quotation", + "apply coding", + "apply table", + "apply image", + "apply underline", + "apply line divider", + ], keyIncluded: false, }; }, @@ -251,6 +263,33 @@ export default { makeItHeading() { document.querySelector("md-header").click(); }, + makeItList() { + document.querySelector("md-ordered-list").click(); + }, + makeItUnorderedList() { + document.querySelector("md-unordered-list").click(); + }, + makeItQuotation() { + document.querySelector("md-quote").click(); + }, + makeItCode() { + document.querySelector("md-code").click(); + }, + makeItTable() { + document.querySelector("md-table").click(); + }, + makeItImage() { + document.querySelector("md-image").click(); + }, + makeItUnderline() { + document.querySelector("md-underline").click(); + }, + makeItStrikethrough() { + document.querySelector("md-strikethrough").click(); + }, + makeItDivider() { + document.querySelector("md-linedivider").click(); + }, vocalCommands() { if (this.transcript.includes("apply bold")) { @@ -259,6 +298,24 @@ export default { this.makeItLink(); } else if (this.transcript.includes("apply heading")) { this.makeItHeading(); + } else if (this.transcript.includes("apply list")) { + this.makeItList(); + } else if (this.transcript.includes("apply bullet list")) { + this.makeItUnorderedList(); + } else if (this.transcript.includes("apply quotation")) { + this.makeItQuotation(); + } else if (this.transcript.includes("apply coding")) { + this.makeItCode(); + } else if (this.transcript.includes("apply table")) { + this.makeItTable(); + } else if (this.transcript.includes("apply image")) { + this.makeItImage(); + } else if (this.transcript.includes("apply underline")) { + this.makeItUnderline(); + } else if (this.transcript.includes("apply strike through")) { + this.makeItStrikethrough(); + } else if (this.transcript.includes("apply line divider")) { + this.makeItDivider(); } },