diff --git a/src/js/app.js b/src/js/app.js index b34f3c6..23afaa1 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -133,7 +133,7 @@ module.exports = new Vue({ "io-view": require("./io-view"), "admin-general-view": require("./admin-general-view"), "admin-network-view": require("./admin-network-view"), - "help-view": { template: "#help-view-template" }, + "help-view": require("./help-view"), "cheat-sheet-view": { template: "#cheat-sheet-view-template", data: function() { diff --git a/src/js/help-view.js b/src/js/help-view.js new file mode 100644 index 0000000..c6ee6b0 --- /dev/null +++ b/src/js/help-view.js @@ -0,0 +1,14 @@ +module.exports = { + template: "#help-view-template", + + attached: function() { + this.svelteComponent = SvelteComponents.createComponent( + "HelpView", + document.getElementById("help") + ); + }, + + detached: function() { + this.svelteComponent.$destroy(); + } +}; diff --git a/src/pug/templates/help-view.pug b/src/pug/templates/help-view.pug index cb68321..80aed01 100644 --- a/src/pug/templates/help-view.pug +++ b/src/pug/templates/help-view.pug @@ -1,43 +1,2 @@ script#help-view-template(type="text/x-template") #help - h2 Support & Contact Info - p - | Please visit - | - a(href="https://onefinitycnc.com/support", target="_blank") - | onefinitycnc.com/support - | - | for a variety of support resources, and to find our contact information. - - h2 Discussion Forum - p - | Check out our support and discussion forum at - | - a(href="https://forum.onefinitycnc.com", target="_blank") - | forum.onefinitycnc.com - | . Register on the site and post a message. We can't wait to hear from you. - p - | We also maintain a list of - | - a(href="https://forum.onefinitycnc.com/t/what-cad-cam-software-can-be-used-to-make-gcode-files-for-the-onefinity-cnc/10253", target="_blank") - | recommended software packages - | - | on the forum. - - h2 Credits & Acknowledgements - h4(style="margin-bottom: 0;") Artwork - p(style="margin-top: 0;") - | Special thanks to - | - a(href="https://www.instagram.com/fierysquirrelart/", target="_blank") - | @fierysquirrelart - | - | for many of the graphics used in the controller. - - h4(style="margin-bottom: 0;") Buildbotics - p(style="margin-top: 0;") - | This controller is based on the - | - a(href="http://buildbotics.com", target="_blank") - | Buildbotics CNC Controller - | . diff --git a/src/svelte-components/src/components/HelpView.svelte b/src/svelte-components/src/components/HelpView.svelte new file mode 100644 index 0000000..ac13a34 --- /dev/null +++ b/src/svelte-components/src/components/HelpView.svelte @@ -0,0 +1,50 @@ + + +

Support & Contact Info

+

+ Please visit + + onefinitycnc.com/support + + for a variety of support resources, and to find our contact information. +

+ +

Discussion Forum

+

+ Check out our support and discussion forum at + + forum.onefinitycnc.com + . Register on the site and post a message. We can't wait to hear from + you. +

+ +

+ We also maintain a list of + + recommended software packages + + on the forum. +

+ +

Credits & Acknowledgements

+

Artwork

+

+ Special thanks to + + @fierysquirrelart + + for many of the graphics used in the controller. +

+ +

Buildbotics

+

+ This controller is based on the + + Buildbotics CNC Controller + + . +

diff --git a/src/svelte-components/src/main.ts b/src/svelte-components/src/main.ts index adf162e..4fec558 100644 --- a/src/svelte-components/src/main.ts +++ b/src/svelte-components/src/main.ts @@ -5,6 +5,7 @@ matchAll.shim(); import AdminNetworkView from "$components/AdminNetworkView.svelte"; import SettingsView from "$components/SettingsView.svelte"; +import HelpView from "$components/HelpView.svelte"; import DialogHost, { showDialog } from "$dialogs/DialogHost.svelte"; import { handleConfigUpdate, setDisplayUnits } from "$lib/ConfigStore"; import { handleControllerStateUpdate } from "$lib/ControllerState"; @@ -18,6 +19,9 @@ export function createComponent(component: string, target: HTMLElement, props: R case "SettingsView": return new SettingsView({ target, props }); + case "HelpView": + return new HelpView({ target, props }); + case "DialogHost": return new DialogHost({ target, props });