docs(ui5-shellbar): add Joule assistant toggle button to all samples (SAP#11657)

Author: dobrinyonkov

packages/website/docs/_samples/fiori/ShellBar/Advanced/main.js

@@ -4,6 +4,7 @@ import "@ui5/webcomponents/dist/Text.js";
 import "@ui5/webcomponents/dist/Tag.js";
 import "@ui5/webcomponents/dist/Switch.js";
 import "@ui5/webcomponents/dist/Label.js";
+import "@ui5/webcomponents/dist/ToggleButton.js";
 
 import "@ui5/webcomponents-fiori/dist/ShellBar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";
@@ -13,4 +14,5 @@ import "@ui5/webcomponents-fiori/dist/ShellBarSearch.js";
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/nav-back.js";
 import "@ui5/webcomponents-icons/dist/sys-help.js";
-import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/da.js";

packages/website/docs/_samples/fiori/ShellBar/Advanced/sample.html

@@ -28,6 +28,7 @@
             <ui5-shellbar-search slot="searchField" show-clear-icon placeholder="Search Apps, Products"></ui5-shellbar-search>
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
                 <img src="../assets/images/avatars/man_avatar_3.png"/>
             </ui5-avatar>

packages/website/docs/_samples/fiori/ShellBar/Basic/main.js

@@ -1,10 +1,12 @@
 import "@ui5/webcomponents/dist/Avatar.js";
 import "@ui5/webcomponents/dist/Button.js";
+import "@ui5/webcomponents/dist/ToggleButton.js";
 
 import "@ui5/webcomponents-fiori/dist/ShellBar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarSearch.js";
 
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/sys-help.js";
-import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/da.js";

packages/website/docs/_samples/fiori/ShellBar/Basic/sample.html

@@ -18,6 +18,7 @@
             <ui5-shellbar-search slot="searchField" show-clear-icon placeholder="Search Apps, Products"></ui5-shellbar-search>
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
                 <img src="../assets/images/avatars/man_avatar_3.png"/>
             </ui5-avatar>

packages/website/docs/_samples/fiori/ShellBar/EmbeddedBackNavigation/main.js

@@ -1,5 +1,6 @@
 import "@ui5/webcomponents/dist/Avatar.js";
 import "@ui5/webcomponents/dist/Button.js";
+import "@ui5/webcomponents/dist/ToggleButton.js";
 
 import "@ui5/webcomponents-fiori/dist/ShellBar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";
@@ -9,4 +10,5 @@ import "@ui5/webcomponents-icons/dist/nav-back.js";
 import "@ui5/webcomponents-icons/dist/search.js";
 import "@ui5/webcomponents-icons/dist/sys-help.js";
 import "@ui5/webcomponents-icons/dist/bell.js";
-import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/da.js";

packages/website/docs/_samples/fiori/ShellBar/EmbeddedBackNavigation/sample.html

@@ -18,6 +18,7 @@
             <ui5-shellbar-search slot="searchField" show-clear-icon placeholder="Search Apps, Products"></ui5-shellbar-search>
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
                 <img src="../assets/images/avatars/man_avatar_3.png"/>
             </ui5-avatar>

packages/website/docs/_samples/fiori/ShellBar/MultipleNonProductiveInstances/main.js

@@ -2,11 +2,13 @@ import "@ui5/webcomponents/dist/Avatar.js";
 import "@ui5/webcomponents/dist/Button.js";
 import "@ui5/webcomponents/dist/Text.js";
 import "@ui5/webcomponents/dist/Tag.js";
+import "@ui5/webcomponents/dist/ToggleButton.js";
 
 import "@ui5/webcomponents-fiori/dist/ShellBar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarSearch.js";
 
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/sys-help.js";
-import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/da.js";

packages/website/docs/_samples/fiori/ShellBar/MultipleNonProductiveInstances/sample.html

@@ -21,6 +21,7 @@
             <ui5-shellbar-search slot="searchField" show-clear-icon placeholder="Search Apps, Products"></ui5-shellbar-search>
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
                 <img src="../assets/images/avatars/man_avatar_3.png"/>
             </ui5-avatar>
@@ -36,6 +37,7 @@
             <ui5-shellbar-search slot="searchField" show-clear-icon placeholder="Search Apps, Products"></ui5-shellbar-search>
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
                 <img src="../assets/images/avatars/man_avatar_3.png"/>
             </ui5-avatar>

packages/website/docs/_samples/fiori/ShellBar/MultipleProductiveInstances/main.js

@@ -2,11 +2,13 @@ import "@ui5/webcomponents/dist/Avatar.js";
 import "@ui5/webcomponents/dist/Button.js";
 import "@ui5/webcomponents/dist/Text.js";
 import "@ui5/webcomponents/dist/Tag.js";
+import "@ui5/webcomponents/dist/ToggleButton.js";
 
 import "@ui5/webcomponents-fiori/dist/ShellBar.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";
 import "@ui5/webcomponents-fiori/dist/ShellBarSearch.js";
 
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/sys-help.js";
-import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/customer.js";
+import "@ui5/webcomponents-icons/dist/da.js";

packages/website/docs/_samples/fiori/ShellBar/MultipleProductiveInstances/sample.html

@@ -21,6 +21,7 @@
 
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
                 <img src="../assets/images/avatars/man_avatar_3.png"/>
             </ui5-avatar>
@@ -35,6 +36,7 @@
             <ui5-shellbar-search slot="searchField" show-clear-icon placeholder="Search Apps, Products"></ui5-shellbar-search>
 
             <ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+            <ui5-toggle-button icon="sap-icon://da" tooltip="Joule" slot="assistant"></ui5-toggle-button>
             <ui5-avatar slot="profile">
     <img src="../assets/images/avatars/man_avatar_3.png"/>
 </ui5-avatar>