New packages org (#2639)

New packages org

lib/core/toolbar/index.ts

@@ -0,0 +1,18 @@
+/*!
+ * @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 * from './public-api';

lib/core/toolbar/public-api.ts

@@ -0,0 +1,22 @@
+/*!
+ * @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 * from './toolbar-divider.component';
+export * from './toolbar-title.component';
+export * from './toolbar.component';
+
+export * from './toolbar.module';

lib/core/toolbar/toolbar-divider.component.ts

@@ -0,0 +1,35 @@
+/*!
+ * @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 { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: 'adf-toolbar-divider',
+    template: '<div></div>',
+    host: { 'class': 'adf-toolbar-divider' },
+    styles: [`
+        .adf-toolbar-divider > div {
+            height: 24px;
+            width: 1px;
+            background: rgba(0, 0, 0, 0.26);
+            margin-left: 5px;
+            margin-right: 5px;
+        }
+    `],
+    encapsulation: ViewEncapsulation.None
+})
+export class ToolbarDividerComponent {}

lib/core/toolbar/toolbar-title.component.ts

@@ -0,0 +1,25 @@
+/*!
+ * @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 { Component } from '@angular/core';
+
+@Component({
+    selector: 'adf-toolbar-title',
+    template: '<ng-content></ng-content>',
+    host: { 'class': 'adf-toolbar-title' }
+})
+export class ToolbarTitleComponent {}

lib/core/toolbar/toolbar.component.html

@@ -0,0 +1,6 @@
+<mat-toolbar [color]="color">
+    <span *ngIf="title">{{ title }}</span>
+    <ng-content select="adf-toolbar-title"></ng-content>
+    <span class="adf-toolbar--spacer"></span>
+    <ng-content></ng-content>
+</mat-toolbar>

lib/core/toolbar/toolbar.component.scss

@@ -0,0 +1,25 @@
+
+@mixin adf-toolbar-theme($theme) {
+    $foreground: map-get($theme, foreground);
+    $adf-toolbar-height: 48px;
+    $adf-toolbar-font-size: 14px;
+
+    .adf-toolbar--spacer {
+        flex: 1 1 auto;
+    }
+
+    .adf-toolbar {
+
+        .mat-toolbar {
+            min-height: $adf-toolbar-height;
+            border: 1px solid mat-color($foreground, text, .07);
+        }
+
+        .mat-toolbar-row {
+            height: $adf-toolbar-height;
+            font-size: $adf-toolbar-font-size;
+            white-space: normal;
+        }
+    }
+
+}

lib/core/toolbar/toolbar.component.ts

@@ -0,0 +1,36 @@
+/*!
+ * @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 { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: 'adf-toolbar',
+    templateUrl: './toolbar.component.html',
+    styleUrls: ['./toolbar.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    encapsulation: ViewEncapsulation.None,
+    host: { 'class': 'adf-toolbar' }
+})
+export class ToolbarComponent {
+
+    @Input()
+    title: string = '';
+
+    @Input()
+    color: string;
+
+}

lib/core/toolbar/toolbar.module.ts

@@ -0,0 +1,42 @@
+/*!
+ * @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 { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MaterialModule } from '../material.module';
+
+import { ToolbarDividerComponent } from './toolbar-divider.component';
+import { ToolbarTitleComponent } from './toolbar-title.component';
+import { ToolbarComponent } from './toolbar.component';
+
+@NgModule({
+    imports: [
+        CommonModule,
+        MaterialModule
+    ],
+    declarations: [
+        ToolbarComponent,
+        ToolbarTitleComponent,
+        ToolbarDividerComponent
+    ],
+    exports: [
+        ToolbarComponent,
+        ToolbarTitleComponent,
+        ToolbarDividerComponent
+    ]
+})
+export class ToolbarModule {}