Css class names for custom document columns

refs #51
This commit is contained in:
Denys Vuika
2016-05-04 10:11:37 +01:00
parent 0b1b87063c
commit 548fb14f4c
9 changed files with 15 additions and 5 deletions

View File

@@ -20,6 +20,7 @@ export declare class ContentColumn implements OnInit {
private list;
title: string;
source: string;
cssClass: string;
constructor(list: ContentColumnList);
ngOnInit(): void;
}

View File

@@ -49,6 +49,7 @@ System.register(['angular2/core', './content-column-list', './../models/content-
var model = new content_column_model_1.ContentColumnModel();
model.title = this.title;
model.source = this.source;
model.cssClass = this.cssClass;
this.list.registerColumn(model);
};
__decorate([
@@ -59,6 +60,10 @@ System.register(['angular2/core', './content-column-list', './../models/content-
core_1.Input(),
__metadata('design:type', String)
], ContentColumn.prototype, "source", void 0);
__decorate([
core_1.Input('class'),
__metadata('design:type', String)
], ContentColumn.prototype, "cssClass", void 0);
ContentColumn = __decorate([
core_1.Component({
selector: 'content-column',

View File

@@ -1 +1 @@
{"version":3,"file":"content-column.js","sourceRoot":"","sources":["content-column.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;YAUH;gBAII,uBACY,IAAuB;oBAAvB,SAAI,GAAJ,IAAI,CAAmB;oBAJ1B,UAAK,GAAW,EAAE,CAAC;gBAK5B,CAAC;gBAED,gCAAQ,GAAR;oBACI,IAAI,KAAK,GAAG,IAAI,yCAAkB,EAAE,CAAC;oBACrC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;oBACzB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;oBAE3B,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;gBAbD;oBAAC,YAAK,EAAE;;4DAAA;gBACR;oBAAC,YAAK,EAAE;;6DAAA;gBANZ;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,gBAAgB;wBAC1B,QAAQ,EAAE,EAAE;qBACf,CAAC;;iCAAA;gBAgBF,oBAAC;YAAD,CAAC,AAfD,IAeC;YAfD,yCAeC,CAAA"}
{"version":3,"file":"content-column.js","sourceRoot":"","sources":["content-column.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;YAUH;gBAKI,uBACY,IAAuB;oBAAvB,SAAI,GAAJ,IAAI,CAAmB;oBAL1B,UAAK,GAAW,EAAE,CAAC;gBAM5B,CAAC;gBAED,gCAAQ,GAAR;oBACI,IAAI,KAAK,GAAG,IAAI,yCAAkB,EAAE,CAAC;oBACrC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;oBACzB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;oBAC3B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;oBAE/B,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;gBAfD;oBAAC,YAAK,EAAE;;4DAAA;gBACR;oBAAC,YAAK,EAAE;;6DAAA;gBACR;oBAAC,YAAK,CAAC,OAAO,CAAC;;+DAAA;gBAPnB;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,gBAAgB;wBAC1B,QAAQ,EAAE,EAAE;qBACf,CAAC;;iCAAA;gBAkBF,oBAAC;YAAD,CAAC,AAjBD,IAiBC;YAjBD,yCAiBC,CAAA"}

View File

@@ -26,6 +26,7 @@ import {ContentColumnModel} from './../models/content-column.model';
export class ContentColumn implements OnInit {
@Input() title: string = '';
@Input() source: string;
@Input('class') cssClass: string;
constructor(
private list: ContentColumnList) {
@@ -35,6 +36,7 @@ export class ContentColumn implements OnInit {
let model = new ContentColumnModel();
model.title = this.title;
model.source = this.source;
model.cssClass = this.cssClass;
this.list.registerColumn(model);
}

View File

@@ -22,7 +22,7 @@
:host .parent-folder-link { cursor: pointer; }
:host .parent-folder-link > td { text-align: left; }
:host .folder-header-cell { cursor: pointer; }
:host .folder-row-cell { cursor: pointer; }
:host .breadcrumb { margin-bottom: 4px; }

View File

@@ -43,7 +43,7 @@
</td>
<!-- Name: folder -->
<td *ngIf="content.isFolder" class="mdl-data-table__cell--non-numeric folder-header-cell"
<td *ngIf="content.isFolder" class="mdl-data-table__cell--non-numeric folder-row-cell"
(click)="onItemClick(content, $event)">
<span class="content-header">
{{content.displayName}}
@@ -58,7 +58,7 @@
</td>
<!-- Custom columns -->
<td *ngFor="#col of columns" class="mdl-data-table__cell--non-numeric">
<td *ngFor="#col of columns" class="mdl-data-table__cell--non-numeric {{col.cssClass}}">
{{content[col.source]}}
</td>

View File

@@ -17,4 +17,5 @@
export declare class ContentColumnModel {
title: string;
source: string;
cssClass: string;
}

View File

@@ -1 +1 @@
{"version":3,"file":"content-column.model.js","sourceRoot":"","sources":["content-column.model.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;YAEH;gBAAA;gBAGA,CAAC;gBAAD,yBAAC;YAAD,CAAC,AAHD,IAGC;YAHD,mDAGC,CAAA"}
{"version":3,"file":"content-column.model.js","sourceRoot":"","sources":["content-column.model.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;;YAEH;gBAAA;gBAIA,CAAC;gBAAD,yBAAC;YAAD,CAAC,AAJD,IAIC;YAJD,mDAIC,CAAA"}

View File

@@ -18,4 +18,5 @@
export class ContentColumnModel {
title: string;
source: string;
cssClass: string;
}