inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix toolbar and page port view for size in small devices (#2338)

Browse Source 
remove old alfresco and activiti prefix
fix login toggle mobile devices
This commit is contained in:
Eugenio Romano
2017-09-14 19:53:46 +01:00
committed by GitHub
parent 6d12b07fe2
commit 5c7ccb9b83
19 changed files with 127 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
demo-shell-ng2/app/app.component.html
View File

@@ -1,20 +1,20 @@
<md-toolbar color="primary" *ngIf="!isAPageWithHeaderBar()"> <md-toolbar color="primary" *ngIf="!isAPageWithHeaderBar()" class="adf-app-toolbar" >
<ng2-alfresco-userinfo <adf-userinfo
class="user-profile" class="adf-app-user-profile"
[menuPositionX]="'before'" [menuPositionX]="'before'"
[menuPositionY]="'above'"> [menuPositionY]="'above'">
</ng2-alfresco-userinfo> </adf-userinfo>
<span>ADF Demo Application</span> <span class="adf-app-hide-xsmall" >ADF Demo Application</span>
<div class="app-menu--spacer"></div> <div class="adf-app-menu-spacer"></div>
<search-bar></search-bar> <search-bar></search-bar>
<a md-button data-automation-id="home" href="" routerLink="/">Home</a> <a class="adf-app-hide-xsmall adf-app-hide-small" md-button data-automation-id="home" href="" routerLink="/">Home</a>
<a md-button data-automation-id="files" href="" routerLink="/files">Content Services</a> <a class="adf-app-hide-xsmall adf-app-hide-small" md-button data-automation-id="files" href="" routerLink="/files">Content Services</a>
<a md-button data-automation-id="activiti" href="" routerLink="/activiti">Process Services</a> <a class="adf-app-hide-xsmall adf-app-hide-small" md-button data-automation-id="activiti" href="" routerLink="/activiti">Process Services</a>
<a md-button data-automation-id="login" href="" routerLink="/login">Login</a> <a class="adf-app-hide-xsmall adf-app-hide-small" md-button data-automation-id="login" href="" routerLink="/login">Login</a>
<theme-picker></theme-picker> <theme-picker></theme-picker>
<button md-icon-button [mdMenuTriggerFor]="langMenu"> <button md-icon-button [mdMenuTriggerFor]="langMenu">
@@ -29,7 +29,24 @@
<button md-icon-button [mdMenuTriggerFor]="appMenu"> <button md-icon-button [mdMenuTriggerFor]="appMenu">
<md-icon>more_vert</md-icon> <md-icon>more_vert</md-icon>
</button> </button>
<md-menu #appMenu="mdMenu"> <md-menu #appMenu="mdMenu">
<a md-menu-item href="" routerLink="/">
<md-icon>home</md-icon>
<span>Home</span>
</a>
<a md-menu-item href="" routerLink="/files">
<md-icon>folder_open</md-icon>
<span>Content Services</span>
</a>
<a md-menu-item href="" routerLink="/activiti">
<md-icon>device_hub</md-icon>
<span>Process Services</span>
</a>
<a md-menu-item href="" routerLink="/login">
<md-icon>vpn_key</md-icon>
<span>Login</span>
</a>
<a md-menu-item href="" routerLink="/dl-custom-sources"> <a md-menu-item href="" routerLink="/dl-custom-sources">
<md-icon>extension</md-icon> <md-icon>extension</md-icon>
<span>DL: Custom Sources</span> <span>DL: Custom Sources</span>

31
demo-shell-ng2/app/app.component.scss
View File

@@ -1,24 +1,29 @@
.user-profile { @import '~@angular/material/theming';
.adf-app-user-profile {
margin-right: 10px; margin-right: 10px;
} }
.app-menu--spacer { .adf-app-menu-spacer {
flex: 1 1 auto; flex: 1 1 auto;
} }
.p-10 { .adf-app-toolbar {
padding: 10px; overflow: hidden;
} }
.m-10 { @media ($mat-small) {
margin: 10px;
}
._dialog_overlay { .adf-app-hide-small{
position: static !important; display: none !important;
} }
}
@media ($mat-xsmall) {
.adf-app-hide-xsmall{
display: none !important;
}
.md-simple-snackbar-action {
border: 0px;
cursor: pointer;
} }

2
demo-shell-ng2/app/components/about/about.component.html
View File

@@ -108,5 +108,5 @@
<h3>Packages</h3> <h3>Packages</h3>
<small>Current project is using the following ADF libraries:</small> <small>Current project is using the following ADF libraries:</small>
<alfresco-datatable [data]="data"></alfresco-datatable> <adf-datatable [data]="data"></adf-datatable>
</div> </div>

28
demo-shell-ng2/app/components/activiti/activiti-demo.component.html
View File

@@ -12,20 +12,20 @@
<adf-accordion> <adf-accordion>
<adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [isOpen]="true" <adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [isOpen]="true"
[headingIcon]="'assignment'"> [headingIcon]="'assignment'">
<activiti-filters <adf-filters
[filterParam]="{name:'MY tasks'}" [filterParam]="{name:'MY tasks'}"
[appId]="appId" [appId]="appId"
[hasIcon]="false" [hasIcon]="false"
(filterClick)="onTaskFilterClick($event)" (filterClick)="onTaskFilterClick($event)"
(onSuccess)="onSuccessTaskFilterList($event)" (onSuccess)="onSuccessTaskFilterList($event)"
#activitifilter> #activitifilter>
</activiti-filters> </adf-filters>
</adf-accordion-group> </adf-accordion-group>
</adf-accordion> </adf-accordion>
</div> </div>
<div class="activiti-demo-grid-item activiti-demo-tasks-list" fxFlex.gt-md="335px" [ngClass.gt-md]="{'small-pagination': true}" <div class="activiti-demo-grid-item activiti-demo-tasks-list" fxFlex.gt-md="335px" [ngClass.gt-md]="{'small-pagination': true}"
*ngIf="taskFilter && !isStartTaskMode()"> *ngIf="taskFilter && !isStartTaskMode()">
<activiti-tasklist <adf-tasklist
[appId]="taskFilter?.appId" [appId]="taskFilter?.appId"
[page]="taskPage" [page]="taskPage"
[size]="taskPagination.maxItems" [size]="taskPagination.maxItems"
@@ -48,7 +48,7 @@
<data-column key="created" title="Created" class="hidden"></data-column> <data-column key="created" title="Created" class="hidden"></data-column>
</data-columns> </data-columns>
--> -->
</activiti-tasklist> </adf-tasklist>
<adf-pagination <adf-pagination
(changePageNumber)="onChangePageNumber($event)" (changePageNumber)="onChangePageNumber($event)"
@@ -60,7 +60,7 @@
</adf-pagination> </adf-pagination>
</div> </div>
<div class="activiti-demo-grid-item activiti-demo-tasks-details" *ngIf="!isStartTaskMode()" fxFlex.gt-md="1 1 auto"> <div class="activiti-demo-grid-item activiti-demo-tasks-details" *ngIf="!isStartTaskMode()" fxFlex.gt-md="1 1 auto">
<activiti-task-details #activitidetails <adf-task-details #activitidetails
[debugMode]="true" [debugMode]="true"
[taskId]="currentTaskId" [taskId]="currentTaskId"
[fieldValidators]="fieldValidators" [fieldValidators]="fieldValidators"
@@ -69,7 +69,7 @@
(taskCreated)="onTaskCreated($event)" (taskCreated)="onTaskCreated($event)"
(assignTask)="onAssignTask()" (assignTask)="onAssignTask()"
(taskDeleted)="onTaskDeleted($event)"> (taskDeleted)="onTaskDeleted($event)">
</activiti-task-details> </adf-task-details>
<hr> <hr>
<div *ngIf="currentTaskId"> <div *ngIf="currentTaskId">
{{'PS-TAB.AUDIT-LOG' | translate}} {{'PS-TAB.AUDIT-LOG' | translate}}
@@ -119,18 +119,18 @@
<adf-accordion> <adf-accordion>
<adf-accordion-group [heading]="'Processes'" [isSelected]="true" [isOpen]="true" <adf-accordion-group [heading]="'Processes'" [isSelected]="true" [isOpen]="true"
[headingIcon]="'assessment'"> [headingIcon]="'assessment'">
<activiti-process-instance-filters <adf-process-instance-filters
[filterParam]="{index: 0}" [filterParam]="{index: 0}"
[appId]="appId" [appId]="appId"
(filterClick)="onProcessFilterClick($event)" (filterClick)="onProcessFilterClick($event)"
(onSuccess)="onSuccessProcessFilterList($event)"> (onSuccess)="onSuccessProcessFilterList($event)">
</activiti-process-instance-filters> </adf-process-instance-filters>
</adf-accordion-group> </adf-accordion-group>
</adf-accordion> </adf-accordion>
</div> </div>
<div class="activiti-demo-grid-item activiti-demo-processes-list activiti-demo-list" fxFlex.gt-md="335px" [ngClass.gt-md]="{'small-pagination': true}" <div class="activiti-demo-grid-item activiti-demo-processes-list activiti-demo-list" fxFlex.gt-md="335px" [ngClass.gt-md]="{'small-pagination': true}"
*ngIf="processFilter && !isStartProcessMode()"> *ngIf="processFilter && !isStartProcessMode()">
<activiti-process-instance-list <adf-process-instance-list
*ngIf="processFilter?.hasFilter()" [appId]="processFilter.appId" *ngIf="processFilter?.hasFilter()" [appId]="processFilter.appId"
[processDefinitionKey]="processFilter.filter.processDefinitionKey" [processDefinitionKey]="processFilter.filter.processDefinitionKey"
[name]="processFilter.filter.name" [name]="processFilter.filter.name"
@@ -146,15 +146,15 @@
<data-column key="created" title="Created" class="hidden"></data-column> <data-column key="created" title="Created" class="hidden"></data-column>
</data-columns> </data-columns>
--> -->
</activiti-process-instance-list> </adf-process-instance-list>
</div> </div>
<div class="activiti-demo-grid-item activiti-demo-processes-details" *ngIf="!isStartProcessMode()" fxFlex.gt-md="1 1 auto"> <div class="activiti-demo-grid-item activiti-demo-processes-details" *ngIf="!isStartProcessMode()" fxFlex.gt-md="1 1 auto">
<activiti-process-instance-details <adf-process-instance-details
[processInstanceId]="currentProcessInstanceId" [processInstanceId]="currentProcessInstanceId"
(processCancelled)="processCancelled()" (processCancelled)="processCancelled()"
(showProcessDiagram)="onShowProcessDiagram($event)" (showProcessDiagram)="onShowProcessDiagram($event)"
(taskClick)="onProcessDetailsTaskClick($event)"> (taskClick)="onProcessDetailsTaskClick($event)">
</activiti-process-instance-details> </adf-process-instance-details>
<hr> <hr>
<div *ngIf="currentProcessInstanceId"> <div *ngIf="currentProcessInstanceId">
{{'PS-TAB.START-PROCESS' | translate}} {{'PS-TAB.START-PROCESS' | translate}}
@@ -201,7 +201,7 @@
</analytics-report-list> </analytics-report-list>
</div> </div>
<div class="activiti-demo-grid-item activiti-demo-reports-details" fxFlex.gt-md="1 1 auto"> <div class="activiti-demo-grid-item activiti-demo-reports-details" fxFlex.gt-md="1 1 auto">
<activiti-analytics <adf-analytics
*ngIf="report" *ngIf="report"
[appId]="appId" [appId]="appId"
[reportId]="report.id" [reportId]="report.id"
@@ -209,7 +209,7 @@
(editReport)="onEditReport($event)" (editReport)="onEditReport($event)"
(reportSaved)="onReportSaved($event)" (reportSaved)="onReportSaved($event)"
(reportDeleted)="onReportDeleted()"> (reportDeleted)="onReportDeleted()">
</activiti-analytics> </adf-analytics>
<div *ngIf="!report"> <div *ngIf="!report">
<span>{{'ANALYTICS_REPORT.NO_REPORT_MESSAGE' | translate}}</span> <span>{{'ANALYTICS_REPORT.NO_REPORT_MESSAGE' | translate}}</span>
</div> </div>

4
demo-shell-ng2/app/components/activiti/activiti-process-attachments.component.html
View File

@@ -21,10 +21,10 @@
</div> </div>
<div *ngIf="fileShowed"> <div *ngIf="fileShowed">
<alfresco-viewer <adf-viewer
[(showViewer)]="fileShowed" [(showViewer)]="fileShowed"
[blobFile]="content" [blobFile]="content"
[displayName]="contentName" [displayName]="contentName"
[overlayMode]="true"> [overlayMode]="true">
</alfresco-viewer> </adf-viewer>
</div> </div>

2
demo-shell-ng2/app/components/activiti/activiti-show-diagram.component.html
View File

@@ -1,4 +1,4 @@
<div> <div>
<button md-mini-fab (click)="onClickBack()" ><md-icon>keyboard_backspace</md-icon></button> <button md-mini-fab (click)="onClickBack()" ><md-icon>keyboard_backspace</md-icon></button>
<activiti-diagram [processInstanceId]="processDefinitionId"></activiti-diagram> <adf-diagram [processInstanceId]="processDefinitionId"></adf-diagram>
</div> </div>

4
demo-shell-ng2/app/components/activiti/activiti-task-attachments.component.html
View File

@@ -20,10 +20,10 @@
</div> </div>
<div *ngIf="fileShowed"> <div *ngIf="fileShowed">
<alfresco-viewer <adf-viewer
[(showViewer)]="fileShowed" [(showViewer)]="fileShowed"
[blobFile]="content" [blobFile]="content"
[displayName]="contentName" [displayName]="contentName"
[overlayMode]="true"> [overlayMode]="true">
</alfresco-viewer> </adf-viewer>
</div> </div>

4
demo-shell-ng2/app/components/activiti/form-node-viewer.component.html
View File

@@ -1,6 +1,6 @@
<div class="activiti-form-viewer" *ngIf="nodeId"> <div class="activiti-form-viewer" *ngIf="nodeId">
<activiti-form [nodeId]="nodeId" <adf-form [nodeId]="nodeId"
[saveMetadata]="true" [saveMetadata]="true"
[path]="'/Sites/swsdp/documentLibrary'"> [path]="'/Sites/swsdp/documentLibrary'">
</activiti-form> </adf-form>
</div> </div>

10
demo-shell-ng2/app/components/activiti/form-viewer.component.html
View File

@@ -1,11 +1,11 @@
<div class="activiti-form-viewer" *ngIf="taskId"> <div class="activiti-form-viewer" *ngIf="taskId">
<activiti-form [taskId]="taskId"></activiti-form> <adf-form [taskId]="taskId"></adf-form>
<!--<activiti-form [formName]="'activitiForms:patientFolder'"--> <!--<adf-form [formName]="'activitiForms:patientFolder'"-->
<!--[saveMetadata]="true"--> <!--[saveMetadata]="true"-->
<!--[path]="'/Sites/swsdp/documentLibrary'"--> <!--[path]="'/Sites/swsdp/documentLibrary'"-->
<!--[nameNode]="'test'"></activiti-form>--> <!--[nameNode]="'test'"></adf-form>-->
<!--<activiti-form [nodeId]="'e280be3a-6584-45a1-8bb5-89bfe070262e'"--> <!--<adf-form [nodeId]="'e280be3a-6584-45a1-8bb5-89bfe070262e'"-->
<!--[saveMetadata]="true"--> <!--[saveMetadata]="true"-->
<!--[path]="'/Sites/swsdp/documentLibrary'">--> <!--[path]="'/Sites/swsdp/documentLibrary'">-->
<!--</activiti-form>--> <!--</adf-form>-->
</div> </div>

4
demo-shell-ng2/app/components/datatable/datatable-demo.component.css
View File

@@ -1,10 +1,10 @@
alfresco-datatable >>> .custom-row-style.alfresco-datatable__row:focus { adf-datatable >>> .custom-row-style.alfresco-datatable__row:focus {
outline-offset: -1px; outline-offset: -1px;
outline-width: 1px; outline-width: 1px;
outline-color: green; outline-color: green;
outline-style: solid; outline-style: solid;
} }
alfresco-datatable >>> .custom-row-style.alfresco-datatable__row--selected { adf-datatable >>> .custom-row-style.alfresco-datatable__row--selected {
color: green; color: green;
} }

20
demo-shell-ng2/app/components/files/files.component.html
View File

@@ -3,7 +3,7 @@
<adf-sites-dropdown (change)="getSiteContent($event)"> <adf-sites-dropdown (change)="getSiteContent($event)">
</adf-sites-dropdown> </adf-sites-dropdown>
</div> </div>
<alfresco-upload-drag-area <adf-upload-drag-area
[parentId]="documentList.currentFolderId" [parentId]="documentList.currentFolderId"
[versioning]="versioning" [versioning]="versioning"
[adf-node-permission]="'create'" [adf-node-permission]="'create'"
@@ -208,7 +208,7 @@
</content-action> </content-action>
</content-actions> </content-actions>
</adf-document-list> </adf-document-list>
</alfresco-upload-drag-area> </adf-upload-drag-area>
</div> </div>
<context-menu-holder></context-menu-holder> <context-menu-holder></context-menu-holder>
@@ -264,7 +264,7 @@
</md-input-container> </md-input-container>
</section> </section>
<div *ngIf="!acceptedFilesTypeShow"> <div *ngIf="!acceptedFilesTypeShow">
<alfresco-upload-button <adf-upload-button
#uploadButton #uploadButton
tooltip="Custom tooltip" tooltip="Custom tooltip"
[disabled]="!enableUpload" [disabled]="!enableUpload"
@@ -276,10 +276,10 @@
[adf-node-permission]="'create'" [adf-node-permission]="'create'"
[adf-nodes]="getCurrentDocumentListNode()" [adf-nodes]="getCurrentDocumentListNode()"
(permissionEvent)="handlePermissionError($event)"> (permissionEvent)="handlePermissionError($event)">
</alfresco-upload-button> </adf-upload-button>
</div> </div>
<div *ngIf="acceptedFilesTypeShow"> <div *ngIf="acceptedFilesTypeShow">
<alfresco-upload-button <adf-upload-button
#uploadButton #uploadButton
tooltip="Custom tooltip" tooltip="Custom tooltip"
[disabled]="!enableUpload" [disabled]="!enableUpload"
@@ -292,7 +292,7 @@
[adf-node-permission]="'create'" [adf-node-permission]="'create'"
[adf-nodes]="getCurrentDocumentListNode()" [adf-nodes]="getCurrentDocumentListNode()"
(permissionEvent)="handlePermissionError($event)"> (permissionEvent)="handlePermissionError($event)">
</alfresco-upload-button> </adf-upload-button>
</div> </div>
<section> <section>
<md-checkbox [(ngModel)]="enableUpload">Enable upload (demoing enabled/disabled state only if the permission are not checked dynamically)</md-checkbox> <md-checkbox [(ngModel)]="enableUpload">Enable upload (demoing enabled/disabled state only if the permission are not checked dynamically)</md-checkbox>
@@ -312,7 +312,7 @@
<div *ngIf="showViewer"> <div *ngIf="showViewer">
<ng-container *ngIf="!useInlineViewer"> <ng-container *ngIf="!useInlineViewer">
<alfresco-viewer <adf-viewer
[(showViewer)]="showViewer" [(showViewer)]="showViewer"
[fileNodeId]="fileNodeId" [fileNodeId]="fileNodeId"
[overlayMode]="true"> [overlayMode]="true">
@@ -323,15 +323,15 @@
</ng-template> </ng-template>
</extension-viewer> </extension-viewer>
</alfresco-viewer> </adf-viewer>
</ng-container> </ng-container>
<ng-container *ngIf="useInlineViewer"> <ng-container *ngIf="useInlineViewer">
<div class="adf-not-overlay-viewer"> <div class="adf-not-overlay-viewer">
<alfresco-viewer <adf-viewer
[(showViewer)]="showViewer" [(showViewer)]="showViewer"
[fileNodeId]="fileNodeId"> [fileNodeId]="fileNodeId">
</alfresco-viewer> </adf-viewer>
</div> </div>
</ng-container> </ng-container>
</div> </div>

8
demo-shell-ng2/app/components/login/login-demo.component.html
View File

@@ -60,7 +60,7 @@
<md-slide-toggle <md-slide-toggle
id="switch1-mobile" id="switch1-mobile"
[color]="'primary'" [color]="'primary'"
(click)="toggleECM()" (change)="toggleECM()"
[checked]="isECM"> [checked]="isECM">
Content Services Content Services
</md-slide-toggle> </md-slide-toggle>
@@ -69,7 +69,7 @@
<md-slide-toggle <md-slide-toggle
id="switch2-mobile" id="switch2-mobile"
[color]="'primary'" [color]="'primary'"
(click)="toggleBPM()" (change)="toggleBPM()"
[checked]="isBPM"> [checked]="isBPM">
Process Services Process Services
</md-slide-toggle> </md-slide-toggle>
@@ -78,7 +78,7 @@
<md-slide-toggle <md-slide-toggle
id="switch3-mobile" id="switch3-mobile"
[color]="'primary'" [color]="'primary'"
(click)="toggleCSRF()" (change)="toggleCSRF()"
[checked]="!disableCsrf"> [checked]="!disableCsrf">
CSRF CSRF
</md-slide-toggle> </md-slide-toggle>
@@ -87,7 +87,7 @@
<md-slide-toggle <md-slide-toggle
id="switch4-mobile" id="switch4-mobile"
[color]="'primary'" [color]="'primary'"
(click)="toggleFooter()" (change)="toggleFooter()"
[checked]="showFooter"> [checked]="showFooter">
Login footer Login footer
</md-slide-toggle> </md-slide-toggle>

8
demo-shell-ng2/app/components/search/search-bar.component.html
View File

@@ -1,4 +1,4 @@
<alfresco-search-control *ngIf="isLoggedIn()" <adf-search-control *ngIf="isLoggedIn()"
[searchTerm]="searchTerm" [searchTerm]="searchTerm"
[autocomplete]="false" [autocomplete]="false"
[highlight]="true" [highlight]="true"
@@ -6,10 +6,10 @@
(searchChange)="onSearchTermChange($event);" (searchChange)="onSearchTermChange($event);"
(expand)="onExpandToggle($event);" (expand)="onExpandToggle($event);"
(fileSelect)="onItemClicked($event)"> (fileSelect)="onItemClicked($event)">
</alfresco-search-control> </adf-search-control>
<alfresco-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed" <adf-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed"
[fileNodeId]="fileNodeId" [fileNodeId]="fileNodeId"
[overlayMode]="true"> [overlayMode]="true">
<md-spinner></md-spinner> <md-spinner></md-spinner>
</alfresco-viewer> </adf-viewer>

10
demo-shell-ng2/app/components/search/search.component.html
View File

@@ -1,14 +1,14 @@
<div class="search-results-container"> <div class="search-results-container">
<h1>Search results</h1> <div class="adf-search-title">Search results</div>
<alfresco-search <adf-search
[navigate]="false" [navigate]="false"
(nodeDbClick)="nodeDbClick($event)"></alfresco-search> (nodeDbClick)="nodeDbClick($event)"></adf-search>
</div> </div>
<div *ngIf="fileShowed"> <div *ngIf="fileShowed">
<alfresco-viewer [(showViewer)]="fileShowed" <adf-viewer [(showViewer)]="fileShowed"
[fileNodeId]="fileNodeId" [fileNodeId]="fileNodeId"
[overlayMode]="true"> [overlayMode]="true">
<md-spinner></md-spinner> <md-spinner></md-spinner>
</alfresco-viewer> </adf-viewer>
</div> </div>

20
demo-shell-ng2/app/components/search/search.component.scss Normal file
View File

@@ -0,0 +1,20 @@
div.search-results-container {
padding: 0 20px 20px 20px;
}
.adf-search-title {
font-size: 22px;
padding: 15px 0 15px 0;
}
@media screen and (max-width: 600px) {
:host .col-display-name {
min-width: 100px;
}
:host .col-modified-at, :host .col-modified-by {
display: none;
}
:host div.search-results-container table {
width: 100%;
}
}

23
demo-shell-ng2/app/components/search/search.component.ts
View File

@@ -21,28 +21,7 @@ import { Router } from '@angular/router';
@Component({ @Component({
selector: 'search-component', selector: 'search-component',
templateUrl: './search.component.html', templateUrl: './search.component.html',
styles: [` styleUrls: ['./search.component.scss']
:host div.search-results-container {
padding: 0 20px 20px 20px;
}
:host h1 {
font-size: 22px;
}
:host tbody tr {
cursor: pointer;
}
@media screen and (max-width: 600px) {
:host .col-display-name {
min-width: 100px;
}
:host .col-modified-at, :host .col-modified-by {
display: none;
}
:host div.search-results-container table {
width: 100%;
}
}
`]
}) })
export class SearchComponent { export class SearchComponent {

6
demo-shell-ng2/app/components/tag/tag.component.html
View File

@@ -2,18 +2,18 @@
<input id="nodeId" type="text" size="48" [(ngModel)]="nodeId"><br> <input id="nodeId" type="text" size="48" [(ngModel)]="nodeId"><br>
<div class="adf-tag-example-area"> <div class="adf-tag-example-area">
<md-card> <md-card>
<alfresco-tag-node-actions-list [nodeId]="nodeId"></alfresco-tag-node-actions-list> <adf-tag-node-actions-list [nodeId]="nodeId"></adf-tag-node-actions-list>
</md-card> </md-card>
</div> </div>
<div class="adf-tag-example-area"> <div class="adf-tag-example-area">
<md-card> <md-card>
<div class="adf-tag-example-title">List Tags Content Services</div> <div class="adf-tag-example-title">List Tags Content Services</div>
<alfresco-tag-list></alfresco-tag-list> <adf-tag-list></adf-tag-list>
</md-card> </md-card>
</div> </div>
<div class="adf-tag-example-area"> <div class="adf-tag-example-area">
<md-card> <md-card>
<div class="adf-tag-example-title">Tag list By Node ID</div> <div class="adf-tag-example-title">Tag list By Node ID</div>
<alfresco-tag-node-list [nodeId]="nodeId"></alfresco-tag-node-list> <adf-tag-node-list [nodeId]="nodeId"></adf-tag-node-list>
</md-card> </md-card>
</div> </div>

2
ng2-components/ng2-alfresco-search/src/components/search-control.component.html
View File

@@ -7,7 +7,7 @@
class="adf-search-button"> class="adf-search-button">
<md-icon aria-label="search button">search</md-icon> <md-icon aria-label="search button">search</md-icon>
</button> </button>
<div class="search-field"> <div class="adf-search-field">
<md-input-container> <md-input-container>
<input <input
mdInput mdInput

20
ng2-components/ng2-alfresco-search/src/components/search-control.component.scss
View File

@@ -19,8 +19,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
.search-field { .adf-search-field {
width: 260px; max-width: 260px;
padding-top: 6px; padding-top: 6px;
.mat-input-container { .mat-input-container {
@@ -36,20 +36,10 @@
} }
} }
.search-field .mat-input-infix { .adf-search-field .mat-input-infix {
padding: 0px; padding: 0;
} }
@media only screen and (max-width: 400px) {
.search-field {
width: 200px;
}
}
@media only screen and (max-width: 320px) {
.search-field {
width: 160px;
}
}
} }
&-search-form{ &-search-form{
@@ -61,4 +51,4 @@
display: block; display: block;
} }
} }
} }