mirror of
https://github.com/datahub-project/datahub.git
synced 2025-08-10 18:26:24 +00:00
843a6c5bbb
* Releases updated version of datahub-web client UI code * Fix typo in yarn lock * Change yarn lock to match yarn registry directories * Previous commit missed some paths * Even more changes to yarnlock missing in previous commit * Include codegen file for typings * Add files to get parity for datahub-web and current OS datahub-midtier * Add in typo fix from previous commit - change to proper license * Implement proper OS fix for person entity picture url * Workarounds for open source DH issues * Fixes institutional memory api and removes unopensourced tabs for datasets * Fixes search dataset deprecation and user search issue as a result of changes * Remove internal only options in the avatar menu
49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
import Component from '@ember/component';
|
|
// @ts-ignore: Ignore import of compiled template
|
|
import template from '../../templates/components/forms/action-drawer';
|
|
import { layout, tagName, classNames, className } from '@ember-decorators/component';
|
|
import { action } from '@ember/object';
|
|
|
|
const baseClass = 'form-action-drawer';
|
|
|
|
/**
|
|
* Shareable contextual component <Forms::ActionDrawer> renders a fixed positioned bar at the bottom of the screen.
|
|
* Useful for forms / editable views that need to show a summary of user modifications.
|
|
* This component is intentionally bare to allow for maximum flexibility with myriad use cases.
|
|
*
|
|
* Exposes an action for toggling the drawer and the flag indicating the drawer state
|
|
* Sample usage:
|
|
* <Forms::ActionDrawer as |drawer|>
|
|
* <MyComponent
|
|
* @isVisible={{drawer.isDrawerOpen}}
|
|
* @onShow={{drawer.onDrawerToggle}}
|
|
* />
|
|
* </Forms::ActionDrawer>
|
|
* @export
|
|
* @class FormsActionDrawer
|
|
* @extends {Component}
|
|
*/
|
|
@layout(template)
|
|
@tagName('section')
|
|
@classNames(baseClass)
|
|
export default class FormsActionDrawer extends Component {
|
|
/**
|
|
* Component CSS selector
|
|
*/
|
|
baseClass = baseClass;
|
|
|
|
/**
|
|
* Block modifier selector, applied based on the flag value
|
|
*/
|
|
@className(`${baseClass}--open`, `${baseClass}--close`)
|
|
readonly isExpanded = false;
|
|
|
|
/**
|
|
* Handles the toggling of the drawer state, driven by the flag isExpanded
|
|
*/
|
|
@action
|
|
onDrawerToggle(): void {
|
|
this.toggleProperty('isExpanded');
|
|
}
|
|
}
|