[ADF-3538] Alfresco Process Service Cloud - new package with CLI (#3872)

* [ADF-3538] start creating new folder for cloud components

* [ADF-3538] added new package to the script and the builds

* [ADF-3538] added some more changes to scripts

* [ADF-3538] - starting the new package

* change index

* fix package

* Fix module structure with Cli

* add basic structure

* Create a library with angular cli

* Add a cloud component as example

* Skip the scss style

* add the import scss

* remove useless codes

* Add i18n example

* remove useless code

* Simplify the hello component
Fix the wrong path

* Fix process service cloud path

* Download process-service-cloud from the CS

demo-shell/src/app/app.module.ts

@@ -63,6 +63,8 @@ import { ContentModule } from '@alfresco/adf-content-services';
 import { InsightsModule } from '@alfresco/adf-insights';
 import { ProcessModule } from '@alfresco/adf-process-services';
 import { AuthBearerInterceptor } from './services';
+import { ProcessServicesCloudModule } from '@alfresco/adf-process-services-cloud';
+import { CloudComponent } from './components/cloud/cloud.component';
 
 @NgModule({
     imports: [
@@ -80,11 +82,13 @@ import { AuthBearerInterceptor } from './services';
         ProcessModule.forRoot(),
         ThemePickerModule,
         ChartsModule,
-        MonacoEditorModule.forRoot()
+        MonacoEditorModule.forRoot(),
+        ProcessServicesCloudModule
     ],
     declarations: [
         AppComponent,
         LoginComponent,
+        CloudComponent,
         LogoutComponent,
         AppLayoutComponent,
         HomeComponent,

demo-shell/src/app/app.routes.ts

@@ -40,9 +40,11 @@ import { FormLoadingComponent } from './components/form/form-loading.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
 import { ReportIssueComponent } from './components/report-issue/report-issue.component';
 import { AppComponent } from './app.component';
+import { CloudComponent } from './components/cloud/cloud.component';
 
 export const appRoutes: Routes = [
     { path: 'login', component: LoginComponent },
+    { path: 'cloud', component: CloudComponent },
     { path: 'logout', component: LogoutComponent },
     {
         path: 'settings',

demo-shell/src/app/components/cloud/cloud.component.html

@@ -0,0 +1,2 @@
+
+<adf-cloud-hello></adf-cloud-hello>

demo-shell/src/app/components/cloud/cloud.component.ts

@@ -0,0 +1,32 @@
+/*!
+ * @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, OnInit } from '@angular/core';
+
+@Component({
+    selector: 'app-cloud',
+    templateUrl: './cloud.component.html',
+    styleUrls: ['./cloud.component.scss']
+})
+export class CloudComponent implements OnInit {
+
+    constructor() {
+    }
+
+    ngOnInit() {
+    }
+}

demo-shell/src/app/components/home/home.component.html

@@ -4,6 +4,9 @@
             <h1 class="mat-h1">ADF</h1>
             <h2>{{ 'APP.HOME.TITLE' | translate}}</h2>
         </div>
+
+        <adf-cloud-hello></adf-cloud-hello>
+
         <div class="adf-home-start">
             <a mat-raised-button class="adf-home-docs-button adf-primary-color" href="https://github.com/Alfresco/alfresco-ng2-components/tree/master/docs">{{ 'APP.HOME.DOCUMENTATION' | translate}}</a>
         </div>

demo-shell/src/custom-style-dev.scss

@@ -8,6 +8,7 @@
 @import '../../lib/process-services/styles/index';
 @import '../../lib/insights/styles/index';
 @import '../../lib/core/styles/index';
+@import '../../lib/process-services-cloud/src/lib/styles/index';
 
 @import '~@angular/material/theming';
 
@@ -27,6 +28,7 @@ $theme:   mat-light-theme($primary, $accent, $warn);
 
 @include adf-content-services-theme($theme);
 @include adf-process-services-theme($theme);
+@include adf-process-services-cloud-theme($theme);
 @include adf-insights-theme($theme);
 @include adf-core-theme($theme);
 

demo-shell/src/custom-style.scss

@@ -6,6 +6,7 @@
 
 @import '~@alfresco/adf-content-services/theming';
 @import '~@alfresco/adf-process-services/theming';
+@import '~@alfresco/adf-process-services-cloud/theming';
 @import '~@alfresco/adf-insights/theming';
 @import '~@alfresco/adf-core/theming';
 
@@ -26,6 +27,7 @@ $theme:   mat-light-theme($primary, $accent, $warn);
 
 @include adf-content-services-theme($theme);
 @include adf-process-services-theme($theme);
+@include adf-process-services-cloud-theme($theme);
 @include adf-insights-theme($theme);
 @include adf-core-theme($theme);
 

demo-shell/src/tsconfig.dev.json

@@ -28,6 +28,9 @@
       ],
       "@alfresco/adf-insights": [
         "../../lib/insights"
+      ],
+      "@alfresco/adf-process-services-cloud": [
+        "../../lib/process-services-cloud"
       ]
     }
   },

demo-shell/src/tsconfig.spec.json

@@ -30,6 +30,12 @@
       "@alfresco/adf-process-services": [
         "../../lib/process-services"
       ],
+      "@alfresco/adf-process-services-cloud": [
+        "../../lib/process-services-cloud"
+      ],
+      "@alfresco/adf-process-services-cloud/*": [
+        "../../lib/process-services-cloud/*"
+      ],
       "@alfresco/adf-insights": [
         "../../lib/insights"
       ]