Three points to notes roles

[MRegnard]

Hi again!

Since some days, I am working on a change for my local copy of clocktower.online, and this change will allow adding some roles next to the bluffs, to take any note. I want these roles to have a night order. Then, for ST, it could be useful for example

• with the Apprentice, to note its ability without bias the count of travelers at the center of the page
• with the Atheist, to decide which evil roles are simulated, and stick to it
• with the Plague Doctor (main reason of why I am trying this), to note Storyteller's role
• ...

I start to be very proud of what I gave, and now I have only to change some visual points. And for this, I have three questions:

1. I added a boolean (called "isNotesOpen") in data, in Townsquare.vue. Which import do I have to do to access to this boolean in players.js?
2. Where the night order bubbles are printed (which file)?
3. And as the same way, where are coded reminder tokens?

Thanks in advance!

[bra1n]

1. I added a boolean (called "isNotesOpen") in data, in Townsquare.vue. Which import do I have to do to access to this boolean in players.js?

VueX can't access data properties from components, it has to be the other way round. You'd have to add a property in players.js and could then access it in a component like Townsquare.vue.

2. Where the night order bubbles are printed (which file)?

https://github.com/bra1n/townsquare/blob/develop/src/components/Player.vue#L25

3. And as the same way, where are coded reminder tokens?

https://github.com/bra1n/townsquare/blob/develop/src/components/Player.vue#L178

[MRegnard]

Wow! I made some tests and I have so many questions after it!

1. OK, what I was trying is impossible, so I have to do the contrary: create a boolean in player.js, and Townsquare.vue must access to this boolean. How do I import it in Townsquare.vue? I tested so many possibilities, I searched so many questions on forum, I clearly don't understand how work relative paths in VueJS.
2. If I would like to separate a bit more the three bluffs, adding space between them, how can I do that? I tried with left or padding-left, but each time CSS seems to consider these circles as one object, so I can change space before the first one or after the last one, but not between two of them. Or sometime, adding a space to the left, this make the circles smaller. I ask this because, printing the night order on my role notes, I saw they were too near to make this readable. And since their code is really similar to the bluffs...
3. What is the line 178 in Player.vue? Is the print of reminder token? The possibility to add a token?
4. While we talk about reminders token, I suppose somewhere in the code it is specified that the tokens must be the tokens for roles from player, bluffs and fabled. Where is it? I must add some other more tokens.

Sorry for taking your time.

[bra1n]

1. this is beyond what I can offer in assistance here. I think I'm already spending too much time on this project, so you'll have to figure it out yourself. There are a lot of examples in this project where a VueX state is used in a component. Here's the doc for this: https://vuex.vuejs.org/guide/state.html#getting-vuex-state-into-vue-components
2. One option would be to add a CSS gap to the .bluffs ul.
3. Yes, line 178 and following renders the reminder tokens for each player, including the extra reminder token that is used to add new ones.
4. The available reminder tokens for a player are generated here, for the ST to select: https://github.com/bra1n/townsquare/blob/develop/src/components/modals/ReminderModal.vue#L53

I'm sorry if future replies from me will take more time, but I'll have to focus on other tasks and can't spend that much time on this project, plus I think you should be able to figure out most of this stuff on your own in time. ;-)