Boards invisible by default

[JEricaM]

Hi. Since I have a lot of boards in my Trello account and the loading process it's slow, I would like that all the boards are hidden by default and if I go to settings I see:

Where I can decide which boards I want show in my calendar.

I checked the code but i don't understand how I could do that because I don't understand where the board visibility it's set by default.

How can I achieve this?

Thank you

[JEricaM]

I've found the solution to my issue. It's easy!
into selects.ts
change card => !settings.boardVisibilityPrefs[card.idBoard]
into card => settings.boardVisibilityPrefs[card.idBoard]
(delete the !)
In this way when you I login into calendar I don't see any card and into "settings" I can select which board I want see and which I don't want.

[CanKattwinkel]

Hi, sorry for the late response. Could you tell me why you want to disable all boards by default?

Is the calendars performance bad? In that case it would in fact be better if the calendar hides all boards by default. Or is it to annoying to disable so many boards? In that case maybe a button "Disable All" in the settings would help.

If it is a performance issue, please let us know how many boards/card you have and how bad your user experience is due to that. We'll figure out a solution that is acceptable for all users.

[JEricaM]

I wanted to hide all the board by default because the organization where I work have more than 30 boards and more than 300 cards so a lot things to load and a lot of cards in the same day, so the calendar it's very very crowded.

The initial idea was to put a "disable all" button in the settings like you said, I tried it but I'm not able to do it because I'm a newbie with angular and I haven't understood yet how the components work and how they are grafted together for the passage of parameters from a component to another.

For example, I tried to put a checkbox into settings.component.html so I can pass the checkbox value to edit-board.components.ts but edit-board.components.ts have as a selector only app-edit-board so If I put the checkbox outsite app-edit-board (and I can't put the checkbox here because it's the board list) I'm not able to pass the check value..

Example (settings.components.html):

<md-card-content>
    <md-checkbox md-no-ink aria-label="hide" [(ngModel)]="checked" (ngModelChange)="updateCheck($event)"> Hide All</md-checkbox>
    <md-list dense>
      <md-list-item *ngFor="let board of boards">
        <app-edit-board [board]="board"></app-edit-board>
      </md-list-item>
    </md-list>
  </md-card-content>

I'm able to retrieve the checkbox value inside settings.components.ts but not to pass it to edit-board.components.ts

So I'm stuck here becase I'm still trying to figure it out and for now I think I will disable by default all the boards like I did. But I'll try again with the checkbox as soon as I can because it's the best way to reach my goal.

I hope I've explained everything clearly.

Thank you and have a good day

Erica

[JEricaM]

Hi, sorry if I up this question but I saw that the "solution" that I've explained before, that involve change
card => !settings.boardVisibilityPrefs[card.idBoard]
into card => settings.boardVisibilityPrefs[card.idBoard]
don't works properly because in this way Trello do the api calls anyway and I would like to start the plugin without any board loaded and any api call.
So I think that there is a different way to resolve this "issue" but I'm not able to understand how.