Query & Bug's about angular-app-starterkit

[travist]

Thanks @A-Pradeep. I did fix a bug in the renderer that was throwing the Missing formId issue. I just need to update the dependencies of this application to solve that issue. I will also look at your suggestion here when making the updated application.

[A-Pradeep]

Query

As the standard Form.IO ( open source server) comes with the Access and Action tab , after the data submission happens .
How can i bring the Access and Action tab in the angular ( or in this angular startup kit)

• Is it i have to place the files of the standard ( referring to Open source ) and call the file ( like the middleware in the form.io app)

• Or i have to create a middleware and link in the angular.

[A-Pradeep]

Update on Wizard Error / Issue

I've gone through the code and noticed that the Formbuilder Component is not importing the WizardBuilder. So as a result it was not creating the wizard.
Importing the Wizard builder in the following component resolved the issue.

Below is the code ,

in formbuilder.component.d.ts
(Before) import { FormBuilder } from 'formiojs';
(Update) import { FormBuilder,WizardBuilder } from 'formiojs';

in formbuilder.component.js
(Before) import { Formio, FormBuilder } from 'formiojs';
(Update) import { Formio, FormBuilder ,WizardBuilder } from 'formiojs';

[A-Pradeep]

@travist , Hi , i'm trying to add the Data Table / formio-grid. as per the documentation provided. As per the doc , ive tried and end up in the error as Template parse errors: Can't bind to 'formio' since it isn't a known property of 'formio-grid'.
or the error as below

Am i missing out any steps ?

[travist]

This should be working.

https://github.com/formio/angular-formio/blob/master/src/grid/grid.module.ts#L19

Are you using the latest version of angular-formio within your application? I do need to upgrade the dependencies within the Angular starter kit so I will work on getting that done maybe this week, but you could always manually update it.

[A-Pradeep]

@travist Hi , even after the update of the angular-formio and the formiojs , the error still exists.
Hope it will be solved in the updated version.

Query:

How can i add the new section in the form builder (i.e. as Custom Component section).
As i created the checkmatrix in the angular , i wanted to place in the custom component section , rather than the basic .
In the Form.IO server, i've solved this using the below code

  // Add a new group to formioComponentsProvider.
        formioComponentsProvider.addGroup('custom', {title: 'Custom Components Section'});

But having doubts , how and where should i inject this code in the starter kit.

Thank You.

[travist]

I normally place code like this within the app.module.ts file.

[A-Pradeep]

@travist
Bug: Hi , regardless to any authenticated user who logs in and submit the data , the edit option is not visible to any authenticated person. Only for admin the option is visible .

Query:

1. does the data-table supports data filter . I want to show the data that is in the completed state. I'm testing this draft function and even draft is shown in submission data-table.
2. Can we Identify whether the current user as admin , using auth.authenticated we can check the user as authenticated . But i is there a way to check for the admin as well.

Thank You.

[travist]

1.) It does, but you need to pass in the query by extending the Index component and providing a gridQuery property which is passed to the data-grid component to filter the results.

2.) There is a method variable attached to the Auth Service called is where you can check for the role name like this.

<div *ngIf="auth.is.administrator">

</div>

The name should be the "camel-case" version of your role name, so if you have a Manager role, it would look something like this.

<div *ngIf="auth.is.manager">

</div>

Hope this helps.

[A-Pradeep]

@travist Thanks and i'll check that out.
When will be the angular starter kit , will be updated to newer version . Hope i can use Action & Access in the starter kit.

Thank You.