taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Epics dasboard

stable
Xavier Julián 2016-07-21 16:41:51 +02:00 committed by David Barragán Merino
parent 5a3185e699
commit cc02221a2d
14 changed files with 217 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/coffee/modules/resources.coffee
View File

@ -92,6 +92,9 @@ urls = {
# Milestones/Sprints
"milestones": "/milestones"
# Epics
"epics": "/epics"
# User stories
"userstories": "/userstories"
"bulk-create-us": "/userstories/bulk_create"

2
app/locales/taiga/locale-en.json
View File

@ -401,7 +401,7 @@
"NAME": "Name",
"PROJECT": "Project",
"SPRINT": "Sprint",
"ASSIGNED_TO": "Assigned to",
"ASSIGNED_TO": "Assigned",
"STATUS": "Status",
"PROGRESS": "Progress",
"VIEW_OPTIONS": "View options"

29
app/modules/epics/dashboard/epic-row/epic-row.controller.coffee Normal file
View File

@ -0,0 +1,29 @@
###
# Copyright (C) 2014-2015 Taiga Agile LLC <taiga@taiga.io>
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
#
# File: epics-table.controller.coffee
###
module = angular.module("taigaEpics")
class EpicRowController
@.$inject = [
]
constructor: () ->
console.log @.epic.toJS()
module.controller("EpicRowCtrl", EpicRowController)

36
app/modules/epics/dashboard/epic-row/epic-row.directive.coffee Normal file
View File

@ -0,0 +1,36 @@
###
# Copyright (C) 2014-2016 Taiga Agile LLC <taiga@taiga.io>
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
#
# File: epics-table.directive.coffee
###
module = angular.module('taigaEpics')
EpicRowDirective = () ->
return {
templateUrl:"epics/dashboard/epic-row/epic-row.html",
controller: "EpicRowCtrl",
controllerAs: "vm",
bindToController: true,
scope: {
epic: '='
}
}
EpicRowDirective.$inject = []
module.directive("tgEpicRow", EpicRowDirective)

29
app/modules/epics/dashboard/epic-row/epic-row.jade Normal file
View File

@ -0,0 +1,29 @@
.epic-row
.vote(ng-class="{'is-voter': vm.epic.get('is_voter')}")
tg-svg(svg-icon='icon-upvote')
span {{::vm.epic.get('total_voters')}}
.name() {{::vm.epic.get('subject')}}
.project() {{::vm.epic.get('project')}}
.sprint(
translate="EPICS.TABLE.SPRINT"
)
.assigned(
ng-if="vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
)
img(
ng-src="{{vm.epic.getIn(['assigned_to_extra_info', 'photo'])}}"
alt="::vm.epic.getIn(['assigned_to_extra_info', 'name'])"
)
.assigned(
ng-if="!vm.epic.getIn(['assigned_to_extra_info', 'photo'])"
) Unassigned
.status(
ng-style="{'color': vm.epic.getIn(['status_extra_info', 'color'])}"
)
span {{::vm.epic.getIn(['status_extra_info', 'name'])}}
tg-svg(svg-icon="icon-arrow-down")
.progress
.progress-bar
.progress-status

31
app/modules/epics/dashboard/epic-row/epic-row.scss Normal file
View File

@ -0,0 +1,31 @@
.epic-row {
@include font-size(small);
align-items: center;
border-bottom: 1px solid $whitish;
display: flex;
.progress-bar,
.progress-status {
height: 1.5rem;
left: 0;
position: absolute;
top: .25rem;
}
.progress-bar {
background: $mass-white;
max-width: 40vw;
width: 100%;
}
.progress-status {
background: $primary-light;
width: 10vw;
}
.vote {
color: $gray;
}
.icon-upvote {
@include svg-size(.75rem);
fill: $gray;
margin-right: .25rem;
vertical-align: middle;
}
}

2
app/modules/epics/dashboard/epics-dashboard.controller.coffee
View File

@ -34,7 +34,7 @@ class EpicsDashboardController
return @rs.projects.getBySlug(@params.pslug).then (project) =>
if not project.is_epics_activated
@errorHandlingService.permissionDenied()
@project = project
@.project = project
addNewEpic: () ->
console.log 'Add new Epic'

5
app/modules/epics/dashboard/epics-dashboard.jade
View File

@ -16,4 +16,7 @@ doctype html
ng-click="vm.addNewEpic()"
)
tg-epics-table
tg-epics-table(
ng-if="vm.project"
project="vm.project"
)

14
app/modules/epics/dashboard/epics-table/epics-table.controller.coffee
View File

@ -20,9 +20,11 @@
module = angular.module("taigaEpics")
class EpicsTableController
@.$inject = []
@.$inject = [
"tgResources"
]
constructor: () ->
constructor: (@rs) ->
@.displayOptions = false
@.displayVotes = true
@.column = {
@ -34,11 +36,15 @@ class EpicsTableController
status: true,
progress: true
}
@._loadEpics()
toggleEpicTableOptions: () ->
@.displayOptions = !@.displayOptions
updateEpicTableColumns: () ->
console.log @.column
_loadEpics: () ->
projectId = @.project.id
params = {}
promise = @rs.epics.listAll(projectId, params).then (epics) =>
@.epics = epics
module.controller("EpicsTableCtrl", EpicsTableController)

4
app/modules/epics/dashboard/epics-table/epics-table.directive.coffee
View File

@ -26,7 +26,9 @@ EpicsTableDirective = () ->
controller: "EpicsTableCtrl",
controllerAs: "vm",
bindToController: true,
scope: {}
scope: {
project: "="
}
}
EpicsTableDirective.$inject = []

12
app/modules/epics/dashboard/epics-table/epics-table.jade
View File

@ -6,7 +6,6 @@ mixin epicSwitch(name, model)
type="checkbox"
ng-checked= model
ng-model= model
ng-change="vm.updateEpicTableColumns()"
)
div
span.check-text.check-yes(translate="COMMON.YES")
@ -90,10 +89,7 @@ mixin epicSwitch(name, model)
)
+epicSwitch('switch-progress', 'vm.column.progress')
.epics-table-body
.vote
.name
.project
.sprint
.assigned
.status
.progress
.epics-table-body-row(tg-repeat="epic in vm.epics track by epic.get('id')")
tg-epic-row(
epic="epic"
)

36
app/modules/epics/dashboard/epics-table/epics-table.scss
View File

@ -4,23 +4,40 @@
.epics-table-header,
.epics-table-body {
display: flex;
.assigned,
.project,
.vote,
.status,
.sprint,
.name,
.progress {
padding: 1rem .5rem;
}
.assigned,
.project,
.vote {
flex-basis: 100px;
flex-basis: 80px;
flex-grow: 0;
flex-shrink: 0;
flex-wrap: wrap;
text-align: center;
}
.status,
.sprint {
flex-basis: 200px;
flex-basis: 150px;
flex-grow: 0;
flex-shrink: 0;
flex-wrap: wrap;
}
.name,
.project,
.progress {
flex: 1;
max-width: 40vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 90%;
}
.progress {
position: relative;
@ -30,12 +47,9 @@
.epics-table-header {
@include font-type(bold);
border-bottom: 1px solid $gray-light;
display: flex;
padding: .5rem;
position: relative;
.epics-table-options {
@include font-type(text);
@include font-size(small);
}
}
.epics-table-options-wrapper {
@ -46,6 +60,7 @@
.epics-table-option-button {
@include font-type(light);
@include font-size(small);
background: none;
.icon {
@include svg-size(.7rem);
@ -54,11 +69,14 @@
.epics-table-dropdown {
background: $white;
border-bottom: 1px solid rgba($black, .1);
border-left: 1px solid rgba($black, .1);
border-right: 1px solid rgba($black, .1);
box-shadow: 3px 3px 2px rgba($black, .1);
padding: .5rem;
position: absolute;
right: 0;
top: 1.25rem;
top: 1.3rem;
width: 250px;
.fieldset {
@include font-size(small);

37
app/modules/resources/epics-resource.service.coffee Normal file
View File

@ -0,0 +1,37 @@
###
# Copyright (C) 2014-2016 Taiga Agile LLC <taiga@taiga.io>
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program. If not, see <http://www.gnu.org/licenses/>.
#
# File: epics-resource.service.coffee
###
Resource = (urlsService, http) ->
service = {}
service.listAll = (params) ->
url = urlsService.resolve("epics")
httpOptions = {}
return http.get(url, params, httpOptions).then (result) ->
return Immutable.fromJS(result.data)
return () ->
return {"epics": service}
Resource.$inject = ["$tgUrls", "$tgHttp"]
module = angular.module("taigaResources2")
module.factory("tgEpicsResource", Resource)

3
app/modules/resources/resources.coffee
View File

@ -27,7 +27,8 @@ services = [
"tgExternalAppsResource",
"tgAttachmentsResource",
"tgStatsResource",
"tgWikiHistory"
"tgWikiHistory",
"tgEpicsResource"
]
Resources = ($injector) ->