From caee86d316c889daa35629964cee92cbe2a8a67a Mon Sep 17 00:00:00 2001
From: maxkadushkin <maxim.kadushkin@onlyoffice.com>
Date: Wed, 2 Oct 2024 14:12:18 +0300
Subject: [PATCH] [home] added default icon for items in the templates list

---
 common/loginpage/res/img/common-svg/template-item.svg | 3 +++
 common/loginpage/src/paneltemplates.js                | 4 +++-
 common/loginpage/src/styles.less                      | 5 +++++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 common/loginpage/res/img/common-svg/template-item.svg

diff --git a/common/loginpage/res/img/common-svg/template-item.svg b/common/loginpage/res/img/common-svg/template-item.svg
new file mode 100644
index 000000000..e6ca35933
--- /dev/null
+++ b/common/loginpage/res/img/common-svg/template-item.svg
@@ -0,0 +1,3 @@
+<svg width="256" height="256" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10,81.5h233.9l-15.6,15.6V20l15.6,15.6H10L25.6,20v77.1L10,81.5L10,81.5z M10,97.2V20h233.9v77.1H10 L10,97.2z M238.2,130.1h7.8v-15.6H105.4v15.6h7.8H238.2z M238.2,164.2h7.8v-15.6H105.4v15.6h7.8H238.2z M238.2,198.3h7.8v-15.6 H105.4v15.6h7.8H238.2z M238.2,232.4h7.8v-15.6H105.4v15.6h7.8H238.2z M10,220.3h78L72.4,236V112.6L88,128.2H10l15.6-15.6V236 L10,220.3z M10,236V112.6h78V236H10L10,236z"/>
+</svg>
\ No newline at end of file
diff --git a/common/loginpage/src/paneltemplates.js b/common/loginpage/src/paneltemplates.js
index 644381bd9..941c68fe4 100644
--- a/common/loginpage/src/paneltemplates.js
+++ b/common/loginpage/src/paneltemplates.js
@@ -110,9 +110,11 @@
 
     utils.fn.extend(ViewTemplates.prototype, {
         listitemtemplate: function(info) {
+            const icon_el = !info.icon ? `<svg class='icon'><use xlink:href='#template-item'></use></svg>`:
+                                            `<img src="${info.icon}"></img>`
             return `<div id="${info.uid}" class='item'>
                         <div class='icon'>
-                            <img src="${info.icon}"></img>
+                            ${icon_el}
                         </div>
                         <span class='title'>${info.name}</span>
                     </div>`;
diff --git a/common/loginpage/src/styles.less b/common/loginpage/src/styles.less
index 8cb82e4bd..08461a3fd 100644
--- a/common/loginpage/src/styles.less
+++ b/common/loginpage/src/styles.less
@@ -1350,6 +1350,11 @@ li.menu-item {
             img {
                 width: 140px;
             }
+            svg {
+                width: 140px;
+                height: 120px;
+                fill: @highlight-button-pressed;
+            }
         }
 
         &:hover {