#70 pagination component (first cut), mdl directives

ng2-components/ng2-alfresco-core/.gitignore

@@ -11,5 +11,5 @@ demo/**/*.js
 demo/**/*.js.map
 demo/**/*.d.ts
 index.js
-index.map
+index.js.map
 !systemjs.config.js

ng2-components/ng2-alfresco-core/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;QAwBU,uBAAuB,EAUvB,sBAAsB,EAItB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAdvB,qCAAA,uBAAuB,GAAU;gBAC1C,qEAA6B;gBAC7B,uDAAsB;gBACtB,yDAAuB;gBACvB,6DAAyB;gBACzB,+DAA0B;gBAC1B,qDAAqB;gBACrB,yCAAkB;aACrB,CAAA,CAAC;YAEW,oCAAA,sBAAsB,GAAU;gBACzC,yCAAkB;aACrB,CAAA,CAAC;YAEW,qCAAA,uBAAuB,GAAU;gBAC1C,0DAA0B;gBAC1B,6CAAoB;aACvB,CAAA,CAAC"}

ng2-components/ng2-alfresco-core/index.ts

@@ -24,19 +24,27 @@ import { AlfrescoContentService } from './src/services/AlfrescoContentService.se
 import { ContextMenuService } from './src/services/context-menu.service';
 import { ContextMenuHolderComponent } from './src/components/context-menu-holder.component';
 import { ContextMenuDirective } from './src/components/context-menu.directive';
+import { MDL } from './src/material/MaterialDesignLiteUpgradeElement';
+import { AlfrescoMdlButtonDirective } from './src/material/mdl-button.directive';
+import { AlfrescoMdlMenuDirective } from './src/material/mdl-menu.directive';
 
 export * from './src/services/AlfrescoSettingsService.service';
 export * from './src/services/AlfrescoTranslationLoader.service';
 export * from './src/services/AlfrescoTranslationService.service';
 export * from './src/services/AlfrescoPipeTranslate.service';
-export * from './src/material/MaterialDesignLiteUpgradeElement';
 export * from './src/services/AlfrescoAuthenticationService.service';
 export * from './src/services/AlfrescoContentService.service';
 
+// Material Design Lite integration
+export * from './src/material/MaterialDesignLiteUpgradeElement';
+export * from './src/material/mdl-button.directive';
+export * from './src/material/mdl-menu.directive';
+
 export * from './src/services/context-menu.service';
 export * from './src/components/context-menu-holder.component';
 export * from './src/components/context-menu.directive';
 
+export * from './src/data/pagination-provider';
 export * from './src/utils/object-utils';
 
 export const ALFRESCO_CORE_PROVIDERS: [any] = [
@@ -58,3 +66,8 @@ export const CONTEXT_MENU_DIRECTIVES: [any] = [
     ContextMenuDirective
 ];
 
+export const MATERIAL_DESIGN_DIRECTIVES: [any] = [
+    MDL,
+    AlfrescoMdlButtonDirective,
+    AlfrescoMdlMenuDirective
+];

ng2-components/ng2-alfresco-core/src/data/pagination-provider.ts

@@ -0,0 +1,47 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * 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.
+ */
+
+export interface PaginationProvider {
+
+    /**
+     *  The number of objects in the collection.
+     */
+    count: number;
+
+    /**
+     * A boolean value which is true if there are more entities in the collection beyond those in this response.
+     * A true value means a request with a larger value for the skipCount or the maxItems parameter will return more entities.
+     */
+    hasMoreItems: boolean;
+
+    /**
+     * An integer describing the total number of entities in the collection.
+     * The API might not be able to determine this value, in which case this property will not be present.
+     */
+    totalItems?: number;
+
+    /**
+     * An integer describing how many entities exist in the collection before those included in this list.
+     */
+    skipCount: number;
+
+    /**
+     * The value of the maxItems parameter used to generate this list,
+     * or if there was no maxItems parameter the default value is 100.
+     */
+    maxItems: number;
+}

ng2-components/ng2-alfresco-core/src/material/mdl-button.directive.ts

@@ -0,0 +1,38 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * 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 { Directive, ElementRef, AfterViewInit } from '@angular/core';
+
+declare var componentHandler;
+
+@Directive({
+    selector: '[alfresco-mdl-button]'
+})
+export class AlfrescoMdlButtonDirective implements AfterViewInit {
+
+    constructor(private element: ElementRef) {}
+
+    ngAfterViewInit() {
+        if (componentHandler) {
+            let el = this.element.nativeElement;
+            el.classList.add('mdl-button');
+            el.classList.add('mdl-js-button');
+            el.classList.add('mdl-js-ripple-effect');
+            componentHandler.upgradeElement(el, 'MaterialButton');
+        }
+    }
+}

ng2-components/ng2-alfresco-core/src/material/mdl-menu.directive.ts

@@ -0,0 +1,38 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * 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 { Directive, ElementRef, AfterViewInit } from '@angular/core';
+
+declare var componentHandler;
+
+@Directive({
+    selector: '[alfresco-mdl-menu]'
+})
+export class AlfrescoMdlMenuDirective implements AfterViewInit {
+
+    constructor(private element: ElementRef) {}
+
+    ngAfterViewInit() {
+        if (componentHandler) {
+            let el = this.element.nativeElement;
+            el.classList.add('mdl-menu');
+            el.classList.add('mdl-js-menu');
+            el.classList.add('mdl-js-ripple-effect');
+            componentHandler.upgradeElement(el, 'MaterialMenu');
+        }
+    }
+}