Smart Data Source
2 |
3 |
17 |
--------------------------------------------------------------------------------
/bootstrapper/forms/forms.html:
--------------------------------------------------------------------------------
1 |
5 |
4 |
7 |
8 |
9 |
10 |
15 |
16 |
11 | Name: {{myItem.name}}
12 | Value: {{myItem.value}}
13 |
14 | Forms
2 | 3 |
9 |
10 |
12 |
16 |
17 |
13 | {{forms.count}}
14 |
15 |
18 |
19 |
20 |
22 |
--------------------------------------------------------------------------------
/bootstrapper/forms/formsRoot.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'tsFormsRoot',
5 | template: require('./forms.html'),
6 | })
7 | export class FormsRootComponent { }
8 |
--------------------------------------------------------------------------------
/bootstrapper/inputs/inputRoot.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'tsInputsRoot',
5 | template: require('./inputs.html'),
6 | })
7 | export class InputsRootComponent { }
8 |
--------------------------------------------------------------------------------
/bootstrapper/inputs/inputs.html:
--------------------------------------------------------------------------------
1 |
5 | Message log
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/bootstrapper/messageLog/messageLogNg2Bootstrapper.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'tsMessageLogBootstrapper',
5 | template: require('./messageLogNg2Bootstrapper.html'),
6 | })
7 | export class MessageLogNg2BootstrapperComponent {
8 | messages: any[];
9 | pageSize = 8;
10 | hasNextPage = true;
11 | loading: boolean = false;
12 |
13 | ngOnInit(): void {
14 | this.messages = [
15 | {
16 | id: 1,
17 | isSystemMessage: false,
18 | message: 'Cool',
19 | createdBy: { name: 'Jim Davis' },
20 | createdDate: '2017-01-01T12:00:00',
21 | },
22 | {
23 | id: 2,
24 | isSystemMessage: true,
25 | message: 'Event',
26 | createdBy: { name: 'System' },
27 | createdDate: '2017-01-01T01:00:00',
28 | },
29 | ];
30 | }
31 |
32 | log = x => console.log(x);
33 | }
34 |
--------------------------------------------------------------------------------
/bootstrapper/messageLog/messageLogRoot.html:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
19 |
--------------------------------------------------------------------------------
/bootstrapper/misc/miscNg2Context.ts:
--------------------------------------------------------------------------------
1 | import { Component, ViewChild } from '@angular/core';
2 | import { Observable, Subject } from 'rxjs';
3 |
4 | import { BusyComponent } from '../../source/components/busy/busy';
5 |
6 | @Component({
7 | selector: 'tsMiscNgContext',
8 | template: require('./miscNg2Context.html'),
9 | })
10 | export class MiscNgContextBootstrapper {
11 | @ViewChild('busy2') busy2: BusyComponent;
12 | width: number = 100;
13 | value: number = 0;
14 |
15 | wait(): ObservableMulti Step Indicator Angular 2
2 |rlStep
8 |Popup content
2 |
3 |
4 | Show rl-popover
5 | Show simple popover
6 |
7 |
8 |
9 |
10 | Open prompt
11 | Open custom dialog
12 |
--------------------------------------------------------------------------------
/bootstrapper/popup/popupNg2Bootstrapper.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { Observable } from 'rxjs';
3 |
4 | import { IDialogClosingHandler } from '../../source/components/dialog/dialogRoot.service';
5 |
6 | @Component({
7 | selector: 'tsPopupBootstrapper',
8 | template: require('./popupNg2.html'),
9 | })
10 | export class PopupBootstrapper {
11 | content: string = 'Some content';
12 | onClosing: IDialogClosingHandler;
13 | options = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
14 | getOptions = () => Observable.of(this.options);
15 |
16 | constructor() {
17 | this.onClosing = () => {
18 | console.log('Trying to close...');
19 | return false;
20 | };
21 | }
22 |
23 | yes(): void {
24 | console.log('Yes');
25 | }
26 |
27 | no(): void {
28 | console.log('No');
29 | }
30 |
31 | save = (data) => {
32 | console.log(data);
33 | }
34 |
35 | create = x => x;
36 | }
37 |
--------------------------------------------------------------------------------
/bootstrapper/popup/popupRoot.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'tsPopupRoot',
5 | template: require('./popup.html'),
6 | })
7 | export class PopupRootComponent { }
8 |
--------------------------------------------------------------------------------
/bootstrapper/tabs/tabRoot.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'tsTabsRoot',
5 | template: require('./tabs.html'),
6 | })
7 | export class TabsRootComponent { }
8 |
--------------------------------------------------------------------------------
/bootstrapper/tabs/tabs.html:
--------------------------------------------------------------------------------
1 |
5 | Tabs Ng 1
2 | 3 |Tabs Ng 2
2 | 3 |Welcome to typescript-angular-components
', 6 | }) 7 | export class WelcomeComponent { } 8 | -------------------------------------------------------------------------------- /karma.conf.js: -------------------------------------------------------------------------------- 1 | 2 | // Karma default configuration 3 | 4 | var karmaSettings = require('@renovolive/gulp-utilities').karma.standard; 5 | var config = require('./karma.shared.conf'); 6 | 7 | module.exports = function (karma) { 8 | karmaSettings(karma, config.files, config.settings); 9 | }; 10 | -------------------------------------------------------------------------------- /karma.debug.conf.js: -------------------------------------------------------------------------------- 1 | // Karma debug configuration 2 | 3 | var karmaSettings = require('@renovolive/gulp-utilities').karma.debug; 4 | var config = require('./karma.shared.conf'); 5 | 6 | module.exports = function (karma) { 7 | karmaSettings(karma, config.files, config.settings); 8 | }; 9 | -------------------------------------------------------------------------------- /karma.full.conf.js: -------------------------------------------------------------------------------- 1 | // Karma full browser configuration 2 | 3 | var karmaSettings = require('@renovolive/gulp-utilities').karma.full; 4 | var config = require('./karma.shared.conf'); 5 | 6 | module.exports = function (karma) { 7 | karmaSettings(karma, config.files, config.settings); 8 | }; 9 | -------------------------------------------------------------------------------- /karma.shared.conf.js: -------------------------------------------------------------------------------- 1 | exports.files = [ 2 | 'tests/vendor.bundle.js', 3 | 'tests/renovo.bundle.js', 4 | 'tests/tests.bundle.js', 5 | ]; 6 | 7 | exports.settings = { 8 | appPath: '/source/', 9 | testsExtension: '.tests.js', 10 | configPath: 'system.config.js', 11 | testSetupPath: 'karma-test-setup.js', 12 | globalSettingsPath: 'tests/globalSettings.js', 13 | }; 14 | -------------------------------------------------------------------------------- /karma.tc.conf.js: -------------------------------------------------------------------------------- 1 | // Karma full browser configuration 2 | 3 | var karmaSettings = require('@renovolive/gulp-utilities').karma.tc; 4 | var config = require('./karma.shared.conf'); 5 | 6 | module.exports = function (karma) { 7 | karmaSettings(karma, config.files, config.settings); 8 | }; 9 | -------------------------------------------------------------------------------- /libraries/bootstrap-datetimepicker/index.js: -------------------------------------------------------------------------------- 1 | require('./bootstrap-datetimepicker'); -------------------------------------------------------------------------------- /libraries/bootstrap-touchspin/index.js: -------------------------------------------------------------------------------- 1 | jQuery = require('jquery'); 2 | 3 | require('./jquery.bootstrap-touchspin'); -------------------------------------------------------------------------------- /source/animations/index.ts: -------------------------------------------------------------------------------- 1 | import * as slide from './slide/slide.animate'; 2 | 3 | export { 4 | slide, 5 | } -------------------------------------------------------------------------------- /source/animations/slide/slide.animate.ts: -------------------------------------------------------------------------------- 1 | import { AnimationEntryMetadata, trigger, state, style, transition, animate } from '@angular/core'; 2 | 3 | export const show: string = 'show'; 4 | export const hide: string = 'hide'; 5 | 6 | export const animation = trigger('slide', [ 7 | state(hide, style({ 8 | zIndex: 1, 9 | opacity: 0, 10 | transform: 'translateY(100%)', 11 | })), 12 | state(show, style({ 13 | opacity: 1, 14 | transform: 'translateY(0)', 15 | })), 16 | transition(`${hide} <=> ${show}`, animate('250ms ease')), 17 | ]); -------------------------------------------------------------------------------- /source/behaviors/alias/alias.md: -------------------------------------------------------------------------------- 1 | # Alias 2 | Behavior for aliasing a data object under a different name on the given scope. 3 | 4 | ### Usage 5 | ``` 6 | ...
7 | ```
8 | ### Options
9 |
10 | #### `value`
11 |
12 | Binds to a value on the current scope
13 |
14 | #### `alias`
15 |
16 | Sets the name the value should be aliased under on the scope. Interpolation is permitted, but if used, one-time binding is recommended. Dynamically changing the alias value could result in memory leaks as the value will still be saved against the scope under a previous alias.
17 |
18 | ### Full example
19 | ```
20 | // controller
21 | this.value = 5;
22 |
23 | // view (controller as test)
24 |
25 | {{foo}} // 5
26 |
27 | ```
--------------------------------------------------------------------------------
/source/behaviors/behaviors.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import * as alias from './alias/alias';
4 | import * as alternatingClass from './alternatingClass/alternatingClass';
5 | import * as autosave from './autosave/autosave.ng1';
6 | import * as offClick from './offClick/offClick.ng1';
7 | import * as popover from './popover/popover';
8 | import * as required from './required/required';
9 | import * as focusOn from './focusOn/focusOn.ng1';
10 |
11 | export { alias, autosave, offClick, popover, required, focusOn };
12 |
13 | export var moduleName: string = 'rl.ui.behaviors';
14 |
15 | angular.module(moduleName, [
16 | alias.moduleName,
17 | alternatingClass.moduleName,
18 | autosave.moduleName,
19 | offClick.moduleName,
20 | popover.moduleName,
21 | required.moduleName,
22 | focusOn.moduleName
23 | ]);
24 |
--------------------------------------------------------------------------------
/source/behaviors/focusOn/focusOn.ng1.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | export const moduleName: string = 'rl.ui.behaviors.focusOn';
4 | export const directiveName: string = 'rlFocusOn';
5 |
6 | focusOn.$inject = ['$timeout', '$parse'];
7 | export function focusOn($timeout, $parse): angular.IDirective {
8 | return {
9 | link: function(scope, element, attrs: any) {
10 | var model = $parse(attrs.rlFocusOn);
11 | scope.$watch(model, function (value) {
12 | if (value === true) {
13 | $timeout(function () {
14 | let thisElement = element[0];
15 | if (thisElement.tagName.toLowerCase() == 'input') {
16 | thisElement.focus();
17 | }
18 | else {
19 | let ngElement = angular.element(thisElement);
20 | ngElement.find('input').focus();
21 | }
22 | });
23 | }
24 | });
25 | }
26 | };
27 | }
28 |
29 | angular.module(moduleName, [])
30 | .directive(directiveName, focusOn);
31 |
--------------------------------------------------------------------------------
/source/behaviors/index.ts:
--------------------------------------------------------------------------------
1 | import { AutosaveDirective } from './autosave/autosave';
2 | import { OffClickDirective } from './offClick/offClick';
3 | import { StopEventPropagationDirective } from './stopEventPropagation/stopEventPropagation';
4 |
5 | export const BEHAVIOR_DIRECTIVES: any[] = [AutosaveDirective, OffClickDirective, StopEventPropagationDirective];
6 |
7 | export * from './autosave/autosave';
8 | export * from './offClick/offClick';
9 | export * from './stopEventPropagation/stopEventPropagation';
10 |
--------------------------------------------------------------------------------
/source/behaviors/popover/popover.md:
--------------------------------------------------------------------------------
1 | # Popover
2 | Behavior that wraps angular-ui [popovers](https://angular-ui.github.io/bootstrap/#/popover) to hide some of the gimmicky behavior and allow for binding in a dynamic template.
3 |
4 | ### Usage
5 | ```
6 | ...
7 | ```
8 | ### Options
9 |
10 | #### `Default(rl-popover)`
11 |
12 | Binds in an html template from the scope.
13 |
14 | #### `text-only (default: false)`
15 |
16 | If true, uses the popover value as a simple text value for the popover rather than an html template binding.
17 |
18 | Example: `rl-popover="Hello world!" text-only="true"` outputs a popover with `Hello world!`.
19 |
20 | See [popover](https://angular-ui.github.io/bootstrap/#/popover) for additional options. All options under the `uib-popover-* settings` section apply.
21 |
22 | ### Full example
23 | ```
24 | // controller
25 | this.template = 'Hello world!
; 26 | 27 | // view (controller as test) 28 | 29 | ``` 30 | Output (popover content): 31 | ``` 32 |Hello world!
33 | ``` -------------------------------------------------------------------------------- /source/behaviors/required/required.md: -------------------------------------------------------------------------------- 1 | # Required 2 | Behavior that enables `required` validation with a corresponding error message. Can be used with any rl [input](../../components/input/input.md) component. 3 | 4 | ### Usage 5 | ``` 6 |
5 |
6 |
7 | ```
8 |
--------------------------------------------------------------------------------
/source/behaviors/stopEventPropagation/stopEventPropagation.ts:
--------------------------------------------------------------------------------
1 | import { Input, Directive, ElementRef, AfterContentInit } from '@angular/core';
2 |
3 | @Directive({
4 | selector: '[rl-stop-event-propagation]'
5 | })
6 | export class StopEventPropagationDirective implements AfterContentInit {
7 | private element: ElementRef;
8 |
9 | @Input('rl-stop-event-propagation')
10 | private event: string;
11 |
12 | constructor(element: ElementRef) {
13 | this.element = element;
14 | }
15 |
16 | ngAfterContentInit(): void {
17 | this.element.nativeElement.on(this.event, (event: any): void => {
18 | event.preventDefault();
19 | event.stopPropagation();
20 | });
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/source/components/busy/busy.css:
--------------------------------------------------------------------------------
1 | .default-theme.busy {
2 | -webkit-animation: fa-spin 2s infinite linear;
3 | animation: fa-spin 2s infinite linear;
4 | display: inline-block;
5 | font-size: inherit;
6 | font-style: normal;
7 | font-family: FontAwesome;
8 | }
9 |
10 | .default-theme.busy:before {
11 | content: "\f110"; /* fa-spinner */
12 | }
--------------------------------------------------------------------------------
/source/components/busy/busy.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/source/components/busy/busy.md:
--------------------------------------------------------------------------------
1 | # Busy
2 | Component that conditionally shows a spinner when a flag is set.
3 |
4 | ### Usage
5 | ```
6 |
2 |
--------------------------------------------------------------------------------
/source/components/cardContainer/card/headerColumn/headerColumn.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import { services, downgrade } from 'typescript-angular-utilities';
4 |
5 | import { directiveName, headerColumn, controllerName, HeaderColumnController } from './headerColumn.ng1';
6 | import { sizeForBreakpointsName, sizeForBreakpoints } from './sizeForBreakpoints.ng1';
7 |
8 | export var moduleName: string = 'rl.ui.components.cardContainer.card.headerColumn';
9 |
10 | angular.module(moduleName, [
11 | downgrade.moduleName,
12 | ])
13 | .directive(sizeForBreakpointsName, sizeForBreakpoints)
14 | .directive(directiveName, headerColumn)
15 | .controller(controllerName, HeaderColumnController);
16 |
--------------------------------------------------------------------------------
/source/components/cardContainer/cardContainer.css:
--------------------------------------------------------------------------------
1 | .selection-control .selection-control-count
2 | , .selection-control .selection-control-buttons {
3 | margin-bottom: 5px;
4 | }
5 |
6 | .select-group .select-column .fa-check {
7 | margin-left: 6px;
8 | cursor: pointer;
9 | }
--------------------------------------------------------------------------------
/source/components/cardContainer/column.ts:
--------------------------------------------------------------------------------
1 | import { IPartialSort } from './sorts/sort';
2 | import { SortDirection } from './sorts/sortDirection';
3 |
4 | export interface IBreakpointSize {
5 | xs?: number;
6 | sm?: number;
7 | md?: number;
8 | lg?: number;
9 | }
10 |
11 | export interface ISecondarySorts {
12 | ascending?: IPartialSort[];
13 | descending?: IPartialSort[];
14 | }
15 |
16 | export interface IColumn{{value}}
3 |
4 |
5 |
6 |
6 |
16 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/cardSearch/cardSearch.ng1.html:
--------------------------------------------------------------------------------
1 |
10 |
12 |
13 |
14 |
15 |
2 |
4 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/columnHeader/columnHeader.html:
--------------------------------------------------------------------------------
1 |
5 |
8 |
9 |
5 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/columnHeader/columnHeader.tests.ts:
--------------------------------------------------------------------------------
1 | import { ColumnHeaderComponent } from './columnHeader';
2 |
3 | interface ISizeForBreakpointsMock {
4 | getClass: sinon.SinonSpy;
5 | }
6 |
7 | describe('ColumnHeaderComponent', () => {
8 | let columnHeader: ColumnHeaderComponent
6 |
7 |
8 | {{column.label}}
2 |
9 |
3 |
5 |
6 |
8 |
10 |
11 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/containerFooter.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2 |
3 | import { ContainerFooterTemplate } from '../templates/containerFooter.template';
4 |
5 | @Component({
6 | selector: 'rlContainerFooter',
7 | template: require('./containerFooter.component.html'),
8 | changeDetection: ChangeDetectionStrategy.OnPush,
9 | })
10 | export class ContainerFooterComponent {
11 | @Input() footer: ContainerFooterTemplate;
12 | }
13 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/containerHeader.component.html:
--------------------------------------------------------------------------------
1 |
2 |
9 |
3 |
5 |
6 |
8 |
10 |
11 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/containerHeader.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2 |
3 | import { ContainerHeaderTemplate } from '../templates/containerHeader.template';
4 |
5 | @Component({
6 | selector: 'rlContainerHeader',
7 | template: require('./containerHeader.component.html'),
8 | changeDetection: ChangeDetectionStrategy.OnPush,
9 | })
10 | export class ContainerHeaderComponent {
11 | @Input() header: ContainerHeaderTemplate;
12 | }
13 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/defaultCardContainerFooter.html:
--------------------------------------------------------------------------------
1 |
2 |
17 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/defaultCardContainerHeader.html:
--------------------------------------------------------------------------------
1 |
3 |
5 |
6 |
7 |
9 |
10 |
12 |
13 |
14 |
16 |
2 |
9 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/defaultComponents.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | export let headerComponentName: string = 'rlDefaultCardContainerHeader';
4 | export let footerComponentName: string = 'rlDefaultCardContainerFooter';
5 |
6 | export let defaultContainerHeader: angular.IComponentOptions = {
7 | template: require('./defaultCardContainerHeader.html'),
8 | };
9 |
10 | export let defaultContainerFooter: angular.IComponentOptions = {
11 | template: require('./defaultCardContainerFooter.html'),
12 | };
13 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/index.ts:
--------------------------------------------------------------------------------
1 | import { CardSearchComponent } from './cardSearch/cardSearch';
2 | import { ItemCountComponent } from './itemCount/itemCount';
3 | import { SelectionComponent } from './selectionControl/selectionControl';
4 |
5 | export const CONTAINER_DIRECTIVES: any[] = [CardSearchComponent, ItemCountComponent, SelectionComponent];
6 |
7 | export * from './cardSearch/cardSearch';
8 | export * from './itemCount/itemCount';
9 | export * from './selectionControl/selectionControl';
--------------------------------------------------------------------------------
/source/components/cardContainer/container/itemCount/itemCount.html:
--------------------------------------------------------------------------------
1 |
3 |
5 |
6 |
8 | 2 | Showing {{visibleCount$ | async}} of {{totalCount$ | async}} total items 3 |
4 | -------------------------------------------------------------------------------- /source/components/cardContainer/container/itemCount/itemCount.ng1.html: -------------------------------------------------------------------------------- 1 |2 | Showing {{itemCount.cardContainer.dataSource.dataSet.length}} of {{itemCount.cardContainer.dataSource.count}} total items 3 |
-------------------------------------------------------------------------------- /source/components/cardContainer/container/itemCount/itemCount.ng1.ts: -------------------------------------------------------------------------------- 1 | import * as angular from 'angular'; 2 | 3 | export let moduleName: string = 'rl.ui.components.cardContainer.itemCount'; 4 | export let componentName: string = 'rlItemCount'; 5 | 6 | let itemCount: angular.IComponentOptions = { 7 | require: { cardContainer: '?^^rlCardContainer' }, 8 | template: require('./itemCount.ng1.html'), 9 | controllerAs: 'itemCount', 10 | }; 11 | 12 | angular.module(moduleName, []) 13 | .component(componentName, itemCount); 14 | -------------------------------------------------------------------------------- /source/components/cardContainer/container/selectableContainerFooter.component.html: -------------------------------------------------------------------------------- 1 |
2 |
12 |
3 |
5 |
6 |
8 |
9 |
11 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/selectableContainerFooter.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2 |
3 | import { ContainerFooterTemplate } from '../templates/containerFooter.template';
4 |
5 | @Component({
6 | selector: 'rlSelectableContainerFooter',
7 | template: require('./selectableContainerFooter.component.html'),
8 | changeDetection: ChangeDetectionStrategy.OnPush,
9 | })
10 | export class SelectableContainerFooterComponent {
11 | @Input() footer: ContainerFooterTemplate;
12 | }
13 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/selectionControl/selectionControl.html:
--------------------------------------------------------------------------------
1 |
2 |
14 |
--------------------------------------------------------------------------------
/source/components/cardContainer/container/selectionControl/selectionControl.ng1.html:
--------------------------------------------------------------------------------
1 |
3 | {{selectedItems$ | async}} items selected
4 |
5 |
9 |
10 | Select all
11 | Clear all
12 |
13 |
2 |
14 |
--------------------------------------------------------------------------------
/source/components/cardContainer/dataSources/asyncTypes.ts:
--------------------------------------------------------------------------------
1 | import { Observable } from 'rxjs';
2 |
3 | export interface IServerSearchFunction
3 | {{selection.selectedItems}} items selected
4 |
5 |
9 |
10 |
11 |
12 |
13 |
2 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/dateFilter/dateFilter.html:
--------------------------------------------------------------------------------
1 |
2 |
18 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/dateFilter/dateFilter.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import { services, downgrade } from 'typescript-angular-utilities';
4 |
5 | import { componentName, dateFilter, controllerName, DateFilterController }from './dateFilter.component.ng1';
6 |
7 | export const moduleName: string = 'rl.ui.components.cardContainer.filters.dateFilter';
8 | export * from './dateFilterOld.service';
9 | export * from './dateFilter.component.ng1';
10 |
11 | angular.module(moduleName, [downgrade.moduleName])
12 | .component(componentName, dateFilter)
13 | .controller(controllerName, DateFilterController);
14 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/dateFilter/dateFilter.ng1.html:
--------------------------------------------------------------------------------
1 |
3 |
10 |
11 |
17 |
2 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/dateFilter/index.ts:
--------------------------------------------------------------------------------
1 | export * from './dateFilter.component';
2 | export * from './dateFilterOld.service';
3 | export * from './dateFilter.service';
4 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/filter.tests.ts:
--------------------------------------------------------------------------------
1 | import { Observable } from 'rxjs';
2 |
3 | import { Filter } from './filter';
4 |
5 | class TestFilter extends Filter
3 |
4 |
6 |
7 |
8 |
27 |
9 |
10 |
13 |
14 |
15 |
16 |
19 |
20 |
21 |
24 |
25 |
26 |
2 |
18 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/filterGroup/filterGroup.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2 |
3 | import { IDataSource } from '../../dataSources/index';
4 | import { IFilterGroup, IFilterOption } from './filterGroup.service';
5 |
6 | @Component({
7 | selector: 'rlFilterGroup',
8 | template: require('./filterGroup.component.html'),
9 | changeDetection: ChangeDetectionStrategy.OnPush,
10 | })
11 | export class FilterGroupComponent
3 |
12 |
4 |
5 |
6 |
11 |
7 |
8 |
10 | {{headerTitle}}
9 |
13 |
17 |
2 |
16 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/filterGroup/filterGroup.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 | import { downgrade } from 'typescript-angular-utilities';
3 |
4 | import * as filterOption from './filterOption/filterOption.ng1';
5 | import * as modeFilterGroup from './modeFilterGroup/modeFilterGroupOld.service';
6 | import * as rangeFilterGroup from './rangeFilterGroup/rangeFilterGroupOld.service';
7 |
8 | export {
9 | filterOption,
10 | modeFilterGroup,
11 | rangeFilterGroup,
12 | };
13 |
14 | import { componentName, filterGroup, controllerName, FilterGroupController } from './filterGroup.directive.ng1';
15 |
16 | export * from './filterGroup.directive.ng1';
17 | export * from './filterGroupOld.service';
18 |
19 | export const moduleName: string = 'rl.ui.components.cardContainer.filters.filterGroup';
20 |
21 | angular.module(moduleName, [
22 | downgrade.moduleName,
23 |
24 | filterOption.moduleName,
25 | ])
26 | .component(componentName, filterGroup)
27 | .controller(controllerName, FilterGroupController);
28 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/filterGroup/filterOption/filterOption.html:
--------------------------------------------------------------------------------
1 |
3 |
12 |
4 |
5 |
6 |
11 |
7 |
8 |
10 | {{controller.headerTitle}}
9 |
13 |
15 |
4 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/filterGroup/filterOption/filterOption.ng1.html:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
8 |
10 | {{option?.label}}
11 |
12 |
13 | ({{option?.count}})
14 |
15 |
2 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/filterGroup/filterOption/filterOption.ng1.ts:
--------------------------------------------------------------------------------
1 | // ///
3 |
4 |
5 |
6 |
7 | {{filter.option.label}}
8 |
9 |
10 | ({{filter.option.count}})
11 |
12 |
2 |
10 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/selectFilter/selectFilter.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import {componentName, selectFilter, controllerName, SelectFilterController }from './selectFilter.component.ng1';
4 |
5 | export const moduleName: string = 'rl.ui.components.cardContainer.filters.selectFilter';
6 | export * from './selectFilterOld.service';
7 | export * from './selectFilter.component.ng1';
8 |
9 | angular.module(moduleName, [])
10 | .component(componentName, selectFilter)
11 | .controller(controllerName, SelectFilterController);
12 |
--------------------------------------------------------------------------------
/source/components/cardContainer/filters/selectFilter/selectFilter.ng1.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/source/components/cardContainer/index.ts:
--------------------------------------------------------------------------------
1 | import * as builder from './builder/index';
2 | import * as container from './container/index';
3 | import * as dataSources from './dataSources/index';
4 | import * as filters from './filters/index';
5 | import * as paging from './paging/index';
6 | import * as sorts from './sorts/index';
7 | import * as templates from './templates/index';
8 |
9 | import { CardContainerComponent } from './cardContainer';
10 | import { SelectableCardContainerComponent } from './selectableCardContainer';
11 | import { CardComponent } from './card/card';
12 | import { SelectableCardComponent } from './card/selectableCard';
13 |
14 | export const CARD_CONTAINER_DIRECTIVES: any[] = [CardContainerComponent, SelectableCardContainerComponent, CardComponent, SelectableCardComponent, container.CONTAINER_DIRECTIVES, filters.FILTER_DIRECTIVES, templates.TEMPLATE_DIRECTIVES, paging.PAGER_DIRECTIVES];
15 | export const CARD_CONTAINER_PROVIDERS: any[] = [builder.BUILDER_PROVIDERS];
16 |
17 | export { container, builder, dataSources, filters, paging, sorts, templates };
18 |
19 | export * from './card/card';
20 | export * from './cardContainer';
21 | export * from './selectableCardContainer';
22 | export * from './column';
23 |
--------------------------------------------------------------------------------
/source/components/cardContainer/paging/index.ts:
--------------------------------------------------------------------------------
1 | import { PagerComponent } from './pager/pager';
2 | import { PageSizeComponent } from './pageSize/pageSize';
3 |
4 | export const PAGER_DIRECTIVES: any[] = [PagerComponent, PageSizeComponent];
5 |
6 | export * from './dataPager/dataPagerOld.service';
7 | export * from './dataPager/dataPager.service';
8 | export * from './pager/pager';
9 | export * from './pageSize/pageSize';
10 |
--------------------------------------------------------------------------------
/source/components/cardContainer/paging/pageSize/pageSize.html:
--------------------------------------------------------------------------------
1 |
2 |
7 |
--------------------------------------------------------------------------------
/source/components/cardContainer/paging/pageSize/pageSize.ng1.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
--------------------------------------------------------------------------------
/source/components/cardContainer/paging/pageSize/pageSize.tests.ts:
--------------------------------------------------------------------------------
1 | import { PageSizeComponent, availablePageSizes } from './pageSize';
2 |
3 | interface IPagerMock {
4 | pageSize: number;
5 | }
6 |
7 | describe('PageSizeComponent', (): void => {
8 | let pageSize: PageSizeComponent
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
20 |
3 | {{message}}
4 |
5 |
6 | {{cancelButton}}
7 | {{okButton}}
8 |
9 |
2 |
--------------------------------------------------------------------------------
/source/components/form/form.md:
--------------------------------------------------------------------------------
1 | # Form
2 | Component that wraps an angular form with the ability to validate and show an error if the user attempts to submit the form.
3 |
4 | ### Usage
5 | ```
6 |
6 |
7 |
8 |
17 |
18 |
25 |
26 |
27 |
28 |
32 |
--------------------------------------------------------------------------------
/source/components/inputs/dateTime/dateTime.ng1.html:
--------------------------------------------------------------------------------
1 |
29 | {{componentValidator.error$ | async}}
30 |
31 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {{dateTime.timezone.display}}
9 |
10 |
11 |
14 |
15 | {{dateTime.inputValidator.error}}
16 |
--------------------------------------------------------------------------------
/source/components/inputs/radio/index.ts:
--------------------------------------------------------------------------------
1 | import { RadioGroupComponent } from './radioGroup';
2 | import { RadioComponent } from './radio';
3 |
4 | export const RADIO_DIRECTIVES: any[] = [RadioGroupComponent, RadioComponent];
5 |
6 | export * from './radioGroup';
7 | export * from './radio';
--------------------------------------------------------------------------------
/source/components/inputs/radio/radio.css:
--------------------------------------------------------------------------------
1 | .rl-radio.default-theme:before {
2 | font-family: FontAwesome;
3 | content: "\f10c"; /*fa-circle-o*/
4 | font-size: 1.5em;
5 | position: relative;
6 | top: .05em;
7 | }
8 |
9 | .rl-radio-selected.default-theme:before {
10 | font-family: FontAwesome;
11 | content: "\f192"; /*fa-dot-circle-o*/
12 | font-size: 1.4em;
13 | }
14 |
15 | .rl-radio.default-theme.disabled:before,
16 | .rl-radio-selected.default-theme.disabled:before {
17 | opacity: 0.6;
18 | }
19 |
--------------------------------------------------------------------------------
/source/components/inputs/radio/radio.html:
--------------------------------------------------------------------------------
1 |
6 | {{label}}
7 |
8 |
--------------------------------------------------------------------------------
/source/components/inputs/radio/radio.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import { downgrade } from 'typescript-angular-utilities';
4 |
5 | import {
6 | directiveName as radioGroupDirectiveName,
7 | radioGroup,
8 | controllerName as radioGroupControllerName,
9 | RadioGroupController
10 | } from './radioGroup.ng1';
11 | import {
12 | componentName as radioComponentName,
13 | radio,
14 | controllerName as radioControllerName,
15 | RadioController
16 | } from './radio.ng1';
17 |
18 | export {
19 | radioGroupDirectiveName,
20 | radioGroup,
21 | radioGroupControllerName,
22 | RadioGroupController,
23 | radioComponentName,
24 | radio,
25 | radioControllerName,
26 | RadioController,
27 | };
28 |
29 | export var moduleName: string = 'rl21.components.radio';
30 |
31 | angular.module(moduleName, [downgrade.moduleName])
32 | .directive(radioGroupDirectiveName, radioGroup)
33 | .controller(radioGroupControllerName, RadioGroupController)
34 | .component(radioComponentName, radio)
35 | .controller(radioControllerName, RadioController);
36 |
--------------------------------------------------------------------------------
/source/components/inputs/radio/radio.ng1.ts:
--------------------------------------------------------------------------------
1 | import * as ng from 'angular';
2 |
3 | import { RadioGroup, RadioGroupController } from './radioGroup.ng1';
4 |
5 | export let componentName: string = 'rlRadio';
6 | export let controllerName: string = 'RadioController';
7 |
8 | export class RadioController {
9 | radioGroup: RadioGroup;
10 | groupController: RadioGroupController;
11 | ngModel: ng.INgModelController;
12 |
13 | $onInit(): void {
14 | if (this.groupController != null) {
15 | this.radioGroup = this.groupController.group;
16 | } else {
17 | this.radioGroup = new RadioGroup(this.ngModel);
18 | }
19 | }
20 | }
21 |
22 | export let radio: ng.IComponentOptions = {
23 | require: {
24 | groupController: '?^^rlRadioGroup',
25 | ngModel: '?ngModel',
26 | },
27 | transclude: true,
28 | template: `
29 |
33 | `,
34 | controller: controllerName,
35 | controllerAs: 'radio',
36 | bindings: {
37 | value: '<',
38 | },
39 | };
40 |
--------------------------------------------------------------------------------
/source/components/inputs/radio/radio.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 |
3 | import { DefaultTheme } from '../../componentsDefaultTheme';
4 |
5 | import { RadioGroupComponent } from './radioGroup';
6 |
7 | @Component({
8 | selector: 'rlRadio',
9 | template: require('./radio.html'),
10 | })
11 | export class RadioComponent
2 |
10 |
--------------------------------------------------------------------------------
/source/components/inputs/spinner/spinner.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | ![]()
4 |
5 |
6 |
7 | Clear
8 |
9 |
6 |
7 |
14 |
18 |
15 | {{componentValidator.error$ | async}}
16 |
17 |
19 |
32 |
33 |
--------------------------------------------------------------------------------
/source/components/inputs/spinner/spinner.ng1.html:
--------------------------------------------------------------------------------
1 |
20 |
21 | {{prefix}}
22 |
29 | {{postfix}}
30 |
31 |
2 | ...
7 | ```
8 | ### Options
9 |
10 | #### `maxlength`
11 |
12 | Sets the maxlength of the textbox.
13 |
14 | `ng-model`, `validator`, `validators`, `label`, `name`.
15 |
16 | See [input](../input.md) for detail on the base options.
17 |
18 | ### Full example
19 | An input with **maxlength** and **label**.
20 | ```
21 |
2 |
3 |
9 |
4 |
5 |
6 | {{spinner.inputValidator.error}}
7 |
8 |
10 |
17 |
11 |
12 | {{::spinner.prefix}}
13 |
14 | {{::spinner.postfix}}
15 |
16 |
--------------------------------------------------------------------------------
/source/components/inputs/textarea/textarea.html:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/source/components/inputs/textbox/textbox.md:
--------------------------------------------------------------------------------
1 | # Textbox
2 | This component extends the base [input](../input.md) with textbox-specific behavior.
3 |
4 | ### Usage
5 | ```
6 |
4 |
5 |
16 |
20 |
--------------------------------------------------------------------------------
/source/components/inputs/textarea/textarea.ng1.html:
--------------------------------------------------------------------------------
1 |
17 | {{componentValidator.error$ | async}}
18 |
19 |
2 |
3 |
4 | {{input.inputValidator.error}}
5 |
--------------------------------------------------------------------------------
/source/components/inputs/textarea/textarea.ng1.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import { buildInput, moduleName as inputModule } from '../input.ng1';
4 |
5 | export const moduleName: string = 'rl.ui.components.textarea';
6 | export const componentName: string = 'rlTextarea';
7 |
8 | const textarea: angular.IComponentOptions = buildInput({
9 | template: require('./textarea.ng1.html'),
10 | bindings: {
11 | rows: '
4 |
5 |
16 |
17 | {{componentValidator.error$ | async}}
18 |
19 |
2 |
3 |
4 | {{input.inputValidator.error}}
5 |
--------------------------------------------------------------------------------
/source/components/inputs/textbox/textbox.ng1.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 | import * as _ from 'lodash';
3 |
4 | import { buildInput, moduleName as inputModule } from '../input.ng1';
5 |
6 | export const moduleName: string = 'rl.ui.components.textbox';
7 | export const componentName: string = 'rlTextbox';
8 |
9 | const textbox: angular.IComponentOptions = buildInput({
10 | template: require('./textbox.ng1.html'),
11 | bindings: {
12 | maxlength: '{{$transform($item)}}
3 |
--------------------------------------------------------------------------------
/source/components/inputs/typeaheadList/index.ts:
--------------------------------------------------------------------------------
1 | import { TypeaheadListComponent } from './typeaheadList';
2 | import { TYPEAHEAD_LIST_TEMPLATE_DIRECTIVES } from './templates/index';
3 |
4 | export const TYPEAHEAD_LIST_DIRECTIVES: any[] = [TypeaheadListComponent, TYPEAHEAD_LIST_TEMPLATE_DIRECTIVES];
5 |
6 | export * from './typeaheadList';
7 | export * from './templates/index';
8 |
--------------------------------------------------------------------------------
/source/components/inputs/typeaheadList/templates/index.ts:
--------------------------------------------------------------------------------
1 | import { ListHeaderTemplate } from './listHeader.template';
2 | import { ListItemTemplate } from './listItem.template';
3 |
4 | export const TYPEAHEAD_LIST_TEMPLATE_DIRECTIVES: any[] = [ListHeaderTemplate, ListItemTemplate];
5 |
6 | export * from './listHeader.template';
7 | export * from './listItem.template';
8 |
--------------------------------------------------------------------------------
/source/components/inputs/typeaheadList/templates/listHeader.template.ts:
--------------------------------------------------------------------------------
1 | import { Directive, TemplateRef } from '@angular/core';
2 |
3 | @Directive({ selector: '[rlListHeader]' })
4 | export class ListHeaderTemplate {
5 | constructor(public template: TemplateRef
2 |
12 |
3 |
6 |
7 |
11 |
13 |
--------------------------------------------------------------------------------
/source/components/inputs/userRating/userRating.css:
--------------------------------------------------------------------------------
1 | .rating.default-theme {
2 | unicode-bidi:bidi-override;
3 | direction:rtl;
4 | font-size:1.5em;
5 | }
6 |
7 | .rating.default-theme .star {
8 | font-family:FontAwesome;
9 | font-weight:normal;
10 | font-style:normal;
11 | display:inline-block;
12 | }
13 |
14 | .rating.default-theme .star:hover { cursor: pointer; }
15 |
16 | .rating.default-theme .star:before {
17 | content:"\f006";
18 | padding-right:5px;
19 | color:#999999;
20 | }
21 |
22 | .rating.default-theme .star.filled:before {
23 | content:"\f005";
24 | color:#eec277;
25 | }
26 |
27 | .rating.default-theme .star:hover:before, .rating.default-theme .star:hover~.star:before { color:#ffd288; }
28 |
29 | .filled { color:#eec277; }
30 |
31 | .rating.default-theme .star.disabled {
32 | pointer-events: none;
33 | cursor: not-allowed;
34 | color: #bbbbbb;
35 | }
36 |
--------------------------------------------------------------------------------
/source/components/inputs/userRating/userRating.html:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/source/components/lazyLoad/lazyLoad.md:
--------------------------------------------------------------------------------
1 | # Lazy Load
2 | Component for conditionally showing content. With this component, the content will not render until it is first shown. Afterward the initial render it will hide and show using `ng-show`.
3 |
4 | ### Usage
5 | ```
6 |
14 |
18 |
15 |
17 | Name
16 |
19 |
21 |
32 |
36 | `,
37 | controller: controllerName,
38 | controllerAs: 'lazyLoad',
39 | bindings: {
40 | show: '<',
41 | },
42 | };
43 |
44 | angular.module(moduleName, [])
45 | .component(componentName, lazyLoad)
46 | .controller(controllerName,
33 |
34 |
35 | No existing messages
10 |
11 |
23 |
--------------------------------------------------------------------------------
/source/components/messageLog/ng1/editedByPopover.html:
--------------------------------------------------------------------------------
1 |
12 |
22 |
13 |
14 | Top
15 | Refresh
16 |
17 |
18 | Older
19 |
20 |
21 | Last edited by: {{entry.lastUpdatedBy.name}}
2 | {{ entry.lastUpdatedDate | rlDate:true }}
--------------------------------------------------------------------------------
/source/components/messageLog/ng1/messageLogEditDialog.html:
--------------------------------------------------------------------------------
1 |
5 |
7 |
4 |
--------------------------------------------------------------------------------
/source/components/multiStepIndicator/step.component.html:
--------------------------------------------------------------------------------
1 | -
5 |
-
11 | 12 |16 |
{{step.count()}}
13 |{{step.title}}
14 |{{step.subtitle}}
15 |
17 |
4 |
6 |
--------------------------------------------------------------------------------
/source/components/multiStepIndicator/step.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy, HostBinding, OnInit, OnChanges } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'rlStep',
5 | template: require('./step.component.html'),
6 | changeDetection: ChangeDetectionStrategy.OnPush,
7 | })
8 | export class StepComponent {
9 | @Input() title: string;
10 | @Input() link: any[] | string;
11 | @Input() valid: boolean;
12 | @Input() current: boolean;
13 | @Input() useMsiStyling: boolean = false;
14 |
15 | // Default classes
16 | @HostBinding('class.rl-step') stepStyle: boolean = true;
17 | @HostBinding('class.active') activeStyle: boolean = true;
18 |
19 | // Conditional classes
20 | @HostBinding('class.error') errorStyle: boolean = false;
21 |
22 | ngOnInit() {
23 | this.checkIfValid();
24 | }
25 |
26 | ngOnChanges() {
27 | this.checkIfValid();
28 | }
29 |
30 | checkIfValid() {
31 | this.valid
32 | ? this.errorStyle = false
33 | : this.errorStyle = true;
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/source/components/multiStepIndicator/step.tests.ts:
--------------------------------------------------------------------------------
1 | import { StepComponent } from './step.component';
2 |
3 | describe('StepComponent', () => {
4 | let step: StepComponent;
5 |
6 | beforeEach(() => {
7 | step = new StepComponent;
8 | });
9 |
10 | it('should set error styling on the step if it isn\'t valid', (): void => {
11 | step.valid = false;
12 | step.checkIfValid();
13 |
14 | expect(step.errorStyle).to.be.true;
15 | });
16 |
17 | it('should not set error styling on the step if it is valid', (): void => {
18 | step.valid = true;
19 | step.checkIfValid();
20 |
21 | expect(step.errorStyle).to.be.false;
22 | });
23 |
24 | });
--------------------------------------------------------------------------------
/source/components/popoutList/index.ts:
--------------------------------------------------------------------------------
1 | import { PopoutItemComponent } from './popoutItem';
2 | import { PopoutListComponent } from './popoutList';
3 | import { PopoutTriggerDirective } from './popoutTrigger';
4 | import { PopoutListService } from './popoutList.service';
5 |
6 | export const POPOUT_LIST_DIRECTIVES: any[] = [PopoutItemComponent, PopoutListComponent, PopoutTriggerDirective];
7 | export const POPOUT_LIST_PROVIDERS: any[] = [PopoutListService];
8 |
9 | export * from './popoutItem';
10 | export * from './popoutList';
11 | export * from './popoutTrigger';
12 | export * from './popoutList.service';
13 |
--------------------------------------------------------------------------------
/source/components/popoutList/popoutItem.html:
--------------------------------------------------------------------------------
1 | {{title}}
5 |-
2 |
2 |
--------------------------------------------------------------------------------
/source/components/simpleCardList/simpleCard.ng1.html:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
9 |
18 |
10 |
11 |
12 |
13 |
17 |
2 |
8 |
19 |
--------------------------------------------------------------------------------
/source/components/simpleCardList/simpleCardList.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import { downgrade } from 'typescript-angular-utilities';
4 | import {moduleName as parentChildModuleName } from '../../services/parentChild/parentChild.service';
5 | import * as card from './simpleCard.ng1';
6 | import * as list from './simpleCardList.ng1';
7 |
8 | export {
9 | card as simpleCard,
10 | list as simpleCardList,
11 | };
12 |
13 | export var moduleName: string = 'rl.ui.components.simpleCardList';
14 |
15 |
16 | angular.module(moduleName, [downgrade.moduleName, parentChildModuleName])
17 | .directive(list.directiveName, list.simpleCardList)
18 | .controller(list.controllerName, list.SimpleCardListController)
19 | .component(card.componentName, card.simpleCard)
20 | .controller(card.controllerName,
3 |
4 |
5 |
6 |
7 |
9 |
18 |
10 |
11 |
12 |
13 |
17 |
2 |
--------------------------------------------------------------------------------
/source/components/tabs/ng1/tabs.module.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import {
4 | componentName as tabComponentName,
5 | tab,
6 | controllerName as tabControllerName,
7 | TabController,
8 | } from './tab.ng1';
9 | import {
10 | componentName as tabsetComponentName,
11 | tabset,
12 | controllerName as tabsetControllerName,
13 | TabsetController,
14 | ITabHeader,
15 | } from './tabset.ng1';
16 |
17 |
18 | export {
19 | tabComponentName,
20 | tab,
21 | tabControllerName,
22 | TabController,
23 | tabsetComponentName,
24 | tabset,
25 | tabsetControllerName,
26 | TabsetController,
27 | ITabHeader,
28 | }
29 |
30 | export let moduleName: string = 'rl.ui.components.tabs';
31 |
32 | angular.module(moduleName, [])
33 | .component(tabComponentName, tab)
34 | .controller(tabControllerName, TabController)
35 | .component(tabsetComponentName, tabset)
36 | .controller(tabsetControllerName, TabsetController);
37 |
--------------------------------------------------------------------------------
/source/components/tabs/ng1/tabset.ng1.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
10 |
2 |
--------------------------------------------------------------------------------
/source/components/tabs/ng2/index.ts:
--------------------------------------------------------------------------------
1 | import { TabsetComponent } from './tabset';
2 | import { TabComponent } from './tab/tab';
3 | import { TabHeaderComponent } from './tab/tabHeader/index';
4 | import { TabContentComponent } from './tab/tabContent/index';
5 | import { TabFooterComponent } from './tab/tabFooter/index';
6 |
7 |
8 | export const TABS_COMPONENT: any[] = [
9 | TabComponent,
10 | TabHeaderComponent,
11 | TabContentComponent,
12 | TabFooterComponent,
13 | TabsetComponent,
14 | ];
15 |
16 | export * from './tab/tab';
17 | export * from './tabset';
18 | export * from './tab/tabHeader/index';
19 | export * from './tab/tabContent/index';
20 | export * from './tab/tabFooter/index';
--------------------------------------------------------------------------------
/source/components/tabs/ng2/tab/tab.css:
--------------------------------------------------------------------------------
1 | .rl-tab-content .rl-tab-pane { display: none }
2 | .rl-tab-content .rl-tab-pane.active { display: block }
3 |
4 | .rl-tabset li.error > a::before {
5 | font-family: "FontAwesome";
6 | content: '\f071';
7 | color: #d50000;
8 | }
--------------------------------------------------------------------------------
/source/components/tabs/ng2/tab/tab.html:
--------------------------------------------------------------------------------
1 |
3 |
12 |
6 |
11 |
8 |
9 |
10 |
13 |
14 |
15 |
2 |
--------------------------------------------------------------------------------
/source/components/tabs/ng2/tab/tab.ts:
--------------------------------------------------------------------------------
1 | import { Component, ContentChild } from '@angular/core';
2 |
3 | import { TabHeaderComponent } from './tabHeader/index';
4 | import { TabContentComponent } from './tabContent/index';
5 | import { TabFooterComponent } from './tabFooter/index';
6 |
7 | import { TabsetComponent } from '../tabset';
8 | import { FormComponent } from '../../../form/form';
9 |
10 | @Component({
11 | selector: 'rlTab',
12 | template: require('./tab.html'),
13 | })
14 | export class TabComponent {
15 | @ContentChild(TabHeaderComponent)
16 | header: TabHeaderComponent;
17 |
18 | @ContentChild(FormComponent)
19 | childForm: FormComponent;
20 |
21 | isActive: boolean;
22 |
23 | constructor() {
24 | }
25 |
26 | get isValid(): boolean{
27 | let hasChildForm: boolean = this.childForm != null;
28 | if (hasChildForm) {
29 | return this.childForm.form.valid;
30 | }
31 | return true;
32 | }
33 | }
--------------------------------------------------------------------------------
/source/components/tabs/ng2/tab/tabContent/index.ts:
--------------------------------------------------------------------------------
1 | export { TabContentComponent } from './tabContent.component';
--------------------------------------------------------------------------------
/source/components/tabs/ng2/tab/tabContent/tabContent.component.html:
--------------------------------------------------------------------------------
1 |
3 |
6 |
10 |
2 |
--------------------------------------------------------------------------------
/source/components/tabs/ng2/tabset.ts:
--------------------------------------------------------------------------------
1 | import { Component, ContentChildren, AfterContentInit, QueryList } from '@angular/core';
2 |
3 | import { TabComponent } from './tab/tab';
4 |
5 | @Component({
6 | selector: 'rlTabset',
7 | template: require('./tabset.html'),
8 | })
9 | export class TabsetComponent implements AfterContentInit {
10 |
11 | constructor() {
12 | }
13 | @ContentChildren(TabComponent) tabs: QueryList
3 |
12 |
6 |
11 |
8 |
9 |
10 |
13 |
15 |
2 |
7 |
--------------------------------------------------------------------------------
/source/components/validationGroup/validationGroup.md:
--------------------------------------------------------------------------------
1 | # Validation group
2 | A component for applying validation to a group of elements, such as a list that must have at least one entry.
3 |
4 | ### Usage
5 | ```
6 |
3 | {{groupValidator.error$ | async}}
4 |
5 |
35 |
38 | ...
39 |
40 | ```
41 | Output (with no errors):
42 | ```
43 |
44 | ...
45 |
46 | ```
--------------------------------------------------------------------------------
/source/components/validationGroup/validationGroup.ng1.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/source/pipes/date/date.pipe.md:
--------------------------------------------------------------------------------
1 | # Date filter
2 | A filter for formatting [`moment`](http:\\www.momentjs.com) objects for display.
3 |
4 | ### Usage
5 | ```
6 | {{myDate | rlDate:includeTime?}}
7 | ```
8 | ### Options
9 |
10 | #### `includeTime (default: false)`
11 |
12 | If true, date will be formatted as 'MM/DD/YYYY h:mm A z'.
13 |
14 | Default format is 'MM/DD/YYYY'.
15 |
16 | ### Full Example
17 | Example date with and without time included.
18 | ```
19 | // myDate = moment('2016-01-02T12:00:00-05:00');
20 | {{myDate | rlDate}}
21 | {{myDate | rlDate:true}}
22 | ```
23 | Output:
24 | ```
25 | 01/02/2016
26 | 01/02/2016 12:00 PM EST
27 | ```
--------------------------------------------------------------------------------
/source/pipes/date/date.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 | import * as moment from 'moment';
3 |
4 | import { services } from 'typescript-angular-utilities';
5 | import __dateFormats = services.date.defaultFormats;
6 | import __object = services.object;
7 |
8 | @Pipe({ name: 'rlDate' })
9 | export class DatePipe implements PipeTransform {
10 | private object: __object.IObjectUtility;
11 |
12 | constructor(object: __object.ObjectUtility) {
13 | this.object = object;
14 | }
15 |
16 | transform(date?: moment.Moment, includeTime?: boolean): string {
17 | if (this.object.isNullOrEmpty(date)) {
18 | return '';
19 | }
20 |
21 | const momentDate: moment.Moment = moment(date);
22 | if (includeTime) {
23 | return momentDate.format(__dateFormats.dateTimeFormat) + ' ' + momentDate.zoneAbbr();
24 | } else {
25 | return momentDate.format(__dateFormats.dateFormat);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/source/pipes/index.ts:
--------------------------------------------------------------------------------
1 | import { DatePipe } from './date/date.pipe';
2 | import { IsEmptyPipe } from './isEmpty/isEmpty.pipe';
3 | import { LocalizeStringDatesPipe } from './localizeStringDates/localizeStringDates.pipe';
4 | import { TruncatePipe } from './truncate/truncate.pipe';
5 |
6 | export { DatePipe, IsEmptyPipe, LocalizeStringDatesPipe, TruncatePipe };
7 |
--------------------------------------------------------------------------------
/source/pipes/isEmpty/isEmpty.md:
--------------------------------------------------------------------------------
1 | ## isEmpty
2 | Tests the provided value to see if it is null or empty using the [object](https://github.com/RenovoSolutions/TypeScript-Angular-Utilities/blob/master/README.md#object) utility to call isNullOrEmpty on the value. Returns true if the item is empty. If you specify `isEmpty:false`, returns true for non-empty values.
3 |
4 | ```
5 |
6 | My array has values!
7 |
8 |
9 | My array is empty!
10 |
11 | ```
12 |
--------------------------------------------------------------------------------
/source/pipes/isEmpty/isEmpty.pipe.tests.ts:
--------------------------------------------------------------------------------
1 | import { services } from 'typescript-angular-utilities';
2 | import __object = services.object;
3 |
4 | import { IsEmptyPipe } from './isEmpty.pipe';
5 |
6 | describe('isEmpty', () => {
7 | let isEmpty: IsEmptyPipe;
8 |
9 | beforeEach(() => {
10 | isEmpty = new IsEmptyPipe(__object.objectUtility);
11 | });
12 |
13 | it('should return true if the array is null or empty', (): void => {
14 | expect(isEmpty.transform(null)).to.be.true;
15 | expect(isEmpty.transform([])).to.be.true;
16 | });
17 |
18 | it('should return false if the array has items', (): void => {
19 | expect(isEmpty.transform([1, 2, 3])).to.be.false;
20 | expect(isEmpty.transform(['1', '2', '3'])).to.be.false;
21 | });
22 |
23 | it('should invert the result if trueIfEmpty is specified as false', (): void => {
24 | expect(isEmpty.transform(null, false)).to.be.false;
25 | expect(isEmpty.transform([1, 2, 3], false)).to.be.true;
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/source/pipes/isEmpty/isEmpty.pipe.ts:
--------------------------------------------------------------------------------
1 | import { Pipe, PipeTransform } from '@angular/core';
2 |
3 | import { services } from 'typescript-angular-utilities';
4 | import __object = services.object;
5 |
6 | @Pipe({ name: 'isEmpty' })
7 | export class IsEmptyPipe implements PipeTransform {
8 | private objectUtility: __object.IObjectUtility;
9 |
10 | constructor(objectUtility: __object.ObjectUtility) {
11 | this.objectUtility = objectUtility;
12 | }
13 | transform(input: any, trueWhenEmpty?: boolean): boolean {
14 | var isEmpty: boolean = this.objectUtility.isNullOrEmpty(input);
15 |
16 | if (trueWhenEmpty === false) {
17 | return !isEmpty;
18 | }
19 | return isEmpty;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/source/pipes/truncate/truncate.md:
--------------------------------------------------------------------------------
1 | ## truncate
2 | Converts the input value to a string using `.toString()` and then limits the length of the string to the truncate length. Can optionally add an ellipses to the end (...).
3 |
4 | ```
5 | // with:
6 | scope.myString = 'some long string that needs to be truncated';
7 |
8 | {{myString | truncate:10:true}}
9 |
10 | // displays:
11 | // 'some long ...'
12 | ```
13 |
--------------------------------------------------------------------------------
/source/pipes/truncate/truncate.pipe.ts:
--------------------------------------------------------------------------------
1 | // Formats and optionally truncates and ellipsimogrifies a string for display in a card header
2 |
3 | import { Pipe, PipeTransform } from '@angular/core';
4 |
5 | import { services } from 'typescript-angular-utilities';
6 | import __object = services.object;
7 |
8 | @Pipe({ name: 'truncate' })
9 | export class TruncatePipe implements PipeTransform {
10 | private objectUtility: __object.IObjectUtility;
11 |
12 | constructor(objectUtility: __object.ObjectUtility) {
13 | this.objectUtility = objectUtility;
14 | }
15 |
16 | transform(input?: string | number, truncateTo?: number, includeEllipses?: boolean): string {
17 | includeEllipses = includeEllipses == null ? false : includeEllipses;
18 |
19 | var out: string = this.objectUtility.isNullOrWhitespace(input) ? '' : input.toString();
20 | if (out.length) {
21 | if (truncateTo != null && out.length > truncateTo) {
22 | out = out.substring(0, truncateTo);
23 | if (includeEllipses) {
24 | out += '...';
25 | }
26 | }
27 | }
28 | return out;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/source/services/async/async.service.ts:
--------------------------------------------------------------------------------
1 | import { isBoolean } from 'lodash';
2 | import { Observable, BehaviorSubject } from 'rxjs';
3 |
4 | export type IWaitValue
3 | {{group.groupValidator.error}}
4 |
5 |
6 |
2 |
16 |
--------------------------------------------------------------------------------
/source/services/document/document.provider.ts:
--------------------------------------------------------------------------------
1 | import { ValueProvider } from '@angular/core';
2 |
3 | export abstract class DocumentWrapper { }
4 |
5 | export const DOCUMENT_PROVIDER: ValueProvider = {
6 | provide: DocumentWrapper,
7 | useValue: document,
8 | };
9 |
--------------------------------------------------------------------------------
/source/services/documentWrapper/documentWrapper.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import * as $ from 'jquery';
3 |
4 | export interface IDocumentService {
5 | height(): number;
6 | }
7 |
8 | @Injectable()
9 | export class DocumentService {
10 | private documentControl: JQuery;
11 |
12 | constructor() {
13 | this.documentControl = $(document);
14 | }
15 |
16 | height(): number {
17 | return this.documentControl.height();
18 | }
19 | }
--------------------------------------------------------------------------------
/source/services/form/form.service.ng1.tests.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 | import 'angular-mocks';
3 |
4 | import { services as utilityServices } from 'typescript-angular-utilities';
5 | import __test = utilityServices.test;
6 |
7 | import { moduleName, serviceName, IFormService } from './form.service.ng1';
8 |
9 | describe('form service', (): void => {
10 | let formService: IFormService;
11 |
12 | beforeEach(() => {
13 | angular.mock.module(moduleName);
14 |
15 | let services: any = __test.angularFixture.inject(serviceName);
16 | formService = services[serviceName];
17 | });
18 |
19 | it('should get the first error message from a child of the form', (): void => {
20 | let form: any = {
21 | prop1: {},
22 | prop2: {},
23 | ngModel1: { rlErrorMessage: 'error1' },
24 | ngModel2: { rlErrorMessage: 'error2' },
25 | };
26 | expect(formService.getAggregateError(form)).to.equal('error1');
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/source/services/form/form.service.ng1.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 | import * as _ from 'lodash';
3 |
4 | import { IFormValidator } from '../../types/formValidators';
5 |
6 | export let moduleName: string = 'rl.ui.services.form';
7 | export let serviceName: string = 'formService';
8 |
9 | export interface IFormService {
10 | getAggregateError(form: IFormValidator): string;
11 | }
12 |
13 | class FormService implements IFormService {
14 | getAggregateError(form: IFormValidator): string {
15 | let filteredForm: any = _.filter(form, (prop: any): boolean => {
16 | return prop != null && prop.rlErrorMessage != null;
17 | });
18 | let errors: string[] =
3 |
12 |
13 | {{prompt.message}}
14 |
15 |
4 |
10 |
11 | ').append(jquery).html()
16 | }
17 |
18 | replaceContent(contentArea: JQuery, newContent: JQuery): JQuery {
19 | contentArea.empty();
20 | return contentArea.append(newContent);
21 | }
22 | }
23 |
24 | angular.module(moduleName, [])
25 | .service(serviceName, JQueryUtility);
26 |
--------------------------------------------------------------------------------
/source/services/windowWrapper/windowWrapper.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import * as $ from 'jquery';
3 |
4 | export interface IWindowService {
5 | resize(callback: { (event: JQueryEventObject): any }): void;
6 | scrollTop(): number;
7 | scroll(handler: IScrollHandler): void;
8 | height(): number;
9 | }
10 |
11 | export interface IScrollHandler {
12 | (event: JQueryEventObject): any;
13 | }
14 |
15 | @Injectable()
16 | export class WindowService {
17 | private windowControl: JQuery;
18 |
19 | constructor() {
20 | this.windowControl = $(window);
21 | }
22 |
23 | resize(callback: { (event: JQueryEventObject): any }): void {
24 | this.windowControl.resize(callback);
25 | }
26 |
27 | scrollTop(): number {
28 | return this.windowControl.scrollTop();
29 | }
30 |
31 | scroll(handler: IScrollHandler): void {
32 | this.windowControl.scroll(handler);
33 | }
34 |
35 | height(): number {
36 | return this.windowControl.height();
37 | }
38 | }
--------------------------------------------------------------------------------
/source/types/changes.ts:
--------------------------------------------------------------------------------
1 | export interface IChangeObject {
2 | currentValue: TDataType;
3 | previousValue: TDataType;
4 | }
5 |
--------------------------------------------------------------------------------
/source/types/formValidators.ts:
--------------------------------------------------------------------------------
1 | import { FormControl, FormGroup } from '@angular/forms';
2 | import * as angular from 'angular';
3 |
4 | export interface IControlValidator extends FormControl {
5 | rlErrorMessage?: string;
6 | }
7 |
8 | export interface IFormValidator extends angular.IFormController {
9 | rlErrorMessage?: string;
10 | }
11 |
12 | export interface INgModelValidator extends angular.INgModelController {
13 | rlErrorMessage?: string;
14 | }
15 |
--------------------------------------------------------------------------------
/source/types/types.module.ts:
--------------------------------------------------------------------------------
1 | import * as changes from './changes';
2 | import * as ngModel from './formValidators';
3 | import * as viewData from './viewData';
4 |
5 | export { ngModel, viewData };
6 |
--------------------------------------------------------------------------------
/source/types/viewData.ts:
--------------------------------------------------------------------------------
1 | export interface IViewDataEntity {
2 | viewData: TViewDataType;
3 | }
4 |
--------------------------------------------------------------------------------
/source/ui.module.ng1.ts:
--------------------------------------------------------------------------------
1 | import * as angular from 'angular';
2 |
3 | import 'angular-ui-bootstrap';
4 | import 'angular-sanitize';
5 | import 'angular-animate';
6 |
7 | import { downgrade as utilitiesDowngrade } from 'typescript-angular-utilities';
8 | import * as componentsDowngrade from './componentsDowngrade';
9 |
10 | import '../libraries/angular-bootstrap-slider/slider';
11 |
12 | import * as behaviors from './behaviors/behaviors.module';
13 | import * as components from './components/components.module';
14 | import * as downgrade from './componentsDowngrade';
15 | import * as pipes from './pipes/index';
16 | import * as services from './services/services.module';
17 | import * as types from './types/types.module';
18 |
19 | export { behaviors, components, downgrade, pipes, services, types };
20 |
21 | export var moduleName: string = 'rl.ui';
22 |
23 | angular.module(moduleName, [
24 | 'ui.bootstrap',
25 | 'ui.bootstrap-slider',
26 | 'ngSanitize',
27 | utilitiesDowngrade.moduleName,
28 | componentsDowngrade.moduleName,
29 |
30 | behaviors.moduleName,
31 | components.moduleName,
32 | downgrade.moduleName,
33 | services.moduleName,
34 | ]);
35 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "module": "commonjs",
4 | "moduleResolution": "node",
5 | "declaration": true,
6 | "inlineSourceMap": true,
7 | "emitDecoratorMetadata": true,
8 | "experimentalDecorators": true,
9 | "target": "ES5",
10 | "typeRoots": [
11 | "./node_modules/@types"
12 | ]
13 | },
14 | "exclude": [
15 | "node_modules",
16 | "bower_components",
17 | "libraries",
18 | ".vscode",
19 | "output"
20 | ]
21 | }
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rules": {
3 | "indent": [
4 | true,
5 | "tabs"
6 | ],
7 | "quotemark": [
8 | true,
9 | "single"
10 | ],
11 | "semicolon": [
12 | true,
13 | "always"
14 | ],
15 | "trailing-comma": [
16 | true,
17 | {
18 | "multiline": "always",
19 | "singleline": "never"
20 | }
21 | ],
22 | "triple-equals": [
23 | true,
24 | "allow-null-check"
25 | ],
26 | "typedef": [
27 | true,
28 | "call-signature",
29 | "parameter",
30 | "arrow-parameter",
31 | "property-declaration",
32 | "variable-declaration",
33 | "member-variable-declaration"
34 | ],
35 | "use-strict": [
36 | true,
37 | "check-module",
38 | "check-function"
39 | ],
40 | "variable-name": [
41 | true,
42 | "check-format",
43 | "allow-leading-underscore",
44 | "ban-keywords"
45 | ],
46 | "whitespace": [
47 | true,
48 | "check-branch",
49 | "check-decl",
50 | "check-operator",
51 | "check-separator",
52 | "check-type"
53 | ]
54 | }
55 | }
--------------------------------------------------------------------------------
/typings/angularExtensions.d.ts:
--------------------------------------------------------------------------------
1 | import * as ng from 'angular';
2 |
3 | declare module 'angular' {
4 | interface ITranscludeFunction {
5 | // If the scope is provided, then the cloneAttachFn must be as well.
6 | (scope: ng.IScope, cloneAttachFn: ng.ICloneAttachFunction, futureParent?: ng.IAugmentedJQuery, slotName?: string): ng.IAugmentedJQuery;
7 | // If one argument is provided, then it's assumed to be the cloneAttachFn.
8 | (cloneAttachFn?: ng.ICloneAttachFunction, futureParent?: ng.IAugmentedJQuery, slotName?: string): ng.IAugmentedJQuery;
9 |
10 | isSlotFilled(slotName: string): boolean;
11 | }
12 | }
--------------------------------------------------------------------------------
/typings/angularUIBootstrap.d.ts:
--------------------------------------------------------------------------------
1 | declare module 'angular-ui-router' {
2 | export interface IStateService{
3 | includes(value: any): boolean;
4 | go(name: string): Promise;
5 | }
6 | }
--------------------------------------------------------------------------------
/typings/bootstrapDateTimePicker.d.ts:
--------------------------------------------------------------------------------
1 | import * as moment from 'moment'
2 |
3 | declare namespace bootstrapDateTimePicker {
4 | export interface IConfiguration {
5 | stepping?: number;
6 | format?: string | boolean;
7 | direction?: string;
8 | elementHeight?: number;
9 | pickDate?: boolean;
10 | pickTime?: boolean;
11 | minDate?: string | Date | moment.Moment;
12 | maxDate?: string | Date | moment.Moment;
13 | }
14 |
15 | export interface IDateTimePicker extends JQuery {
16 | (config: IConfiguration): JQuery;
17 | defaults: IConfiguration;
18 | }
19 | }
20 |
21 |
22 | export = bootstrapDateTimePicker;
23 | export as namespace bootstrapDateTimePicker;
24 |
25 |
26 |
--------------------------------------------------------------------------------
/typings/chaiAssertions.d.ts:
--------------------------------------------------------------------------------
1 | declare var expect: Chai.ExpectStatic;
2 |
3 | declare module Chai {
4 | interface ChaiStatic {
5 | Assertion: Assertion;
6 | }
7 |
8 | interface Assertion extends MomentAssertion {
9 | addMethod: Function;
10 | }
11 |
12 | interface MomentAssertion {
13 | sameMoment(value: any, message?: string): Assertion;
14 | equalMoment(value: any, message?: string): Assertion;
15 | afterMoment(value: any, message?: string): Assertion;
16 | beforeMoment(value: any, message?: string): Assertion;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/typings/commonjs.d.ts:
--------------------------------------------------------------------------------
1 | // Add a definition for commonjs require
2 |
3 | declare var require: { (path: string): any };
--------------------------------------------------------------------------------
/typings/jQuery.d.ts:
--------------------------------------------------------------------------------
1 |
2 | interface JQuery {
3 | datetimepicker: bootstrapDateTimePicker.IDateTimePicker;
4 | }
5 |
--------------------------------------------------------------------------------
/typings/jasmine.d.ts:
--------------------------------------------------------------------------------
1 | declare var describe: { (name: string, specs: { (): any }) };
2 | declare var fdescribe: { (name: string, specs: { (): any }) };
3 | declare var it: { (name: string, spec: { (done?: Function): any }) };
4 | declare var fit: { (name: string, spec: { (done?: Function): any }) };
5 | declare var beforeEach: { (setup: { (): any }) };
6 | declare var afterEach: { (cleanup: { (): any }) };
7 |
--------------------------------------------------------------------------------
/typings/moment.d.ts:
--------------------------------------------------------------------------------
1 | import * as moment from "moment";
2 |
3 | declare module "moment" {
4 | export type MomentFormatSpecification = string;
5 | }
6 |
7 | export = moment;
8 |
--------------------------------------------------------------------------------
/typings/sinon.d.ts:
--------------------------------------------------------------------------------
1 | import { SinonStatic } from 'sinon';
2 |
3 | declare global {
4 | const sinon: SinonStatic;
5 | }
6 |
--------------------------------------------------------------------------------