web/dashboard.js

// @licstart  The following is the entire license notice for the
// JavaScript code in this page.
//
// Copyright 2017 Red Hat
//
// 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.
//
// @licend  The above is the entire license notice
// for the JavaScript code in this page.

import 'bootstrap/dist/css/bootstrap.css'
import angular from 'angular'

import './styles/zuul.css'
import './jquery.zuul'
import { getSourceUrl } from './util'

angular.module('zuulTenants', []).controller(
    'mainController', function ($scope, $http, $location) {
      $scope.tenants = undefined
      $scope.tenants_fetch = function () {
        $http.get(getSourceUrl('tenants', $location))
            .then(function success (result) {
              $scope.tenants = result.data
            })
      }
      $scope.tenants_fetch()
    })

angular.module('zuulJobs', [], function ($locationProvider) {
  $locationProvider.html5Mode({
    enabled: true,
    requireBase: false
  })
}).controller(
    'mainController', function ($scope, $http, $location) {
      $scope.jobs = undefined
      $scope.jobs_fetch = function () {
        $http.get(getSourceUrl('jobs', $location))
            .then(function success (result) {
              $scope.jobs = result.data
            })
      }
      $scope.jobs_fetch()
    })

angular.module('zuulBuilds', [], function ($locationProvider) {
  $locationProvider.html5Mode({
    enabled: true,
    requireBase: false
  })
}).controller('mainController', function ($scope, $http, $location) {
  $scope.rowClass = function (build) {
    if (build.result === 'SUCCESS') {
      return 'success'
    } else {
      return 'warning'
    }
  }
  let queryArgs = $location.search()
  let url = $location.url()
  if (queryArgs['source_url']) {
    $scope.tenant = undefined
  } else {
    let tenantStart = url.lastIndexOf(
      '/', url.lastIndexOf('/builds.html') - 1) + 1
    let tenantLength = url.lastIndexOf('/builds.html') - tenantStart
    $scope.tenant = url.substr(tenantStart, tenantLength)
  }
  $scope.builds = undefined
  if (queryArgs['pipeline']) {
    $scope.pipeline = queryArgs['pipeline']
  } else { $scope.pipeline = '' }
  if (queryArgs['job_name']) {
    $scope.job_name = queryArgs['job_name']
  } else { $scope.job_name = '' }
  if (queryArgs['project']) {
    $scope.project = queryArgs['project']
  } else { $scope.project = '' }
  $scope.builds_fetch = function () {
    let queryString = ''
    if ($scope.tenant) { queryString += '&tenant=' + $scope.tenant }
    if ($scope.pipeline) { queryString += '&pipeline=' + $scope.pipeline }
    if ($scope.job_name) { queryString += '&job_name=' + $scope.job_name }
    if ($scope.project) { queryString += '&project=' + $scope.project }
    if (queryString !== '') { queryString = '?' + queryString.substr(1) }
    $http.get(getSourceUrl('builds', $location) + queryString)
            .then(function success (result) {
              for (let buildPos = 0;
                     buildPos < result.data.length;
                     buildPos += 1) {
                let build = result.data[buildPos]
                if (build.node_name == null) {
                  build.node_name = 'master'
                }
                /* Fix incorect url for post_failure job */
                if (build.log_url === build.job_name) {
                  build.log_url = undefined
                }
              }
              $scope.builds = result.data
            })
  }
  $scope.builds_fetch()
})