jh1ller / csgo-stratbook Goto Github PK

• Click on Side / Type Icon on Strat will set Filter accordingly

Bundle doesn't load because Safari doesn't support lookbehind RegEx operators.
https://stackoverflow.com/questions/51568821/works-in-chrome-but-breaks-in-safari-invalid-regular-expression-invalid-group

Possible fix: https://stackoverflow.com/a/7376612/4118317

• G+ Auth
• Twitter OAuth
• Steam Authentication

Team managers have granular control on who can edit strats, utilities, etc.
This could be extended to control all CRUD operations individually.
Permissions are grouped into roles.

Current state:

• 2 Roles (Team manager & normal user)
• Only team manager can edit team details & kick players

Planned state:

• More roles (maybe maintainable by team manager)
• Roles have different permissions for:
  • Add, delete, edit strat
  • Add, delete, edit utility
  • Edit team
  • Kick players
  • Lock strats (see #8)
  • Have badges (maybe even custom made ones)

Describe the bug
When an SVG file is selected as a team logo in the "Edit team" window, the logo does not update after being saved. The team logo remains unchanged.

To Reproduce
Steps to reproduce the behavior:

1. Go to "Edit team"
2. Click on "Browse"
3. Choose an SVG file from your system
4. Click "Save"
5. Notice that the team logo remains unchanged

Expected behavior
After selecting and saving an SVG file as the team logo, the logo should update to reflect the new selection.

Additional context
It seems that SVG files are not being processed correctly when selected as the team logo. The ability to use SVGs as team logos would be a valuable feature due to their scalability and the prevalence of SVGs in logo design.

https://get.foundation/emails/getting-started.html

• Strat can be Force AND Buyround AND Pistol

Hi

Are this or will it be on Dockerhub by any change soon?

Will there be support for local data storage, other than AWS ?

Highlight time-stamps in the StratEditor.

Given the sentence:

"We execute towards A at 1:12"

Here, the 1:12 should be highlighted, similar to the mention and utility link highlighting.
(optional) Little clock icon next to the time-stamp

• User can add timestamp of linked youtube video to strat content
• Click on timestamp opens video at timestamp

• Replace fabricjs with konvajs
• Add flash and nade icons
• Add arrows
• Consider: make Map larger (maybe use full available screen space)

Most uploaded screenshots will be have an image ratio of 16:9.
We should consider to enforce the desktop view of the utility lightbox around this ratio for a more consistent experience.

Most of the current icons are from the fontawesome icon library.
Other, less generic icons like the mousebuttons, the "running", "standing", "crouching" icons etc, are self drawn PNGs which is not optimal -> design- and performance-wise.

Expected state:

• replace custom icons with vector-based SVG icons
• (optional) fit the design language of the fontawesome icons

Instead of using the underlying stratid for the share link and setting shared: true in the strat object, it would be better to have a dedicated shareStrat endpoint that generates a uuid and adds it to a "shareId property on the strat.

from:
_id: 12345
shared: true
// share link -> .../share/12345

to:
_id: 12345
shareId: xxxx-xxxx-xxxxxx-xxxxx
// share link -> .../share/xxxx-xxxx-xxxxxx-xxxxx

When a team is created, there are example strats and utilities already added, to showcase how these might (or should) look.

Strats and utilities can be sorted by different properties, e.g.:

• name (alphanumerically)
• date added
• date modified

They can also be sorted ascending and descending.

Also allow manual sorting via "sort" property on strats and utils and vue-draggable.

• add "Strat" to / menu
• Click on linked strat should somehow display or navigate to strat

The backend is currently written in the express framework with vanilla js.
To prevent bugs and runtime errors the plan is to rewrite the whole thing in the fastify framework with typescript

• Core migration
• Authentication/Authorization
• Database
• Frontend Migration
• Existing Data Migration

Changes

• change JWT to cookie based session handling
• add captcha bot check to registration (Evaluate https://www.mtcaptcha.com/ as an recaptcha replacement)
• checkout if we need to create indices on lookup eg. email fields inside our schemas

Runtime improvements:

• Delegate compression, rate limiting, SSL handling/redirect to reverse proxy (compression, express-rate-limit)
• Static file serving through reverse proxy

Docker improvements:

• Evaluate minio support for S3 emulation (required for unit testing).

Proposes

• Add video redirection prompt so users know they are leaving stratbook.
• Rewrite emails with mjml https://mjml.io/

When editing a profile or a team and fields are left empty, they are simply not updated.
This way it's currently not possible to clear them completely.
The server should clear a field in the DB when an empty field is received.

• Button on strat that toggles Lock
• Some indicator showing if strat is currently locked
• Locked strats are not collapsed when clicking "Collapse all"

Consider #8 when creating UX for this as there might be an overlap

Would it be possible to add folders to the grenades tab, so one can sort the grenades into categories?

• Serialize strats to JSON
• Include meta data like app version to allow import even after API changes
• Save content to file, maybe encode as base64 or binary
• Button to import strats, either add or replace existing

Some users report that strats appear twice after they have been added.

TODO: find out when this is happening to reproduce and fix it:

• browser
• OS
• internet speed?

• Save filterstate via storage adapter when changed
• Load filterstate from storage adapter when app is bootstrapped

Add localization via vue-i18n

Current state:

• On every change to the database, the relevant clients get an event with the affected strat / team ID. They then make a request to fetch all strats / steps or team data again with a query to the db every time, creating an unnecessary performance impact

Expected state:

• Get relevant change data from change stream and find and update only this data in client state, without making a new request.

Is your feature request related to a problem?
When uploading a team logo in the "Edit team" window, users are currently unable to crop their image. This can result in team logos that do not fit well in the allocated space or do not focus on the desired part of the image.

Describe the solution you'd like
Implement a cropping feature for the team logo selection. When a user uploads a team logo, they should be able to select a specific area of the image to use as the logo. The cropping tool could include options to adjust the aspect ratio and the position of the cropping box. After the user confirms their selection, the cropped image should be used as the team logo.

Describe alternatives you've considered
An alternative solution could be to provide guidelines on the optimal image dimensions for the team logo. However, this places the onus on the user to edit their image before uploading, which may not be ideal for all users.

Additional context
This feature would enhance the user experience by providing more control over the appearance of team logos. It would also ensure that all team logos look good in the allocated space, regardless of the original image size or aspect ratio.

In the app all font style declarations currently look like this:

.class {
  font-family: $font_ubuntu-bold;
  font-size: 1.4rem;
  color: $color--abbey;
}

It would be cleaner to refactor this into a set of typography mixins like so:

@mixin typo_hl5($color: $color--abbey) {
  font-family: $font_ubuntu-bold;
  font-size: 1.4rem;
  color: $color;
}

.class {
   @include typo_hl5($color--white);
}

• Move from Splitbee to Google Analytics

It might be nicer UX-wise when the main menu drawer closes after clicking one of the navigation links

Currently empty lines are automatically removed from strats on save by the html sanitizer. We can make an exception for
tags to allow empty lines.

Currently route guards and resolver logic is awkwardly mixed into the same functions. This needs to be seperated to prevent bugs and to make them more maintainable.

I'd like to request the ability to use csgonades in the 'video link' field when Adding Utility.

csgonades is the most popular community tool for learning/sharing nade lineups.

Since youtube videos often come as compilations of multiple nades per map, and the video cannot be trimmed to only show the one utility per entry, I believe allowing videos from this site will be a huge help for organization and reference.

It would be nice to have a calendar component on the teamview, that displays season start dates of different leagues, tournament start times and so on.
These would be authored by the stratbook maintainers, but this could also be an addition to a calendar component that teams can manage their appointments in.

• Delete requests should only add a "deletedAt" field to the mongo document
• Every response needs to filter out documents with deletedAt field set
• This also enables change streams to get more info about "deleted" documents

• String property "setpos" command for utilities
• Manageable in create and edit
• Some default icon if no screenshot/yt video in util
• Some easy way to copy setpos string from util view

Hi,

nice tool. We start to like it a lot! When I upload an image from csgo (I play 4:3) then it is zoomed in when I open the screenshot on stratbook when I view it on my 16:9 monitor. This way I cannot see the edges of the screen. So maybe instead of zooming in, fill with black bars? Example below:

old:

new:

• Strats can be locked
• Locked strats can not be edited/deleted, steps can't be edited, added or deleted
• Maybe: only team manager can lock/unlock strats
• Maybe: locked strat is indicated by a "Lock" icon

• Unify all colors and change them from scss variables to css variables
• Set -dark / -light toggle class on root element
• Add theme toggle -> Page corner or profile page

• Add game_state_integration_stratbook.cfg installation process in NSIS

Currently, a description can already be added when creating a utility item.
This description should be displayed somewhere, most likely in the lightbox.