From e512da9a482cf3ae635a20bb0e54ee456ed8cfcf Mon Sep 17 00:00:00 2001
From: Kenryu Shibata <kenryudev5894@gmail.com>
Date: Fri, 27 Sep 2024 00:07:24 +0900
Subject: [PATCH] updated packages and added markdown support on card content

---
 src-manager/app.js                 |  2 +-
 src-manager/package-lock.json      | 12 ++++++------
 src-manager/pages/new-news.html    | 17 +++++++++++++----
 src-manager/pages/update-news.html | 20 ++++++++++++++------
 4 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/src-manager/app.js b/src-manager/app.js
index f1b11a1..3f25de5 100644
--- a/src-manager/app.js
+++ b/src-manager/app.js
@@ -16,7 +16,7 @@ app.use(express.static(path.join(__dirname, "../public")));
 
 app.get('/api/news-list', async (request, response) => {
     const database = new sqlite3.Database(path.join(__dirname, "../assets/databases/news.db"));
-    const sqlQuery = `SELECT * FROM news;`;
+    const sqlQuery = `SELECT * FROM news ORDER BY date DESC;`;
     try {
         const result = await asyncDatabaseRead(database, sqlQuery, (rows) => {
             let ret = "";
diff --git a/src-manager/package-lock.json b/src-manager/package-lock.json
index 76fa6cd..6e128d7 100644
--- a/src-manager/package-lock.json
+++ b/src-manager/package-lock.json
@@ -1830,9 +1830,9 @@
       }
     },
     "node_modules/node-abi": {
-      "version": "3.67.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.67.0.tgz",
-      "integrity": "sha512-bLn/fU/ALVBE9wj+p4Y21ZJWYFjUXLXPi/IewyLZkx3ApxKDNBWCKdReeKOtD8dWpOdDCeMyLh6ZewzcLsG2Nw==",
+      "version": "3.68.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.68.0.tgz",
+      "integrity": "sha512-7vbj10trelExNjFSBm5kTvZXXa7pZyKWx9RCKIyqe6I9Ev3IzGpQoqBP3a+cOdxY+pWj6VkP28n/2wWysBHD/A==",
       "license": "MIT",
       "dependencies": {
         "semver": "^7.3.5"
@@ -1873,9 +1873,9 @@
       }
     },
     "node_modules/nodemon": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.4.tgz",
-      "integrity": "sha512-wjPBbFhtpJwmIeY2yP7QF+UKzPfltVGtfce1g/bB15/8vCGZj8uxD62b/b9M9/WVgme0NZudpownKN+c0plXlQ==",
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.7.tgz",
+      "integrity": "sha512-hLj7fuMow6f0lbB0cD14Lz2xNjwsyruH251Pk4t/yIitCFJbmY1myuLlHm/q06aST4jg6EgAh74PIBBrRqpVAQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/src-manager/pages/new-news.html b/src-manager/pages/new-news.html
index d2e477a..cf1be24 100644
--- a/src-manager/pages/new-news.html
+++ b/src-manager/pages/new-news.html
@@ -38,7 +38,7 @@
                     </div>
 
                     <label for="cardContent">Card Content:</label>
-                    <input type="text" id="cardContent" name="cardContent" required>
+                    <textarea type="text" id="cardContent" name="cardContent" required></textarea>
 
                     <label for="article">Content:</label>
                     <textarea id="article" name="article" rows="24" cols="80"></textarea>
@@ -58,17 +58,26 @@
         </div>
         <div>
             <h3>Preview</h3>
-            <div id="preview"></div>
+            <h4>Card Content</h4>
+            <div id="preview-card-content"></div>
+            <h4>Article</h4>
+            <div id="preview-article"></div>
         </div>
     </div>
 
     <script>
-        const markdownPreivew = document.getElementById('preview');
+        const markdownPreview = document.getElementById('preview-article');
+        const cardContentPreview = document.getElementById('preview-card-content');
         const articleEditor = document.getElementById('article');
+        const cardContentInput = document.getElementById('cardContent');
         const submitButton = document.getElementById('submit-button');
 
         articleEditor.addEventListener('input', () => {
-            markdownPreivew.innerHTML = marked.parse(articleEditor.value);
+            markdownPreview.innerHTML = marked.parse(articleEditor.value);
+        });
+
+        cardContentInput.addEventListener('input', () => {
+            cardContentPreview.innerHTML = marked.parse(cardContentInput.value);
         });
 
         submitButton.addEventListener('click', () => {
diff --git a/src-manager/pages/update-news.html b/src-manager/pages/update-news.html
index 28c4bef..7521902 100644
--- a/src-manager/pages/update-news.html
+++ b/src-manager/pages/update-news.html
@@ -39,7 +39,7 @@
                     </div>
 
                     <label for="cardContent">Card Content:</label>
-                    <input type="text" id="cardContent" name="cardContent" required>
+                    <textarea rows="3" cols="80" id="cardContent" name="cardContent" required></textarea>
 
                     <label for="article">Content:</label>
                     <textarea id="article" name="article" rows="24" cols="80"></textarea>
@@ -60,13 +60,17 @@
             </form>
         </div>
         <div>
-            <h3>Preview</h3>
-            <div id="preview"></div>
+            <h3>Previews</h3>
+            <h4>Card Content</h4>
+            <div id="preview-card-content"></div>
+            <h4>Article</h4>
+            <div id="preview-article"></div>
         </div>
     </div>
 
     <script>
-        const markdownPreivew = document.getElementById('preview');
+        const markdownPreview = document.getElementById('preview-article');
+        const cardContentPreview = document.getElementById('preview-card-content');
         const articleEditor = document.getElementById('article');
         const submitButton = document.getElementById('submit-button');
         const cardContentInput = document.getElementById('cardContent');
@@ -85,7 +89,7 @@
                 coverImagePathInput.value = response.data.coverImagePath;
                 linkPathInput.value = response.data.linkPath.split('/')[2];
                 articleEditor.value = response.data.article;
-                markdownPreivew.innerHTML = marked.parse(articleEditor.value);
+                markdownPreview.innerHTML = marked.parse(articleEditor.value);
                 if (response.data.entryType == 0) {
                     entryTypeArticleInput.checked = true;
                 } else if (response.data.entryType == 1) {
@@ -95,7 +99,11 @@
             .catch((err) => {console.error(err)});
 
         articleEditor.addEventListener('input', () => {
-            markdownPreivew.innerHTML = marked.parse(articleEditor.value);
+            markdownPreview.innerHTML = marked.parse(articleEditor.value);
+        });
+
+        cardContentInput.addEventListener('input', () => {
+            cardContentPreview.innerHTML = marked.parse(cardContentInput.value);
         });
 
         submitButton.addEventListener('click', () => {