@myuw-web-components/myuw-compact-card
Advanced tools
This is a compact card web component used with MyUW.
Add the following to your page's <head>:
<script src="https://unpkg.com/@myuw-web-components/myuw-compact-card@^1"></script>
Using the component
<myuw-compact-card
title="My Account"
uid="unique-identifier"
url="/star"
md-icon="account_circle"
>
</myuw-compact-card>
title: The title of the web component.
uid: The unique ID of the card.
md-icon: Material UI icon name.
fa-icon: Font Awesome icon name.
svg-icon: A relative SVG icon URL.
url: The URL to open when the card is clicked. If the URL starts with http or https
the link will open in a new tab. If it is relative it will open in the same tab.
myuw-compact-cards have a contextual menu with a delete menu item. When users
attempt to delete the card, this web component fires a custom deleteCardNotify
DOM event on the myuw-compact-card element where event.detail is the UID
of the card.
This event is both bubbles and composed so it will bubble up into the parent
document (beyond this web component's shadow DOM).
Handling that event to actually delete the card is an exercise left to the implementer.
const el = document.getElementById('my-card');
el.addEventListener('deleteCardNotify', event => {
console.log(event.detail);
});
fa-icon attribute when its value includes {.
This is so that an AngularJS application can naively invoke this web component
feeding the fa-icon attribute an AngularJS expression, with this web
component ignoring the attribute until the AngularJS expression resolves.
Without this bit of complexity,
FontAwesome: Could not find icon with iconName={{widget.faIcon |
littered the logs where uPortal-app-framework uses this web component.Install dependencies with npm install
Run local server with npm run serve:element
Build the element into a single JavaScript file with npm run build-element. A single file
will be generated in element/element.js. This build path can be changed in build-elements.js
FAQs
A compact card for MyUW
The npm package @myuw-web-components/myuw-compact-card receives a total of 0 weekly downloads. As such, @myuw-web-components/myuw-compact-card popularity was classified as not popular.
We found that @myuw-web-components/myuw-compact-card demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.
Security News
Newly introduced telemetry in devenv 1.4 sparked a backlash over privacy concerns, leading to the removal of its AI-powered feature after strong community pushback.
Security News
TC39 met in Seattle and advanced 9 JavaScript proposals, including three to Stage 4, introducing new features and enhancements for a future ECMAScript release.