foreman_pipeline 0.0.1

data/app/assets/javascripts/foreman_pipeline/jobs/details/views/job-details-jenkins-projects.html

@@ -0,0 +1,75 @@
+<span page-title ng-model="job">{{ 'Job: ' | translate }} {{ job.name }}</span>
+
+<section class="details details-full">
+  <div bst-alerts success-messages="successMessages" error-messages="errorMessages"></div>
+
+  <h4>
+    <span translate>Current Jenkins Projects: </span>
+  </h4>
+      
+    <input type="text"
+            class="form-control filter-input"  
+            placeholder="{{ 'Filter' | translate }}"
+            ng-model="jenkinsFilter"/>
+      
+      
+      <span class="pull-right">
+        <button class="btn btn-default"
+                ng-disabled="projectsTable.numSelected === 0 || projectsTable.working"
+                ng-show="isState('jobs.details.jenkins-projects.list') && permitted('edit_jobs', job) && projectsTable.rows.length > 0"
+                ng-click="removeProjects()">
+          <i class="fa fa-minus" ng-hide="projectsTable.working"></i>
+          <i class="fa fa-spinner fa-spin" ng-show="projectsTable.working"></i>      
+          <span translate>Remove Projects</span>
+        </button>
+        
+        <button class="btn btn-default"
+                ng-show="isState('jobs.details.jenkins-projects.list') 
+                         && permitted('edit_jobs', job) 
+                         && job.jenkins_instance !== null
+                         && job.jenkins_user !== null"
+                ui-sref="jobs.details.jenkins-projects.discovery({jobId: job.id})"
+                translate>
+                <i class="fa fa-eye"></i>
+                Find more...
+        </button>
+      </span>  
+
+      
+    
+      
+      <table bst-table="projectsTable"
+             class="table table-striped"
+             ng-show="projectsTable.rows.length > 0 && !projectsTable.working"
+             ng-class="{'table-mask': projectsTable.working}">
+        <thead>
+          <tr bst-table-head row-select="jenkinsProject">
+            <th bst-table-column="name" translate>Name</th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr bst-table-row ng-repeat="jenkinsProject in projectsTable.rows | filter:jenkinsFilter" row-select="jenkinsProject">
+            <td bst-table-cell>
+              <a href="" ui-sref="jobs.details.jenkins-projects.parameters({ projectId: jenkinsProject.id })">
+                {{ jenkinsProject.name }}
+              </a>
+            </td>
+          </tr>
+        </tbody>
+
+      </table>   
+
+</section>
+
+<div ng-show="projectsTable.rows.length === 0">
+        <div class="loading-mask loading-mask-panel" ng-show="projectsTable.working">
+          <i class="fa fa-spinner fa-spin"></i>
+            {{ "Loading..." | translate }}          
+        </div>
+
+        <p class="alert alert-info"
+           ng-hide="projectsTable.working"
+           translate> No Jenkins Projects to show.
+        </p>
+      </div>

data/app/assets/javascripts/foreman_pipeline/jobs/details/views/job-details-jenkins.html

@@ -0,0 +1,88 @@
+<span page-title ng-model="job">{{ 'Job: ' | translate }} {{ job.name }}</span>
+
+<div class="details details-full">
+  <div bst-alerts success-messages="successMessages" error-messages="errorMessages"></div>
+
+  <h4>
+    <span translate>Current Jenkins Instance: </span>
+    <a ui-sref="jenkins-instances.details.info({ jenkinsInstanceId: job.jenkins_instance.id })">
+      <span ng-show="job.jenkins_instance.name" ng-bind="job.jenkins_instance.name"></span>
+    </a>
+    <span ng-show="!job.jenkins_instance.name" translate>none</span>
+  </h4>
+
+  <br/> 
+
+  <section>
+    <div class="details-header row">
+      
+      <div class="col-sm-3" ng-show="jenkinsTable.rows.length > 0">
+        <input type="text"
+                class="form-control"  
+                placeholder="{{ 'Filter' | translate }}"
+                ng-model="jenkinsFilter" />
+      </div>
+
+      <div class="fr select-action">
+        
+        <span ng-show="jenkinsTable.rows.length > 0">
+          <button class="btn btn-default"
+                  ng-hide="denied('edit_jobs')"
+                  ng-disabled="!jenkinsTable.chosenRow || jenkinsTable.working" 
+                  ng-click="setJenkins()">
+            <i class="fa fa-pencil" ng-hide="jenkinsTable.working"></i>
+            <i class="fa fa-spinner fa-spin" ng-show="jenkinsTable.working"></i> 
+            {{ 'Set Jenkins Instance' | translate }}
+          </button>
+        </span>
+
+      </div>
+    </div>
+
+    <div bst-table="jenkinsTable" class="nutupane" ng-show="jenkinsTable.rows.length > 0">
+      <div bst-container-scroll bst-infinite-scroll="jenkinsTable.nextPage()">
+
+        <table
+               ng-class="{'table-mask': jenkinsTable.working}"
+               class="table table-full table-striped">
+
+          <thead>
+            <tr bst-table-head row-choice="jenkinsInstance">
+              <th bst-table-column="name" translate>Name</th>
+              <th bst-table-column="url" translate>URL</th>
+              <th bst-table-column="user" translate>User</th>
+            </tr>
+          </thead>
+
+          <tbody>
+            <tr bst-table-row ng-repeat="jenkinsInstance in jenkinsTable.rows | filter:jenkinsFilter" row-choice="jenkinsInstance">
+              
+              <td bst-table-cell>
+                <a ui-sref="jenkins-instances.details.info({ jenkinsInstanceId: jenkinsInstance.id })">
+                  {{ jenkinsInstance.name }}
+                </a>
+              </td>
+
+              <td bst-table-cell>{{ jenkinsInstance.url }}</td>
+              <td bst-table-cell>{{ jenkinsInstance.jenkins_user.name }}</td>
+            </tr>
+          </tbody>
+
+        </table>
+      </div>
+    </div>
+  </section>
+
+  <div ng-show="jenkinsTable.rows.length === 0">
+    <div class="loading-mask loading-mask-panel" ng-show="jenkinsTable.working">
+      <i class="fa fa-spinner fa-spin"></i>
+        {{ "Loading..." | translate }}          
+    </div>
+
+    <p class="alert alert-info"
+       ng-hide="jenkinsTable.working"
+       translate> No Jenkins Instances to show.
+    </p>
+  </div>
+
+</div>

data/app/assets/javascripts/foreman_pipeline/jobs/details/views/job-details-paths-list.html

@@ -0,0 +1,72 @@
+<span page-title ng-model="job">{{ 'Job: ' | translate }}{{ job.name }}</span>
+
+<section class="nutupane-sub-section">
+  <div bst-alerts success-messages="successMessages" error-messages="errorMessages"></div>
+
+  <div ng-show="pathsTable.rows.length === 0">
+    <div class="loading-mask loading-mask-panel" ng-show="pathsTable.working">
+      <i class="fa fa-spinner fa-spin"></i>
+        {{ "Loading..." | translate }}          
+    </div>
+
+    <p class="alert alert-info"
+         ng-hide="pathsTable.working"
+         translate> No Environment Paths to show.          
+    </p>
+  </div>
+
+  <section ng-show="pathsTable.rows.length > 0">
+    <div class="row">
+      <div class="fr select-action">
+        <button ng-if="isState('jobs.details.to-environment.paths.add')"
+                class="btn btn-default"
+                ng-hide="denied('edit_jobs')"
+                ng-disabled="pathsTable.working || pathsTable.numSelected === 0"
+                ng-click="addPaths()">
+            <i class="fa fa-plus" ng-hide="pathsTable.working"></i>
+            <i class="fa fa-spinner fa-spin" ng-show="pathsTable.working"></i>      
+              {{ 'Add Paths' | translate }}
+        </button>
+
+        <button ng-if="isState('jobs.details.to-environment.paths.list')"
+                class="btn btn-default"
+                ng-hide="denied('edit_jobs')"
+                ng-disabled="pathsTable.working || pathsTable.numSelected === 0"
+                ng-click="removePaths()">
+            <i class="fa fa-minus" ng-hide="pathsTable.working"></i>
+            <i class="fa fa-spinner fa-spin" ng-show="pathsTable.working"></i>      
+              {{ 'Remove Paths' | translate }}
+        </button>
+        
+      </div>
+    </div>
+    
+    <div bst-table="pathsTable" class="nutupane" ng-show="pathsTable.rows.length > 0">
+      <div bst-container-scroll bst-infinite-scroll="pathsTable.nextPage()">
+  
+        <table ng-class="{'table-mask': pathsTable.working}"
+               class="table table-full table-striped">
+
+          <thead>
+            <tr bst-table-head row-select="path">
+              <th bst-table-column="Environments" translate>Environments</th>
+            </tr>
+          </thead>
+
+          <tbody>
+            <tr bst-table-row ng-repeat="path in pathsTable.rows | filter:userFilter" row-select="path">
+              
+              <td bst-table-cell>
+                <span ng-repeat="environment in path">
+                  {{ environment.name + ", " }}
+                </span>
+              </td>
+
+
+            </tr>
+          </tbody>
+
+        </table>
+      </div>
+    </div>
+</section>

data/app/assets/javascripts/foreman_pipeline/jobs/details/views/job-details-resources.html

@@ -0,0 +1,86 @@
+<span page-title ng-model="job">{{ 'Job: ' | translate }} {{ job.name }}</span>
+
+<p class="alert alert-info" ng-show="!job.hostgroup" translate>
+    You need to set Hostgroup for Resources to become available, you can set Hostgroup using the 'Hostgroups' tab.
+</p>
+
+<div class="details details-full" ng-show="job.hostgroup">
+  <div bst-alerts success-messages="successMessages" error-messages="errorMessages"></div>
+
+  <h4>
+    <span translate>Current Compute Resource: </span>
+    <a ng-click="transitionToResource(job.resource)" ng-show="job.compute_resource.name">
+      <span ng-bind="job.compute_resource.name"></span>
+    </a>
+      <span ng-show="!job.compute_resource.name" translate>none</span>
+  </h4>
+
+  <br/>
+
+  <div ng-show="table.rows.length === 0">
+    <div class="loading-mask loading-mask-panel" ng-show="table.working">
+      <i class="fa fa-spinner fa-spin"></i>
+        {{ "Loading..." | translate }}
+    </div>
+
+    <p class="alert alert-info"
+       ng-hide="table.working"
+       translate> No Compute Resources to show.          
+    </p>        
+  </div>
+
+  <section ng-show="table.rows.length > 0">
+    <div class="details-header row">
+      <div class="col-sm-3">
+        <input type="text"
+               class="form-control"
+               placeholder="{{ 'Filter' | translate }}"
+               ng-model="resourceFilter" />
+      </div>
+
+      <div class="fr select-action">
+        <button class="btn btn-default"
+                ng-hide="edit_jobs"
+                ng-disabled="!table.chosenRow || table.working"
+                ng-click="setResource()">
+          <i class="fa fa-pencil" ng-hide="table.working"></i>
+          <i class="fa fa-spinner fa-spin" ng-show="table.working"></i>
+          {{ 'Set Compute Resource' | translate }}
+        </button>      
+      </div>
+    </div>
+
+    <div bst-table="table" class="nutupane">
+      <div bst-container-scroll bst-infinite-scroll="table.nextPage()">
+                
+        <table 
+               ng-class="{'table-mask': table.working}"
+               class="table table-striped table-full">
+
+          <thead>
+            <tr bst-table-head row-choice="resource">
+              <th bst-table-column="name" translate>Name</th>
+              <th bst-table-column="provider" translate>Provider</th>
+              <th bst-table-column="url" translate>Url</th>
+            </tr>
+          </thead>
+
+          <tbody>
+            <tr bst-table-row ng-repeat="resource in table.rows | filter:resourceFilter" row-choice="resource">
+              
+              <td bst-table-cell>
+                <a ng-click="transitionToResource(resource)">
+                  {{ resource.name }}
+                </a>
+              </td>
+              <td bst-table-cell>{{ resource.provider }}</td>
+              <td bst-table-cell>{{ resource.url }}</td>
+            </tr>
+            
+          </tbody>
+          
+        </table>
+      </div>
+    </div>
+  </section>
+</div>

data/app/assets/javascripts/foreman_pipeline/jobs/details/views/job-details-to-environments.html

@@ -0,0 +1,51 @@
+<span page-title ng-model="job">{{ 'Job: ' | translate }}{{ job.name }}</span>
+
+<div class="row">
+    <div class="col-sm-5">
+      <a href="" ui-sref="jobs.details.environments.from-environment({jobId: job.id})">
+      <i class="fa fa-angle-double-left"></i>
+      {{ "Back" | translate }}
+      </a>
+    </div>
+</div>
+<h4 translate>Lifecycle Environment selection: select target environment</h4>
+<section class="nutupane-sub-section"> 
+  
+  <div bst-alerts success-messages="successMessages" error-messages="errorMessages"></div>
+
+  <div class="loading-mask loading-mask-panel" ng-show="loading">
+    <i class="fa fa-spinner fa-spin"></i>
+      {{ "Loading..." | translate }}          
+  </div>
+
+
+  <section ng-hide="loading || availableEnvironments.length === 0">
+    <span pln-path-selector disabled="denied('edit_jobs', job)">
+    </span>
+
+    <span basic></span>
+
+    <br/>
+
+    <button class="btn btn-default"
+            ng-hide="denied('edit_jobs')"
+            ng-disabled="working"
+            ng-click="setToEnvironments()">
+      <i class="fa fa-pencil" ng-hide="working"></i>      
+      <i class="fa fa-spinner fa-spin" ng-show="working"></i>           
+      <span translate>Set To Environments</span>
+    </button>
+  </section>
+  
+  
+  <div ng-show="availableEnvironments.length === 0" >
+    <p class="alert alert-info"
+       ng-hide="loading"
+       translate> No Lifecycle Environments to show.
+    </p>
+  </div>
+
+</section>
+
+
+

data/app/assets/javascripts/foreman_pipeline/jobs/details/views/job-details.html

@@ -0,0 +1,80 @@
+<span page-title ng-model="job">{{ 'Job: ' | translate }} {{ job.name }}</span>
+
+<div class="loading-mask loading-mask-panel" ng-show="panel.loading">
+  <i class="fa fa-spinner fa-spin"></i>
+  {{ "Loading..." | translate}}
+</div>
+
+<section class="nutupane-details" ng-cloak bst-container-scroll>
+  <header class="details-header">
+    
+    <h2 class="fl" translate>Job {{ job.name }} </h2>
+
+    <div class="fr">
+      <div bst-modal="deleteJob(job)">
+        <div data-block="modal-header" translate>Remove Job "{{ job.name }}"?</div>
+        <div data-block="modal-body" translate>Are you sure you want to remove Job "{{ job.name }}"?</div>
+      </div>
+      
+      <button class="btn btn-default" ng-click="openModal()" ng-hide="denied('destroy_job', job)">
+        <i class="fa fa-trash-o"></i>
+        {{ "Delete Job" | translate }}
+      </button>
+
+      <button class="btn btn-default" ui-sref="jobs.index">
+        <i class="fa fa-remove"></i>
+        {{ "Close" | translate }}
+      </button>
+    </div>
+
+  </header>
+
+  <nav>
+    <ul class="nav nav-tabs">
+      
+      <li ng-class="{active: stateIncludes('jobs.details.info')}">
+        <a ui-sref="jobs.details.info({jobId: job.id})">
+          <span translate>Details</span>
+        </a>
+      </li>
+
+      <li ng-class="{ active : stateIncludes('jobs.details.content-views')}">
+        <a ui-sref="jobs.details.content-views({jobId: job.id})">
+          <span translate>Content Views</span>
+        </a>
+      </li>
+
+      <li ng-class="{ active : stateIncludes('jobs.details.hostgroups')}">
+        <a ui-sref="jobs.details.hostgroups({jobId: job.id})">
+          <span translate>Hostgroups</span>
+        </a>
+      </li>
+
+      <li ng-class="{active: stateIncludes('jobs.details.resources')}">
+        <a ui-sref="jobs.details.resources">
+          <span translate>Compute Resources</span>
+        </a>
+      </li>
+
+      <li ng-class="{active: stateIncludes('jobs.details.jenkins-instances')}">
+        <a ui-sref="jobs.details.jenkins-instances({jobId: job.id})">
+          <span translate>Jenkins Instances</span>
+        </a>
+      </li>            
+
+      <li ng-class="{active: stateIncludes('jobs.details.environments')}">
+        <a ui-sref="jobs.details.environments.from-environment">
+          <span translate>Environment</span>
+        </a>
+      </li>
+
+      <li ng-class="{active: stateIncludes('jobs.details.jenkins-projects')}">
+        <a ui-sref="jobs.details.jenkins-projects.list({jobId: job.id})">
+          <span translate>Jenkins Projects</span>
+        </a>
+      </li>
+    </ul>
+  </nav>
+
+  <section class="nutupane-sub-section" ui-view></section>
+</section>