Adding Widget My Issues

Author: Maren Süwer

src/issues/issue.controller.js

@@ -0,0 +1,62 @@
+'use strict';
+
+sonarADFWidget.
+        controller('sonarIssueCtrl', sonarIssueCtrl);
+
+function sonarIssueCtrl(data) {
+    var vm = this;
+
+
+    angular.forEach(data, function (issue) {
+        issue.subProject = issue.subProject.slice(issue.component.search(":") + 1).replace(":", " ");
+        issue.project = issue.project.slice(issue.component.search(":") + 1).replace(":", " "); //eig wird noch "parent" abgeschnitten, aber keine Ahnung warum!
+        issue.component = issue.component.slice(issue.component.lastIndexOf(":") + 1);
+
+        issue.status = issue.status.toLowerCase();
+        issue.severity = issue.severity.toLowerCase();
+        issue.type = issue.type.toLowerCase().replace("_", " ");
+        
+        for(var i=0; i<issue.tags.length; i++){
+            if(i==0)
+                issue.tag= issue.tags[i];
+           else {
+                issue.tag = issue.tag + ", ";
+            issue.tag = issue.tag + issue.tags[i];
+        }
+        }
+    });
+
+    // sorting the elements by project, subProject and component
+    // has the structure: projects [project, subProject, component, projectIssues]
+    vm.projects = new Array();
+    vm.projects[0] = new Object();
+    vm.projects[0].project = data[0].project;
+    vm.projects[0].subProject = data[0].subProject;
+    vm.projects[0].component = data[0].component;
+    vm.projects[0].projectIssue = new Array();
+    vm.projects[0].projectIssue[0] = data[0];
+
+    var counter = 0; //counting the projects
+    var counter2 = 1; //counting the projectIssues per project
+    for (var i = 1; i < data.length; i++) {
+        if (data[i].project == vm.projects[counter].project
+                && data[i].subProject == vm.projects[counter].subProject
+                && data[i].component == vm.projects[counter].component) {
+            vm.projects[counter].projectIssue[counter2] = data[i];
+            counter2 = counter2 + 1;
+        } else {
+            counter = counter + 1;
+            counter2 = 1;
+            vm.projects[counter] = new Object();
+            vm.projects[counter].project = data[i].project;
+            vm.projects[counter].subProject = data[i].subProject;
+            vm.projects[counter].component = data[i].component;
+            vm.projects[counter].projectIssue = new Array;
+            vm.projects[counter].projectIssue[0] = data[i];
+        }
+
+    }
+    
+    
+    console.log(vm);
+}

src/issues/view.html

@@ -0,0 +1,60 @@
+<style type="text/css">
+    .content{
+        text-align: left;
+        color: black;
+    }
+    .linesOfCode {
+        background-color:#F0F0F0;
+        margin-bottom: 0.5%;
+        border-radius: 1px;
+    }
+    .heading {
+        color: #1874CD;
+        font-size: small;
+        margin-top:  1%;
+    }
+</style>
+
+<div>
+    <div ng-if="!vm.projects" class="alert alert-info">
+        You don't have any issues.
+    </div>
+
+    <div ng-repeat="project in vm.projects">
+        <div class="heading">
+            <span class="glyphicon glyphicon-folder-open"></span>
+            {{project.project}}
+            <span class="glyphicon glyphicon-folder-open"></span>
+            {{project.subProject}}
+            <span class="glyphicon glyphicon-file"></span>
+            {{project.component}}</br>
+        </div>
+        <div class="content col-md-20">
+            <div class="col-md-20 linesOfCode" ng-repeat="issue in project.projectIssue track by $index">
+
+                <table width="1000">
+                    <tr>
+                        <td width=80% colspan="4"><b>{{issue.message}}</b></td>
+                        <td ng-if="issue.line">L{{issue.line}}</td>
+                    </tr>
+                    <tr>
+                        <td>{{issue.type}}</td>
+                        <td>
+                            <span ng-if="issue.severity == 'major'" class="glyphicon glyphicon-chevron-up"></span>
+                            <span ng-if="issue.severity == 'minor'" class="glyphicon glyphicon-chevron-down"></span>
+                            <span ng-if="issue.severity == 'info'" class="glyphicon glyphicon-arrow-down"></span>
+                            <span ng-if="issue.severity == 'critical'" class="glyphicon glyphicon-arrow-up"></span>
+                            <span ng-if="issue.severity == 'blocker'" class="glyphicon glyphicon-exclamation-sign"></span>
+                            {{issue.severity}}
+                        </td>
+                        <td>{{issue.status}}</td>
+                        <td ng-if="issue.effort" width="200"><span class="glyphicon glyphicon-time"></span> {{issue.effort}} effort</td>
+                        <td ng-if="!issue.effort" width="200"></td>
+                        <td><span ng-if="issue.tag" class="glyphicon glyphicon-tags"></span> {{issue.tag}}</td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+    </div>
+
+</div>

src/service.js

@@ -13,6 +13,10 @@ function sonarApi($http, $q) {
   function createApiUrlAllProjectsStatistics(sonarUrl) {
     return sonarUrl + '/api/resources?metrics=ncloc,coverage';
   }
+  
+  function createApiUrlAllMyIssues(sonarUrl) {
+    return sonarUrl + '/api/issues/search?assignees=pczora';//___me__'; //--> nur zum Testen, eigentlich ist es __me__!
+  }
 
   function createApiUrlMetrics(sonarUrl, projectname) {
     return sonarUrl + '/api/measures/component?componentKey=' + projectname + '&metricKeys=open_issues,ncloc,public_documented_api_density,duplicated_lines_density,sqale_index';
@@ -227,13 +231,28 @@ function sonarApi($http, $q) {
       return generateArray(projects);
     });
   }
+  
+  function getAllMyIssues(sonarUrl){
+    var apiUrl = createApiUrlAllMyIssues(sonarUrl);
+
+    return $http({
+      method: 'GET',
+      url: apiUrl,
+      headers: {
+        'Accept': 'application/json'
+      }
+    }).then(function(response) {
+      return response.data.issues;
+    });
+  }
 
   return {
     getProjects: getProjects,
     getAllProjectsStatistics: getAllProjectsStatistics,
     getChartData: getChartData,
     getMetrics: getMetrics,
-    getProjectTime: getProjectTime
+    getProjectTime: getProjectTime,
+    getAllMyIssues: getAllMyIssues
   };
 
 }

src/sonar.js

@@ -2,7 +2,7 @@
 //app initialisation with dependencies
 var sonarADFWidget = angular.module('adf.widget.sonar', ['adf.provider', 'chart.js', 'ui.bootstrap', 'ui.bootstrap.datepicker','angular-svg-round-progressbar'])
 .constant("sonarEndpoint", {
-  "url": "https://sonarqube.com"
+  "url": "https://ecosystem.cloudogu.com/sonar"//https://sonarqube.com"
 }).constant("METRIC_NAMES", {"open_issues":"Open Issues","ncloc":"Lines of Code",
 "public_documented_api_density": "Public documented API density","duplicated_lines_density": "Duplicated Lines (%)",
 "sqale_index":"SQALE index", "coverage": "Coverage (%)", "tests": "Tests" })
@@ -111,6 +111,25 @@ var sonarADFWidget = angular.module('adf.widget.sonar', ['adf.provider', 'chart.
         edit: {
           templateUrl: '{widgetsPath}/sonar/src/project-progress/edit.html'
         }
+      })
+      .widget('sonar-my-issues', {
+        title: 'Sonar: My Issues',
+        description: 'Displays all issues of yourself',
+        templateUrl: '{widgetsPath}/sonar/src/issues/view.html',
+        resolve: {
+          data: function(sonarApi, config, sonarEndpoint) {
+            if (config.apiUrl) {
+              return sonarApi.getAllMyIssues(config.apiUrl);
+            }
+            else if (sonarEndpoint.url){
+              return sonarApi.getAllMyIssues(sonarEndpoint.url);
+            }
+            return 'Error'; //hier noch vernuenftige Fehlermeldung!
+          }
+        },
+        category: 'SonarQube',
+        controller: 'sonarIssueCtrl',
+        controllerAs: 'vm'
       });
 
   });