mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
3819aecb70
* MNT-24354 update license header [ci:force] * MNT-24354 fix lint [ci:force] * MNT-24354 [ci:force] * MNT-24354 update license header in process-services [ci:force] --------- Co-authored-by: DaryaBalvanovich <darya.balvanovich1@hyland.com>
72 lines
2.6 KiB
TypeScript
72 lines
2.6 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { Component, OnInit } from '@angular/core';
|
|
import { FormService, WidgetComponent } from '@alfresco/adf-core';
|
|
/* eslint-disable @angular-eslint/component-selector */
|
|
|
|
@Component({
|
|
selector: 'custom-editor-widget',
|
|
template: `
|
|
<div style="color: green">
|
|
ADF version of custom form widget
|
|
</div>
|
|
`
|
|
})
|
|
export class CustomEditorComponent extends WidgetComponent {
|
|
constructor() {
|
|
super();
|
|
}
|
|
}
|
|
|
|
@Component({
|
|
selector: 'app-sample-widget',
|
|
template: `
|
|
<div style="color: red">
|
|
<p *ngIf="field.readOnly || readOnly">
|
|
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
|
|
<span>{{field.value}}</span>
|
|
</p>
|
|
|
|
<mat-form-field *ngIf="!(field.readOnly || readOnly)">
|
|
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
|
|
<input matInput
|
|
class="adf-input"
|
|
type="text"
|
|
[id]="field.id"
|
|
[required]="isRequired()"
|
|
[value]="field.value"
|
|
[(ngModel)]="field.value"
|
|
(ngModelChange)="onFieldChanged(field)">
|
|
<mat-hint>{{field.placeholder}}</mat-hint>
|
|
</mat-form-field>
|
|
<error-widget [error]="field.validationSummary"></error-widget>
|
|
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
|
|
</div>
|
|
`
|
|
})
|
|
export class CustomWidgetComponent extends WidgetComponent implements OnInit {
|
|
|
|
constructor(public formService: FormService) {
|
|
super(formService);
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.field.value = typeof this.field.value === 'object' ? JSON.stringify(this.field.value) : this.field.value;
|
|
}
|
|
}
|