cleanup angular versions (#2745)

This commit is contained in:
Denys Vuika
2017-11-28 16:25:32 +00:00
committed by Eugenio Romano
parent 634e65af96
commit 9c734e472d
9 changed files with 28 additions and 30 deletions

View File

@@ -17,7 +17,7 @@ to the appropriate source file.
<!-- guide start -->
- [Form Extensibility and Customisation](extensibility.md)
- [Form Stencils with Angular 2](stencils.md)
- [Form Stencils](stencils.md)
- [Angular Material Design](angular-material-design.md)
- [Theming](theming.md)
- [Typography](typography.md)

View File

@@ -162,7 +162,7 @@ At runtime it should look similar to the following:
## Replacing custom stencils with custom components
This is a short walkthrough on rendering custom Alfresco Activiti stencils by means of custom Angular 2 components.
This is a short walkthrough on rendering custom Alfresco Activiti stencils by means of custom Angular components.
### Creating custom stencil
@@ -192,7 +192,7 @@ If you load previously created task into ADF `<activiti-form>` component you wil
![adf stencil](docassets/images/adf-stencil-01.png)
Let's create an Angular 2 component to render missing content:
Let's create an Angular component to render missing content:
```ts
import { Component } from '@angular/core';
@@ -250,6 +250,6 @@ export class MyView {
}
```
At runtime you should now see your custom Angular 2 component rendered in place of the stencils:
At runtime you should now see your custom Angular component rendered in place of the stencils:
![adf stencil runtime](docassets/images/adf-stencil-02.png)

View File

@@ -14,7 +14,7 @@ Shows a notification message with optional feedback.
## Details
The Notification Service is implemented on top of the Angular 2 Material Design snackbar.
The Notification Service is implemented on top of the Angular Material Design snackbar.
Use this service to show a notification message, and optionally get feedback from it.
```ts

View File

@@ -1,4 +1,4 @@
# Form Stencils with Angular 2
# Form Stencils
Form component provides basic support for custom stencils created with Activiti stencil editor.
@@ -22,8 +22,8 @@ Where `<activiti-app-root>` should be replaced with a valid url pointing to your
provides all stencil controllers stored within Activiti
- `runtime.ng1.js`
provides a compatibility layer for controllers created with Angular 1
(this is to avoid runtime errors when loading Angular 1 code into `<activiti-form>` component)
provides a compatibility layer for controllers created with AngularJS (aka Angular 1x)
(this is to avoid runtime errors when loading AngularJS code into `<activiti-form>` component)
- `runtime.adf.js`
provides API for stencil management and registration,
@@ -38,11 +38,11 @@ This value will be used as field type when form gets rendered.
## Form runtime template
This should be a valid Angular 2 component template that you want to render in `<activiti-form>` component:
This should be a valid Angular component template that you want to render in `<activiti-form>` component:
```html
<div>
<div>Angular2 Component</div>
<div>Angular Component</div>
<div>Created by: {{name}}</div>
</div>
```
@@ -54,14 +54,14 @@ This can be any html layout to be rendered as a component placeholder in Activit
```html
<div>
<div style="color: blue">
Angular2 Component 01
Angular Component 01
</div>
</div>
```
## Custom component controller
This field should contain JavaScript code for Angular 2 component class.
This field should contain JavaScript code for Angular component class.
_Note: If you are using TypeScript then you should be putting transpiled JavaScript code here,
you can try official [TypeScript playground](http://www.typescriptlang.org/play/)
@@ -137,8 +137,8 @@ if (adf) {
When rendered on the form this stencil item should look like the following:
```html
Angular2 Component
Angular Component
Created by: Denys
```
ADF Form component will automatically assemble and compile a valid Angular 2 component on the fly.
ADF Form component will automatically assemble and compile a valid Angular component on the fly.

View File

@@ -1,6 +1,6 @@
[
{ "title": "Form Extensibility and Customisation", "file": "extensibility.md" },
{ "title": "Form Stencils with Angular 2", "file": "stencils.md" },
{ "title": "Form Stencils", "file": "stencils.md" },
{ "title": "Angular Material Design", "file": "angular-material-design.md" },
{ "title": "Theming", "file": "theming.md" },
{ "title": "Typography", "file": "typography.md" },