feat: add a dialog for showing default templates

Author: nishantwrp

package.json

@@ -5,7 +5,7 @@
     "dist": "webpack --joplin-plugin-config buildMain && webpack --joplin-plugin-config buildExtraScripts && webpack --joplin-plugin-config createArchive",
     "prepare": "npm run dist",
     "update": "npm install -g generator-joplin && yo joplin --update",
-    "lint": "eslint 'src/**/*'"
+    "lint": "eslint 'src/**/*.{ts,json}'"
   },
   "license": "MIT",
   "keywords": [

src/index.ts

@@ -3,6 +3,7 @@ import { SettingItemType } from "api/types";
 import { parseTemplate } from "./parser";
 import { doesFolderExist } from "./utils/folders";
 import { getTemplateFromId, getUserTempateSelection } from "./utils/templates";
+import { setDefaultTemplatesView } from "./views/defaultTemplates";
 
 joplin.plugins.register({
     onStart: async function() {
@@ -42,6 +43,10 @@ joplin.plugins.register({
         }
 
 
+        // Register a dialog box
+        const dialogViewHandle = await joplin.views.dialogs.create("dialog");
+
+
         // Register all commands
         await joplin.commands.register({
             name: "createNoteFromTemplate",
@@ -80,7 +85,14 @@ joplin.plugins.register({
             name: "showDefaultTemplates",
             label: "Show default templates",
             execute: async () => {
-                console.log("Command");
+                const noteTemplate = await getTemplateFromId(await joplin.settings.value("defaultNoteTemplateId"));
+                const todoTemplate = await getTemplateFromId(await joplin.settings.value("defaultTodoTemplateId"));
+
+                const noteTemplateTitle = noteTemplate ? noteTemplate.title : null;
+                const todoTemplateTitle = todoTemplate ? todoTemplate.title : null;
+
+                await setDefaultTemplatesView(dialogViewHandle, noteTemplateTitle, todoTemplateTitle);
+                await joplin.views.dialogs.open(dialogViewHandle);
             }
         });
 
@@ -112,13 +124,10 @@ joplin.plugins.register({
             name: "createNoteFromDefaultTemplate",
             label: "Create note from default template",
             execute: async () => {
-                const templateId = await joplin.settings.value("defaultNoteTemplateId");
-                if (templateId) {
-                    const template = await getTemplateFromId(templateId)
-                    if (template) {
-                        await joplin.commands.execute("newNote", await parseTemplate(template.body));
-                        return;
-                    }
+                const template = await getTemplateFromId(await joplin.settings.value("defaultNoteTemplateId"));
+                if (template) {
+                    await joplin.commands.execute("newNote", await parseTemplate(template.body));
+                    return;
                 }
                 await joplin.views.dialogs.showMessageBox("No default note template is set.");
             }
@@ -128,13 +137,10 @@ joplin.plugins.register({
             name: "createTodoFromDefaultTemplate",
             label: "Create to-do from default template",
             execute: async () => {
-                const templateId = await joplin.settings.value("defaultTodoTemplateId");
-                if (templateId) {
-                    const template = await getTemplateFromId(templateId)
-                    if (template) {
-                        await joplin.commands.execute("newTodo", await parseTemplate(template.body));
-                        return;
-                    }
+                const template = await getTemplateFromId(await joplin.settings.value("defaultTodoTemplateId"));
+                if (template) {
+                    await joplin.commands.execute("newTodo", await parseTemplate(template.body));
+                    return;
                 }
                 await joplin.views.dialogs.showMessageBox("No default to-do template is set.");
             }

src/utils/folders.ts

@@ -15,7 +15,7 @@ export interface Note {
     body: string;
 }
 
-export const getAllNotesInFolder = async (folderId: string): Promise <Note[]> => {
+export const getAllNotesInFolder = async (folderId: string): Promise<Note[]> => {
     let pageNum = 1;
     let response;
     let notes = [];

src/utils/templates.ts

@@ -31,7 +31,11 @@ export const getUserTempateSelection = async (templatesFolderId: string, propert
     return null;
 }
 
-export const getTemplateFromId = async (templateId: string): Promise<Note | null> => {
+export const getTemplateFromId = async (templateId: string | null): Promise<Note | null> => {
+    if (!templateId) {
+        return null;
+    }
+
     try {
         return await joplin.data.get([ "notes", templateId ], { fields: ["id", "title", "body"] });
     } catch (error) {

src/views/defaultTemplates.ts

@@ -0,0 +1,24 @@
+import joplin from "api";
+
+export const setDefaultTemplatesView = async (viewHandle: string, noteTemplate: string | null, todoTemplate: string | null): Promise<void> => {
+    await joplin.views.dialogs.addScript(viewHandle, "./views/webview.css");
+
+    await joplin.views.dialogs.setHtml(
+        viewHandle,
+        `
+        <h2> Default Templates </h2>
+        <table>
+            <tr>
+                <td><u> Note </u></td>
+                <td>${noteTemplate ? noteTemplate : "<i>Not set</i>"}</td>
+            </tr>
+            <tr>
+                <td><u> To-do </u></td>
+                <td>${todoTemplate ? todoTemplate : "<i>Not set</i>"}</td>
+            </tr>
+        </table>
+        `
+    );
+
+    await joplin.views.dialogs.setButtons(viewHandle, [{ id: "ok" }]);
+}

src/views/webview.css

@@ -0,0 +1,4 @@
+body {
+    text-align: center;
+    font-size: 14px;
+}