Home: Change single entry to have its own portlet to immediately reflect change of selected entry.

home/inc/class.home_link_portlet.inc.php

@@ -214,6 +214,7 @@ class home_link_portlet extends home_portlet
 
 		return $actions;
 	}
+
 	/**
 	 * This portlet accepts files and links
 	 *
@@ -223,4 +224,9 @@ class home_link_portlet extends home_portlet
 	{
 		return array('file', 'link');
 	}
+
+	public function get_type()
+	{
+		return "et2-portlet-link";
+	}
 }

home/js/Et2PortletLink.ts

@@ -0,0 +1,37 @@
+import {Et2Portlet} from "../../api/js/etemplate/Et2Portlet/Et2Portlet";
+import shoelace from "../../api/js/etemplate/Styles/shoelace";
+import {css} from "@lion/core";
+import {SelectOption} from "../../api/js/etemplate/Et2Select/FindSelectOptions";
+
+/**
+ * Home portlet to show a list of entries
+ */
+export class Et2PortletLink extends Et2Portlet
+{
+	static get styles()
+	{
+		return [
+			...shoelace,
+			...(super.styles || []),
+			css`
+			`
+		]
+	}
+
+	/**
+	 * Get a list of user-configurable properties
+	 * @returns {[{name : string, type : string, select_options? : [SelectOption]}]}
+	 */
+	get portletProperties() : { name : string, type : string, label : string, select_options? : SelectOption[] }[]
+	{
+		return [
+			...super.portletProperties,
+			{name: "entry", type: "et2-link-entry", label: "Entry"}
+		]
+	}
+}
+
+if(!customElements.get("et2-portlet-link"))
+{
+	customElements.define("et2-portlet-link", Et2PortletLink);
+}

home/js/app.ts

@@ -14,6 +14,7 @@ import {etemplate2} from "../../api/js/etemplate/etemplate2";
 import {Et2Portlet} from "../../api/js/etemplate/Et2Portlet/Et2Portlet";
 import {Et2PortletFavorite} from "./Et2PortletFavorite";
 import {loadWebComponent} from "../../api/js/etemplate/Et2Widget/Et2Widget";
+import "./Et2PortletLink";
 import "./Et2PortletList";
 import "./Et2PortletNote";
 import './Et2PortletWeather';