Migrate dashboard widgets to Web Components #1760

Author: alansemenov

src/main/resources/admin/extensions/launcher/launcher.js

@@ -46,7 +46,7 @@ exports.get = function(req) {
         adminTools[i].cls = adminTools[i].appId === config.appName ? 'active' : '';
     }
 
-    const userIconUrl = assetLib.assetUrl({ path: 'icons/widgets/user.svg' });
+    const userIconUrl = assetLib.assetUrl({ path: 'icons/extensions/user.svg' });
     const logoutUrl = portal.logoutUrl({
         redirect: admin.getHomeToolUrl({ type: 'absolute' })
     });

src/main/resources/admin/extensions/shortcuts/shortcuts.html

@@ -1,9 +1,9 @@
-<widget id="widget-shortcuts">
+<div id="extension-shortcuts">
     <script type="module" src="{{jsUrl}}" data-config-script-id="{{configScriptId}}"></script>
     <link rel="stylesheet" href="{{stylesUrl}}" type="text/css" media="all"/>
-    <div class="widget-shortcuts-container">
+    <div class="extension-shortcuts-container">
         {{#dashboardIcons}}
-        <div class="{{cls}} widget-shortcuts-item" tabindex="0">
+        <div class="{{cls}} extension-shortcuts-item" tabindex="0">
             {{#link}}
             <a href="{{link}}" target="_blank" tabindex="-1">
             {{/link}}
@@ -15,4 +15,4 @@
         </div>
         {{/dashboardIcons}}
     </div>
-</widget>
+</div>

src/main/resources/admin/extensions/shortcuts/shortcuts.js

@@ -5,7 +5,7 @@ const configLib = require('/lib/config');
 const assetLib = require('/lib/enonic/asset');
 
 function handleGet(req) {
-    const iconsPath = 'icons/widgets/';
+    const iconsPath = 'icons/extensions/';
     const infoIconUrl = assetLib.assetUrl({ path: `${iconsPath}info-with-circle.svg` });
     const devIconUrl = assetLib.assetUrl({ path: `${iconsPath}developer.svg` });
     const forumIconUrl = assetLib.assetUrl({ path: `${iconsPath}discuss.svg` });
@@ -16,7 +16,7 @@ function handleGet(req) {
     const dashboardIcons = [
         {
             src: infoIconUrl,
-            cls: 'widget-shortcuts-xp-about',
+            cls: 'extension-shortcuts-xp-about',
             caption: i18n.localize({
                 key: 'home.dashboard.widget.shortcuts.about',
                 bundles: ['i18n/phrases'],
@@ -58,10 +58,10 @@ function handleGet(req) {
     const params = {
         dashboardIcons: dashboardIcons,
         stylesUrl: assetLib.assetUrl({
-            path: 'styles/widgets/shortcuts.css'
+            path: 'styles/extensions/shortcuts.css'
         }),
         jsUrl: assetLib.assetUrl({
-            path: 'js/widgets/shortcuts.js'
+            path: 'js/extensions/shortcuts.js'
         }),
         configScriptId: configLib.configScriptId
     };