Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom mf for user settings #1802

Merged

Conversation

JohannesDoberer
Copy link
Contributor

Custom mf to manage user settings data
Fixes #1770

* master:
  add blog post (SAP#1731)
  Release v1.6.0 (SAP#1729)
  cm fix (SAP#1727)
  Added state info to replacestate (SAP#1725)
  Simple storage api for micro frontends#1696 (SAP#1707)
  Fix broken angular link (SAP#1717)
  Fix css issue for Iframe (SAP#1716)
* master:
  update luigi in fiddle
  Change Search using Luigi.globalSearch() API (SAP#1690) (SAP#1734)
  Fix `withoutSync()` history behaviour (SAP#1720)
  Update index.scss
  Bump highlight.js in /core/examples/luigi-example-vue (SAP#1723)
* master:
  release-v1.7.0 (SAP#1759)
  CM fixes (SAP#1755)
  changes for night build (SAP#1757)
  Feature angular supporting library (SAP#1756)
  Website security (SAP#1742)
  fixed case sensitivity issue in luigi element
  Feature wc support (SAP#1751)
known issue.. grid is not displayed correctly in ie11
* master:
  Bump ini from 1.3.5 to 1.3.8 in /scripts (SAP#1783)
  Bump ini from 1.3.5 to 1.3.8 in /website/docs (SAP#1780)
  Bump ini from 1.3.5 to 1.3.7 in /client (SAP#1774)
  Bump ini from 1.3.5 to 1.3.7 in /core (SAP#1775)
  replace insensitive term (SAP#1771)
* master:
  Release v1.7.1 (SAP#1793)
  Update example on luigi-core-api.md navigate() (SAP#1769)
  Reversed search for keepselected (SAP#1761)
  fiddle patch
  Browser history fix  (SAP#1784)
  Manage user settings (SAP#1789)
  Fix drawer undefined bug (SAP#1765)
  Fixing cypress tests for Angular Test Application (SAP#1730)
  Global search enhancements SAP#1738 (SAP#1753)

# Conflicts:
#	client/webpack.config.js
#	core/package.json
#	core/src/App.html
#	core/src/UserSettingsDialog.html
#	core/src/UserSettingsEditor.html
#	core/src/core-api/config.js
#	core/src/core-api/ux.js
#	core/src/utilities/constants.js
#	core/src/utilities/helpers/usersetting-dialog-helpers.js
#	docs/luigi-core-api.md
#	test/e2e-test-application/src/luigi-config/extended/projectDetailNav.js
#	test/e2e-test-application/src/luigi-config/extended/settings.js
@JohannesDoberer JohannesDoberer added the enhancement New feature or request label Jan 8, 2021
@JohannesDoberer JohannesDoberer added this to the Sprint 15 milestone Jan 8, 2021
@JohannesDoberer
Copy link
Contributor Author

Custom mf to test

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
   <link rel="stylesheet" type="text/css" href="index.css" media="screen" />
</head>

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <script src="node_modules/@luigi-project/client/luigi-client.js"></script>
    <script>

        let myUserSettings = {};
        window.LuigiClient.addInitListener((context, origin) => {
            console.log('init');
            renderData(context);
        });

        function renderData(context) {
            myUserSettings = context.userSettingsData;
            if (myUserSettings.theme) {
                let button = document.querySelector('.' + myUserSettings.theme);
                button.classList.add('active');
            }
        }

        function changeTheming(theme) {
            document.querySelectorAll('.btnList button').forEach(button => {
                button.classList.remove('active');
            });
            console.log('changeTheming');
            document.querySelector('.' + theme).classList.add('active');
            myUserSettings.theme = theme;
            window.LuigiClient.sendCustomMessage({ id: 'luigi.updateUserSettings', data: myUserSettings })
        }
    </script>
    <div>
        <ul class="btnList">
            <li>
                <button class="red" style="color:red" onclick="changeTheming('red')">Red</button>
            </li>
            <li>
                <button class="green" style="color: green" onclick="changeTheming('green')">Green</button>
            </li>
        </ul>
    </div>
</body>

</html>

@legteodav legteodav self-requested a review January 11, 2021 08:38
@legteodav legteodav self-assigned this Jan 11, 2021
core/src/App.html Outdated Show resolved Hide resolved
core/src/App.html Outdated Show resolved Hide resolved
@stanleychh stanleychh self-assigned this Jan 13, 2021
* master:
  Make navigateIframe and prepareInternalData functions be async (SAP#1799)

# Conflicts:
#	core/src/App.html
core/src/App.html Outdated Show resolved Hide resolved
core/src/App.html Outdated Show resolved Hide resolved
core/src/App.html Show resolved Hide resolved
core/src/UserSettingsDialog.html Show resolved Hide resolved
core/src/UserSettingsDialog.html Outdated Show resolved Hide resolved
Copy link
Contributor

@legteodav legteodav left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job.... A lot of code to review :(

@JohannesDoberer JohannesDoberer merged commit a363f9a into SAP:master Jan 15, 2021
@JohannesDoberer JohannesDoberer deleted the custom-mf-for-user-settings branch January 15, 2021 15:05
legteodav pushed a commit to legteodav/luigi that referenced this pull request Jan 19, 2021
legteodav added a commit that referenced this pull request Jan 19, 2021
* First commit for wc

* Adding example for WC

* Adding Web Component Documentation

* Doc changes

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update client-frameworks-support/client-support-angular/projects/client-support-angular/src/lib/route/luigi-activated-route-snapshot-helper.ts

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Fixing error in luigi core doc

* Adding nv documentation

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Adding doc images

* Update docs/luigi-core-api.md

Co-authored-by: Uliana Caceres <[email protected]>

* Removed unused file

* Rename component title

* removed white spaces

* Adding clazz name to fiddle example, removign examples in the documentation

* adding new fiddle component

* Adding UI5 Component

* Changing label UI5 components

* Custom mf for user settings (#1802)

* Rewrite getting started guide (#1766)

* state-store fix (#1814)

Co-authored-by: Stanley Hsu <[email protected]>

* ng support lib enhancements (#1809)

Co-authored-by: JohannesDoberer <[email protected]>

* 1767 different visual appearances (#1790)

* Profile setting dialog (#1710)

* Read/write settings using core api (#1709)

* Dialog box for user settings (#1750)

known issue.. grid is not displayed correctly in ie11

* Adding new configuration for enum displayed as buttons

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Changing testdataid with id in html attribute

* Adding again testid

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* changing button to segment and group....

* Fixing integration tests

Co-authored-by: JohannesDoberer <[email protected]>
Co-authored-by: Stanley Hsu <[email protected]>

* merging and resolving conflics

* adding new fiddle component

* Adding UI5 Component

Co-authored-by: Ndricim Rrapi <[email protected]>
Co-authored-by: Uliana Caceres <[email protected]>
Co-authored-by: JohannesDoberer <[email protected]>
Co-authored-by: Aleksandra Simeonova <[email protected]>
Co-authored-by: Philipp Pracht <[email protected]>
Co-authored-by: Stanley Hsu <[email protected]>
Co-authored-by: Stanley Hsu <[email protected]>
@ndricimrr ndricimrr mentioned this pull request Jan 21, 2021
stanleychh pushed a commit to stanleychh/luigi that referenced this pull request Dec 30, 2021
stanleychh added a commit to stanleychh/luigi that referenced this pull request Dec 30, 2021
* First commit for wc

* Adding example for WC

* Adding Web Component Documentation

* Doc changes

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update client-frameworks-support/client-support-angular/projects/client-support-angular/src/lib/route/luigi-activated-route-snapshot-helper.ts

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Fixing error in luigi core doc

* Adding nv documentation

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update docs/web-component.md

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Update website/fiddle/public/wc/luigiExampleWC.js

Co-authored-by: Ndricim Rrapi <[email protected]>

* Adding doc images

* Update docs/luigi-core-api.md

Co-authored-by: Uliana Caceres <[email protected]>

* Removed unused file

* Rename component title

* removed white spaces

* Adding clazz name to fiddle example, removign examples in the documentation

* adding new fiddle component

* Adding UI5 Component

* Changing label UI5 components

* Custom mf for user settings (SAP#1802)

* Rewrite getting started guide (SAP#1766)

* state-store fix (SAP#1814)

Co-authored-by: Stanley Hsu <[email protected]>

* ng support lib enhancements (SAP#1809)

Co-authored-by: JohannesDoberer <[email protected]>

* 1767 different visual appearances (SAP#1790)

* Profile setting dialog (SAP#1710)

* Read/write settings using core api (SAP#1709)

* Dialog box for user settings (SAP#1750)

known issue.. grid is not displayed correctly in ie11

* Adding new configuration for enum displayed as buttons

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Changing testdataid with id in html attribute

* Adding again testid

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* Update core/src/UserSettingsEditor.html

Co-authored-by: Stanley Hsu <[email protected]>

* changing button to segment and group....

* Fixing integration tests

Co-authored-by: JohannesDoberer <[email protected]>
Co-authored-by: Stanley Hsu <[email protected]>

* merging and resolving conflics

* adding new fiddle component

* Adding UI5 Component

Co-authored-by: Ndricim Rrapi <[email protected]>
Co-authored-by: Uliana Caceres <[email protected]>
Co-authored-by: JohannesDoberer <[email protected]>
Co-authored-by: Aleksandra Simeonova <[email protected]>
Co-authored-by: Philipp Pracht <[email protected]>
Co-authored-by: Stanley Hsu <[email protected]>
Co-authored-by: Stanley Hsu <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Custom usersettings micro frontends
3 participants