From 93ecdf1d42336d4bf28f6439e85bdc864f54995c Mon Sep 17 00:00:00 2001 From: David Czeck Date: Mon, 10 Jun 2019 00:00:44 -0700 Subject: [PATCH 1/2] Fix image link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 408b4e0..6750b62 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ A [working demo](http://czeckd.github.io/angular-dual-listbox/demo/) shows the d \* Technically, the dual-list component does not move items from one array to another. Rather it makes a copy from the source array of the item and adds it to the destination array, or removes it from the destination array. Thus, the source array is a master list of all available item and the destintion array is a list of items that have been selected from the master list. Therefore, in order for an item to be in the destination array it must also exist in the source array. -![Dual ListBox](http://czeckd.github.io/angular-dual-listbox/images/dual-listbox.png) +![Dual ListBox](https://raw.githubusercontent.com/czeckd/angular-dual-listbox/master/images/dual-listbox.png) ## How to use? ``` From c61c8cf6f3975f0433df0ddacb461c570471ef61 Mon Sep 17 00:00:00 2001 From: David Czeck Date: Mon, 10 Jun 2019 00:04:52 -0700 Subject: [PATCH 2/2] Update links to src code --- README.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 6750b62..cb83968 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Angular Dual-Listbox The **angular-dual-listbox** is an Angular 8 component that provides two lists controls side-by-side that allows items in one list to be selected and moved* to the other list via drag-and-drop and/or a button-based interface. The component supports multiple select options from the list, programatic setting of list sources, and layout with direction and button formatting. -A [working demo](http://czeckd.github.io/angular-dual-listbox/demo/) shows the dual listbox in action. +A [working demo](http://czeckd.github.io/angular-dual-listbox/) shows the dual listbox in action. \* Technically, the dual-list component does not move items from one array to another. Rather it makes a copy from the source array of the item and adds it to the destination array, or removes it from the destination array. Thus, the source array is a master list of all available item and the destintion array is a list of items that have been selected from the master list. Therefore, in order for an item to be in the destination array it must also exist in the source array. @@ -35,7 +35,7 @@ Basic usage is: ```html ``` -The following parameters can be set on a dual-list: +The following parameters are available for the dual-list: - **key** - The unique identifier field of each object in the `source` and `destination` arrays, default is ``_id``. (Note: with a source of an array of strings, each string is its own id.) - **display** - The field of each object for displaying the object each the @@ -51,7 +51,7 @@ sort is not set and compare is set, then sort will be set ``true``. - **(destinationChange)** - An event triggered when the destination array changes. - **disabled** - The dual-list is disabled, default is ``false``. -For more usage examples, see the [`demo-app.component.ts`](https://github.com/czeckd/angular-dual-listbox/blob/master/app/demo-app.component.ts). +For more usage examples, see the [`demo-app.component.ts`](https://github.com/czeckd/angular-dual-listbox/blob/master/src/app/demo-app.component.ts). ## Format The format object allows for the text for the add, remove, all, and none buttons to be set. It also can be used to set the layout direction with the source being on the left-hand side as the default, toggling drag-and-drop, and explicitly setting the locale for the filter string comparision. The default locale is undefined and will use host environment's current locale. An example format object: @@ -83,7 +83,9 @@ import { DualListComponent } from 'angular-dual-listbox'; export class CustomDualListComponent extends DualListComponent { } ``` -See [`dual-list.component.html`](https://github.com/czeckd/angular-dual-listbox/blob/master/lib/dual-list.component.html) and [`dual-list.component.css`](https://github.com/czeckd/angular-dual-listbox/blob/master/lib/dual-list.component.css) for template and style guidance. +See [`dual-list.component.html`](https://github.com/czeckd/angular-dual-listbox/blob/master/projects/angular-dual-listbox/src/lib/dual-list.component.html) +and [`dual-list.component.css`](https://github.com/czeckd/angular-dual-listbox/blob/master/projects/angular-dual-listbox/src/lib/dual-list.component.css) +for template and style guidance. There is also an Angular-CLI seed project, [custom-dual-listbox](https://github.com/czeckd/custom-dual-listbox), available with an example of a customized view and extended functionality.