Merge pull request #1680 from biblesyme/cicd-engine-fix-3_1

Pipeline Bug fix

app/app.js

@@ -128,6 +128,7 @@ const App = Application.extend({
           failWhale:               'failWhale',
           authenticated:           'authenticated',
           'authenticated.cluster': 'authenticated.cluster',
+          'authenticated.cluster.index': 'authenticated.cluster.index',
           'authenticated.cluster.projects': 'authenticated.cluster.projects',
           'authenticated.project': 'authenticated.project',
           'authenticated.prefs':   'authenticated.prefs',

lib/pipeline/addon/components/pipeline-jobs-table/component.js

@@ -51,7 +51,6 @@ export default Component.extend({
   filtered: function() {
     const data = this.get('body') || [];
     const projectId = this.get('projectId')
-    console.log(projectId)
     return data.filterBy('projectId', projectId);
-  }.property('model.@each.{projectId}', 'projectId'),
+  }.property('body.@each.{projectId}', 'projectId'),
 });

lib/pipeline/addon/components/pipeline-jobs-table/template.hbs

@@ -1,3 +1,4 @@
+{{#if filtered.length}}
   {{#sortable-table
     tableClassNames="double-rows"
     bulkActions=bulkActions
@@ -69,3 +70,6 @@
       <tr><td colspan="{{sortable.fullColspan}}" class="text-center text-muted lacsso pt-20 pb-20">{{t 'pipelinesPage.table.noData'}}</td></tr>
     {{/if}}
   {{/sortable-table}}
+{{else}}
+  {{empty-table resource="container" newRoute="authenticated.project.pipeline.new-pipeline" newTranslationKey="pipelinesPage.add"}}
+{{/if}}

lib/pipeline/addon/components/pipeline-steps/component.js

@@ -13,7 +13,6 @@ export default Component.extend({
     this._super(...arguments);
     setTimeout(()=>{
       let route = this.get('route');
-      debugger
       this.showStepAdd();
     },0);
   },

lib/pipeline/addon/engine.js

@@ -28,6 +28,7 @@ const Eng = Engine.extend({
       'failWhale',
       'authenticated',
       'authenticated.cluster',
+      'authenticated.cluster.index',
       'authenticated.cluster.projects',
       'authenticated.project',
       'authenticated.prefs',

lib/pipeline/addon/pipelines/controller.js

@@ -1,5 +1,15 @@
 import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { htmlSafe } from '@ember/string';
 
 export default Controller.extend({
   sortBy: 'Name',
+  router: service(),
+  linkToDeploy: function(){
+    let projectModel = window.l('route:application').modelFor('authenticated.project');
+    let clusterId = projectModel.project.clusterId;
+    let route = this.get('router').urlFor('authenticated.cluster.pipeline', clusterId);
+    // return htmlSafe(`Pipeline is not enabled, click <a href="${route}" target="_blank">here</a> to enable Pipline`)
+    return route
+  }.property(),
 });

lib/pipeline/addon/pipelines/route.js

@@ -2,17 +2,31 @@ import { inject as service } from '@ember/service';
 import Route from '@ember/routing/route';
 import { on } from '@ember/object/evented';
 import C from 'ui/utils/constants';
+import { hash } from 'rsvp';
 
 export default Route.extend({
   globalStore: service(),
   session: service(),
+  pipeline: service(),
 
   model: function() {
     var globalStore = this.get('globalStore');
     let projectModel = window.l('route:application').modelFor('authenticated.project');
     let projectId = projectModel.project.id;
     var model = globalStore.findAll('pipeline', { filter: { projectId }});
-    return model
+    return this.get('pipeline').isReady(projectModel.project.clusterId).then((deployed)=>{
+      if(!deployed){
+        return {
+          deployed,
+        }
+      }
+      return model.then((pipelines)=>{
+        return {
+          deployed,
+          pipelines
+        }
+      })
+    })
   },
   setDefaultRoute: on('activate', function() {
     this.set(`session.${C.SESSION.CONTAINER_ROUTE}`,'authenticated.project.pipeline.pipelines');

lib/pipeline/addon/pipelines/template.hbs

@@ -1,16 +1,26 @@
 {{#containers-header tags=tags simpleMode=true showGroup=false}}
-  {{#link-to "new-pipeline" class="btn bg-primary btn-sm"}}
+  {{#if model.deployed}}
-    {{t 'pipelinesPage.add'}}
+    {{!-- {{#link-to "pipelines.project.import" classNames="btn btn-sm bg-default mr-10"}}{{t 'pipelinesPage.import'}}{{/link-to}} --}}
+    <div class="btn bg-link btn-sm icon-btn p-0">
+    {{#link-to "new-pipeline" class="btn bg-link icon-btn p-0"}}
+      <span class="darken"><i class="icon icon-plus text-small"/></span>
+      <span>{{t 'pipelinesPage.add'}}</span>
     {{/link-to}}
+    </div>
+  {{/if}}
 {{/containers-header}}
 
 <div class="mt-10"></div>
+{{#if model.deployed}}
   <section class="instances">
     {{pipeline-jobs-table
-      body=model
+        body=model.pipelines
         sortBy=sortBy
         bulkActions=true
         search=true
         paging=true
       }}
   </section>
+{{else}}
+  {{banner-message color='bg-warning mb-0 mt-10' message=(t 'pipelinesPage.notDeployed' route=linkToDeploy htmlSafe=true)}}
+{{/if}}

lib/pipeline/addon/services/pipeline.js

@@ -6,11 +6,16 @@ export default Service.extend({
   globalStore: service(),
   scope: service(),
   deploy: false,
-  isReady() {
+  isReady(clusterId) {
-    let clusterId = this.get('scope').currentCluster.id;
+    let requestClusterId = clusterId||this.get('scope').currentCluster.id;
-    this.get('globalStore').find('clusterPipeline', `${clusterId}:${clusterId}`)
+    this.set('deploy', false);
+    return this.get('globalStore').find('clusterPipeline', `${requestClusterId}:${requestClusterId}`)
       .then((res)=>{
         this.set('deploy', res.deploy);
+        return res.deploy;
+      }).catch(()=>{
+        this.set('deploy', false);
+        return false;
       })
   },
 });

lib/pipeline/addon/settings/route.js

@@ -9,11 +9,10 @@ export default Route.extend({
     const cluster = window.l('route:application').modelFor('authenticated.cluster')
     const cluster_id = cluster.id;
     if ( get(cluster,'state') !== 'active' ) {
-      this.transitionTo('authenticated.cluster.index');
+      this.transitionToExternal('authenticated.cluster.index');
     }
 
     let model = globalStore.find('clusterPipeline',`${cluster_id}:${cluster_id}`,{forceReload: true});
-    // return model
     return model
   }
 });

lib/pipeline/translations/en-us.yaml

@@ -41,6 +41,7 @@ pipelinesPage:
   nextRun: NextRun
   awaitingWebhook: Awaiting Webhook
   triggerManually: Trigger Manually
+  notDeployed: Pipeline is not enabled, click <a href="{route}" target="_blank">here</a> to enable Pipline
 pipelinesSetting:
   gitAuthentication: Git Authentication
   authenticateWithGit: Authenticate with git repository

lib/shared/addon/components/containers-header/component.js

@@ -14,12 +14,10 @@ export default Component.extend({
   showGroup: true,
 
   tagName: '',
-  pipelineDeploy: alias('pipeline.deploy'),
   allStacks: null,
   init() {
     this._super(...arguments);
     this.set('allStacks', this.get('store').all('stack'));
-    this.get('pipeline').isReady();
   },
 
   actions: {

lib/shared/addon/components/containers-header/template.hbs

@@ -10,9 +10,7 @@
       <li>{{#link-to-external "authenticated.project.dns.index" scope.currentProject.id}}{{t 'nav.containers.dns'}}{{/link-to-external}}</li>
     {{/if}}
     <li>{{#link-to-external "volumes.index" scope.currentProject.id}}{{t 'nav.containers.volumes'}}{{/link-to-external}}</li>
-    {{#if pipelineDeploy}}
     <li>{{#link-to-external "authenticated.project.pipeline.pipelines" scope.currentProject.id}}Pipeline{{/link-to-external}}</li>
-    {{/if}}
   </ul>
 
   <div class="right-buttons">