inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

use mdl input for tag #1506 (#1764)

Browse Source
This commit is contained in:
Eugenio Romano 2017-03-24 15:40:57 +00:00 committed by Denys Vuika
parent cf67a0c1b5
commit 1f536d2db8
3 changed files with 43 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell-ng2/app/components/tag/tag.component.ts
View File

@ -26,7 +26,7 @@ import { Component } from '@angular/core';
<div class="mdl-cell mdl-cell--4-col"><alfresco-tag-node-actions-list [nodeId]="nodeId"></alfresco-tag-node-actions-list></div> <div class="mdl-cell mdl-cell--4-col"><alfresco-tag-node-actions-list [nodeId]="nodeId"></alfresco-tag-node-actions-list></div>
<div class="mdl-cell mdl-cell--4-col">List Tags Content Services <alfresco-tag-list></alfresco-tag-list></div> <div class="mdl-cell mdl-cell--4-col">List Tags Content Services <alfresco-tag-list></alfresco-tag-list></div>
<div class="mdl-cell mdl-cell--4-col"> <div class="mdl-cell mdl-cell--4-col">
Tag list By Node ID Tag list By Node ID
<alfresco-tag-node-list [nodeId]="nodeId"></alfresco-tag-node-list> <alfresco-tag-node-list [nodeId]="nodeId"></alfresco-tag-node-list>
</div> </div>
</div> </div>

24
ng2-components/ng2-alfresco-tag/src/components/tag-actions.component.css
View File

@ -1,27 +1,7 @@
.tag-container {
width: 300px;
}
.tag-element { .tag-element {
padding: 0px 0px 0px 9px!important; padding: 0px 0px 0px 9px!important;
} }
.tag-input { .adf-full-width {
margin-right: 11px; width: 100%;
float: left;
}
.tag-container-input{
padding-top: 11px;
width: 190px;
float: left;
margin-right: 15px;
}
.tag-button{
float:left
}
.mdl-textfield__error {
visibility: visible !important;
} }

54
ng2-components/ng2-alfresco-tag/src/components/tag-actions.component.html
View File

@ -10,12 +10,26 @@
</li> </li>
<li> <li>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input tag-input" type="text" id="new-tag-text" (keypress)="cleanErrorMsg()" [(ngModel)]="newTagName"/> <table class="adf-full-width" cellspacing="0">
<label class="mdl-textfield__label" for="new-tag-text" > {{'TAG.LABEL.NEWTAG' | translate }}</label> <tr>
<span class="mdl-textfield__error">{{errorMsg}}</span> <td>
<button id="add-tag" class="mdl-button mdl-js-button mdl-button--raised button" (click)="addTag()" [disabled]="disableAddTag"> <md-input-container class="adf-full-width">
{{'TAG.BUTTON.ADD' | translate }} <input md-input placeholder="{{'TAG.LABEL.NEWTAG' | translate }}"
</button> type="text"
class="mdl-textfield__input"
(keypress)="cleanErrorMsg()"
[(ngModel)]="newTagName"
id="new-tag-text"/>
<md-hint *ngIf="error" [ngStyle]="{'color': 'red'}" align="start">{{errorMsg}}</md-hint>
</md-input-container>
</td>
<td>
<button class="adf-full-width" id="add-tag" (click)="addTag()" [disabled]="disableAddTag" md-raised-button>
{{'TAG.BUTTON.ADD' | translate }}
</button>
</td>
</tr>
</table>
</div> </div>
</li> </li>
</div> </div>
@ -29,13 +43,25 @@
</div> </div>
</li> </li>
<li> <li>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> <table class="adf-full-width" cellspacing="0">
<input class="mdl-textfield__input tag-input" type="text" id="new-tag-text" (keypress)="cleanErrorMsg()" [(ngModel)]="newTagName"/> <tr>
<label class="mdl-textfield__label" for="new-tag-text" > {{'TAG.LABEL.NEWTAG' | translate }}</label> <td>
<span *ngIf="errorMsg" class="mdl-textfield__error">{{errorMsg}}</span> <md-input-container class="adf-full-width">
<button id="add-tag" class="mdl-button mdl-js-button mdl-button--raised button" (click)="addTag()" [disabled]="disableAddTag"> <input md-input placeholder="{{'TAG.LABEL.NEWTAG' | translate }}"
{{'TAG.BUTTON.ADD' | translate }} type="text"
</button> class="mdl-textfield__input"
</div> (keypress)="cleanErrorMsg()"
[(ngModel)]="newTagName"
id="new-tag-text"/>
<md-hint *ngIf="error" [ngStyle]="{'color': 'red'}" align="start">{{errorMsg}}</md-hint>
</md-input-container>
</td>
<td>
<button class="adf-full-width" id="add-tag" (click)="addTag()" [disabled]="disableAddTag" md-raised-button>
{{'TAG.BUTTON.ADD' | translate }}
</button>
</td>
</tr>
</table>
</li> </li>
</ul> </ul>