⚡️Initial commit

Author: toddmotto

.editorconfig

@@ -0,0 +1,20 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,13 @@
+<!-- Please make sure you're using the latest version before submitting an issue! -->
+
+**Is this a feature request or a bug report?**
+<!-- GitHub issues aren't the place for questions unfortunately - please only submit feature requests or bugs! -->
+
+**What's gone wrong?**
+<!-- Please list what has gone wrong here - for a bug please give as much information as you can so it can be reproduced, for a feature request please let us know what you are trying to achieve -->
+
+**What was meant to happen?**
+<!-- What was actually meant to happen? Let us know what you were trying to do in the first place -->
+
+**Other information**
+<!-- Please give as much information as you can - if you were using the CLI or node API, what OS/environment, etc, etc -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,15 @@
+<!-- Nice one! You're submitting a pull request. Please give us as much information as possible to help get it merged quicker! -->
+
+**What are you adding/fixing?**
+<!-- For example, you might be fixing a bug, adding a new feature or refactoring some code. Please link to the relevant issue here as well! -->
+
+**Have you added tests for your changes?**
+<!-- Adding tests is greatly appreciated! For all new features, tests are required. -->
+
+**Will this need documentation changes?**
+<!-- If yes, docs will need to be changed (not necessarily by you!) before this can get merged. If you've changed the docs (you're awesome), say so here. If not (don't worry, you're still awesome), feel free to submit your PR still and someone will come along and write them up -->
+
+**Does this introduce a breaking change?**
+<!-- If your change make a breaking change, please include as much information as possible and the reasoning behind the changes -->
+
+**Other information**

.gitignore

@@ -0,0 +1,31 @@
+# Project
+.idea
+.vscode
+
+# Node
+node_modules
+
+# macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+Icon
+._*
+.Spotlight-V100
+.Trashes
+
+## Windows
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+
+# Package Managers
+yarn-error.log
+npm-debug.log
+
+# Build
+dist
+
+# Docs
+gh-pages

CONTRIBUTING.md

@@ -0,0 +1,38 @@
+# Contributing to @ultimate/ngerrors
+
+All contributions are greatly appreciated.
+
+Please make sure that any contribution you make has an issue for it, and that you link to the issue in your pull request. Before the pull request is merged the issue must have an approved label on it (this will be added if it's an approved feature/fix etc and needs to be done).
+
+# Submitting an issue
+
+When you submit an issue, please keep to the pre-filled template, as it will help speed things along when your issue is addressed.
+
+# Make a change
+
+To setup `@ultimate/ngerrors` for development, run the following -
+
+```bash
+git clone [email protected]:UltimateAngular/ngerrors.git
+cd ngerrors
+yarn install
+yarn example
+```
+
+This will start watching for changes to any source files, and compile/bundle the source.
+
+You'll then need to open up the generated `dist` folder and run `yarn link`.
+
+Then, inside a different project that's running webpack (for example, our `ng-boilerplate`), run:
+ 
+```bash
+yarn link @ultimate/ngerrors
+```
+
+You'll then be using your local version as the loader.
+
+## Committing and adding a PR
+
+Once you're ready, commit your changes and submit your PR. All commits should follow [these guidelines](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit) (to keep things neat).
+
+Your PR should keep to the pre-filled template.

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Ultimate Angular
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,192 @@
+[![Build Status][circle-badge]][circle-badge-url]
+[![Dependency Status][david-badge]][david-badge-url]
+[![devDependency Status][david-dev-badge]][david-dev-badge-url]
+[![npm][npm-badge]][npm-badge-url]
+
+<h1 align="center">
+<img width="40" valign="bottom" src="https://angular.io/resources/images/logos/angular2/angular.svg">
+ngErrors
+</h1>
+<h4 align="center">A declarative validation module for reactive forms.</h4>
+
+---
+
+<a href="https://ultimateangular.com" target="_blank"><img src="https://ultimateangular.com/assets/img/banner.jpg"></a>
+
+---
+
+<div align="center" markdown="1">
+<a href="#installation">Installation</a> |
+<a href="#setup">Setup</a> |
+<a href="#documentation">Documentation</a>
+</div>
+
+---
+
+# Overview
+
+Why use ngErrors, how to install and include.
+
+### What is it?
+
+Form validation made easy for reactive forms. Typically you'd do something like this:
+
+```js
+<input type="text" formControlName="foo">
+<div *ngIf="form.get('foo').hasError('required') && form.get('foo').touched">
+  Field is required
+</div>
+<div *ngIf="form.get('foo').hasError('minlength') && form.get('foo').dirty">
+  Min length is 5
+</div>
+```
+
+With ngErrors, we've taken a simple declarative approach that cleans up your templates:
+
+```js
+<input type="text" formControlName="foo">
+<div ngErrors="foo">
+  <div ngError="required" when="touched">
+    Field is required
+  </div>
+  <div ngError="minlength" when="dirty">
+    Min length is 5
+  </div>
+</div>
+```
+
+Check out the documentation below for all the syntax we provide.
+
+### Installation
+
+```bash
+yarn add @ultimate/ngerrors
+
+# OR
+
+npm i @ultimate/ngerrors
+```
+
+### Setup
+
+Just add ngErrors to your module:
+
+```js
+import { NgErrorsModule } from '@ultimate/ngerrors';
+
+@NgModule({ imports: [ NgErrorsModule ] })
+```
+
+# Documentation
+
+### ngErrors
+
+The `ngErrors` directive works by dynamically fetching your FormControl under-the-hood, so simply take your `formControlName` value and pass it into `ngErrors`:
+
+```html
+<input type="text" formControlName="username">
+<div ngErrors="username">
+  // ...
+</div>
+```
+
+This needs to be on a parent container that will encapsulate child `ngError` directives.
+
+### ngError
+
+The `ngError` directive takes either a `string` or `array` as arguments. The argument you pass in corresponds to any active errors exposed on your control, such as "required" or "minlength":
+
+```html
+<input type="text" formControlName="username">
+<div ngErrors="username">
+  <div ngError="minlength">
+    Min length is 5
+  </div>
+</div>
+```
+
+> Note: when using array syntax, `[]` bindings are needed
+
+Using an error, will show the error message when either condition are true:
+
+```html
+<input type="text" formControlName="username">
+<div ngErrors="username">
+  <div [ngError]="['minlength', 'maxlength']">
+    Min length is 5, max length is 10
+  </div>
+</div>
+```
+
+### ngError#when
+
+The `when` directive takes either a `string` or `array` as arguments. It allows you to specify when you wish to display the error based on the control state, such as "dirty" or "touched":
+
+```html
+<input type="text" formControlName="username">
+<div ngErrors="username">
+  <div ngError="minlength" when="dirty">
+    Min length is 5
+  </div>
+</div>
+```
+
+It also comes in array format for multiple rules:
+
+```html
+<input type="text" formControlName="username">
+<div ngErrors="username">
+  <div [ngError]="minlength" [when]="['dirty', 'touched']">
+    Min length is 5
+  </div>
+</div>
+```
+
+### Dynamic errors
+
+You can optionally data-bind and dynamically create validation errors with ngErrors:
+
+```html
+<input type="text" formControlName="username">
+<div ngErrors="person.username">
+  <div *ngFor="let error of errors" [ngError]="error.name" [when]="error.rules">
+    {{ error.text }}
+  </div>
+</div>
+```
+
+With corresponding component class:
+
+```js
+@Component({...})
+export class MyComponent {
+  errors = [
+    { name: 'required', text: 'This field is required', rules: ['touched', 'dirty'] },
+    { name: 'minlength', text: 'Min length is 5', rules: ['dirty'] }
+  ];
+}
+```
+
+### Nested FormGroup support
+
+ngErrors also supports FormGroups with control names using dot notation:
+
+```html
+<div formGroupName="person">
+  <input type="text" formControlName="username">
+  <div ngErrors="person.username">
+    <div ngError="minlength" [when]="['dirty', 'touched']">
+      Min length is 5
+    </div>
+  </div>
+</div>
+```
+
+[circle-badge]: https://circleci.com/gh/UltimateAngular/ngerrors.svg?style=shield
+[circle-badge-url]: https://circleci.com/gh/UltimateAngular/ngerrors
+[david-badge]: https://david-dm.org/UltimateAngular/ngerrors.svg
+[david-badge-url]: https://david-dm.org/UltimateAngular/ngerrors
+[david-dev-badge]: https://david-dm.org/UltimateAngular/ngerrors/dev-status.svg
+[david-dev-badge-url]: https://david-dm.org/UltimateAngular/ngerrors?type=dev
+[npm-badge]: https://img.shields.io/npm/v/@ultimate/ngerrors.svg
+[npm-badge-url]: https://www.npmjs.com/package/@ultimate/ngerrors

circle.yml

@@ -0,0 +1,12 @@
+version: 2
+jobs:
+  build:
+    working_directory: ~/src
+
+    docker:
+      - image: node:7.7
+
+    steps:
+      - checkout
+      - run: yarn install
+      - run: yarn run test

example/app/app.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+@Component({
+  selector: 'app-root',
+  template: `
+    <div>
+      <stock-inventory></stock-inventory>
+    </div>
+  `
+})
+export class AppComponent {}

example/app/app.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { StockInventoryModule } from './stock-inventory/stock-inventory.module';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    StockInventoryModule
+  ],
+  bootstrap: [
+    AppComponent
+  ]
+})
+export class AppModule {}