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

Fix issue related to limit height in custom fields

stable
Xavier Julián 2016-09-19 10:37:40 +02:00 committed by David Barragán Merino
parent c55657f72e
commit adaab29768
3 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/coffee/modules/common/custom-field-values.coffee
View File

@ -112,31 +112,23 @@ CustomAttributesValuesDirective = ($templates, $storage) ->
link = ($scope, $el, $attrs, $ctrls) ->
$ctrl = $ctrls[0]
$model = $ctrls[1]
hash = collapsedHash($attrs.type)
$scope.collapsed = $storage.get(hash) or false
bindOnce $scope, $attrs.ngModel, (value) ->
$ctrl.initialize($attrs.type, value.id)
$ctrl.loadCustomAttributesValues()
$el.on "click", ".custom-fields-header .collapse", ->
hash = collapsedHash($attrs.type)
collapsed = not($storage.get(hash) or false)
$storage.set(hash, collapsed)
if collapsed
$el.find(".custom-fields-header .icon").removeClass("open")
$el.find(".custom-fields-body").removeClass("open")
else
$el.find(".custom-fields-header .icon").addClass("open")
$el.find(".custom-fields-body").addClass("open")
$scope.toggleCollapse = () ->
$scope.collapsed = !$scope.collapsed
$storage.set(hash, $scope.collapsed)
$scope.$on "$destroy", ->
$el.off()
templateFn = ($el, $attrs) ->
collapsed = $storage.get(collapsedHash($attrs.type)) or false
return template({
requiredEditionPerm: $attrs.requiredEditionPerm
collapsed: collapsed
})
return {

19
app/partials/custom-attributes/custom-attributes-values.jade
View File

@ -1,8 +1,17 @@
section.duty-custom-fields(ng-show="ctrl.customAttributes.length")
div.custom-fields-header
.custom-fields-header
span(translate="COMMON.CUSTOM_ATTRIBUTES.CUSTOM_FIELDS")
// Remove .open class on click on this button in both .icon and .custom-fields-body to close
a.collapse(href="", class!="<% if (!collapsed) { %>open<% } %>")
a.collapse(
href=""
ng-class="{'open': !collapsed}"
ng-click="toggleCollapse()"
)
tg-svg(svg-icon="icon-arrow-down")
div.custom-fields-body(class!="<% if (!collapsed) { %>open<% } %>")
div(ng-repeat="att in ctrl.customAttributes", tg-custom-attribute-value="ctrl.getAttributeValue(att)", required-edition-perm!="<%- requiredEditionPerm %>")
.custom-fields-body(
ng-show="!collapsed"
)
.custom-attribute(
ng-repeat="attr in ctrl.customAttributes"
tg-custom-attribute-value="ctrl.getAttributeValue(attr)"
required-edition-perm!="<%- requiredEditionPerm %>"
)

8
app/styles/modules/common/custom-fields.scss
View File

@ -13,10 +13,12 @@
}
.collapse {
display: block;
transform: rotate(-90deg);
transition: .1s ease-out;
}
.open {
transform: rotate(0);
}
}
.custom-fields-body {
@include slide(1000px, hidden, $min: 0);
}
.custom-field-single {
border-bottom: 1px solid $whitish;