[infinispan-issues] [JBoss JIRA] (ISPN-6124) List of caches is sometimes visually corrupt

[Jiří Holuša (JIRA)]

    [ https://issues.jboss.org/browse/ISPN-6124?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13197705#comment-13197705 ] 

Jiří Holuša commented on ISPN-6124:
-----------------------------------

[~vblagojevic] Hi Vladimir, I found the root cause of this issue. In the cluster-view/cluster-view.html, there is the div with ng-repeat directive to list the caches according to filters:
{code}
<div class="col-xs-6 col-sm-4 col-md-2" ng-repeat="cache in filtered = (currentCluster.getCachesAsArray() |
      filter: {name: searchNameQuery} | cacheTrait:traitCheckboxes | cacheType:typeCheckboxes)" ng-show="cache.show" on-finish-render="matchHeight()">
{code}

The thing that makes all the boxes the same height is the matchHeight() function. The bug is that this method is not called after every change of the filters. It is called after the first load of the page. I also tried to click on the filters (cache types) and I don't know but I cannot find any deterministic reason when the method is called then. Sometimes it's called after clicking "Invalidation" with checked "Local", sometimes not, I don't know. The key thing in here is that the matchHeight() must be called after filter change and re-rendering the cache list.

Unfortunately my AngularJS knowledge ends here, I don't know how to solve it, but I think it will be fairly easy for you, you just need to find out the right place, where to put it :)

> List of caches is sometimes visually corrupt
> --------------------------------------------
>
>                 Key: ISPN-6124
>                 URL: https://issues.jboss.org/browse/ISPN-6124
>             Project: Infinispan
>          Issue Type: Bug
>          Components: Console
>    Affects Versions: 8.1.0.Final
>            Reporter: Jiří Holuša
>            Assignee: Jiří Holuša
>         Attachments: Snímek z 2016-01-29 11-37-21.png
>
>
> Page: Cache -> select some container -> list of caches
> Under certain circumstances, the cache cards are wrongly aligned, see the screenshot in attachments. I think it's because those two caches on the right don't have any icons below the cache type, making the box smaller.
> The solution would be to assign fixed height, since it can be predictable or add a "clearing" div after each row, I guess.



--
This message was sent by Atlassian JIRA
(v6.4.11#64026)