The vislit from ste163

Project Column - Select/Active view

Displays list of html files that can be edited, deleted, or made backup copies of

mockup

Feature - Warning Modal for Type Delete

Add the warning modal that shares same format as the Project delete modal

In the modal shows a list of all projects that have that type. If there are projects related to that type, user is unable to delete the type (delete button is grayed out)
Can delete type only when all linked projects to that type are 0

Refactor - BaseButtonToggle.vue to be more similar to BaseButtonClick.vue; less code & more efficient

Goals - UI

UI
Create a new goal form that shows the goal inputs on the left and the Goal Log on the right

Form with input
Form shows log of all non-active goals in Goal Log
Can update Goal, which adds a new active goal and displays old goal in log
Can delete goal from goal log
Can set goal as completed

Chore - Replace Lodash with ES6 methods

Lodash is unnecessary with the latest ECMA script.

Remove it from the following:

Chore - refactor projectRepository

Check for database.db.data !== null at an earlier stage so I can remove those checks from the code

Update tests

Chore - add dateCreated to Types + update tests

added dateCreated to interfaces & controller
updated tests to ensure dateCreated actually is added

Chore - ensure always trimming & lowercasing data coming in from frontend

Best to do this manually at the individual level for now until a pattern arrives (most likely there will not be a pattern as the amount of user input is so small)

On Controller
Project

Trim project titles and descriptions, do not normalize
Update tests to ensure this works (add an un-trimmed title and description and check that they're trimmed)

Type

Normalize (all lowercase)
Trim
Update tests to ensure normalized and trimmed

Projects - list all projects & allow for selecting

Bug - Before deleting a type, check to make sure no projects are linked to it.

On the backend, check to ensure that before you delete a Type, that there are really no Projects with that type.

This occurs at the Repository level, then throws the error up to the controller and back to frontend -> this error should never occur, but it is possible the frontend modal could fail for some reason, and I don't want to corrupt the database

Added check
Updated tests

Document Writer - allow for saving as HTML files

Need frontend & backend tests

When opening app, try to create dir called Projects
When creating a new project, create a directory with only id, because if a projectTitle changes, I don't want to have to recursively rename every file. That's just a bad idea
When saving the html, for that project, take the projectId, go to that project's dir (make it if it hasn't been), then write a file with date in a human-readable format-projectNameWithoutStrings
Add tests & update tests for fileSystemController

{
   projectId: "uuid string" -> so we know which directory to save under
   html: "string of all html", -> the file we'll be writing to disk
   dateCreated: new Date() -> what we'll use to create the file name `${dateCreated}-${projectId}`
}

Add backend Jest tests for projects & convert tests to TS

Forms - Create inputs based on Mockup

Feature/chore - UI - tests for each View

Chore - move interfaces/models into file. Database includes the Database interface, etc.

Project Create - after creation, route to that project

Review ERD - once project is setup

Forms - back button component

Formatter/Linting - Add Prettier, update ESLint

Setup project with Vue 3 & TypeScript

Forms - Submit button component

Document Writer - auto-save

UI

Show icon for auto-save
Spin when saving
Save every 15 or so seconds after stop typing

API

Write to the currently open document

Chore - Project dateModified updates when saving/creating HTML writing project or Note

As a user who is writing & saving HTML files, when I hit "save", I also want the Project's dateModified to be updated to reflect I made a change to this project

Whenever an HTML file is created, update the Project's dateModified
Whenever an HTML is saved/updated, update Project's dateModified
Whenever an HTML is deleted, update Project's dateModified

Search Controller - add & add to tests

Composable/Helper - LocalStorage save/read

Local storage for reading/saving last opened project

Need 1 or 2 functions, that allow for reading an item from localStorage when state is instantiated & writing to localStorage when settings change

Decide on open source license

Vite - Experiment with creating the project with Vite & me maintaining the Electron build -> removes need for CLI & Vue Electron Builder project

Projects - Types -> dropdown select w/ creating & removing of new types

UI

Drop down/select w/ ability to add or remove types
Display all available types
Allow types to be deleted -> as long as they're not linked to a project already. Throw error if trying to delete a type that is linked to a project
Allow for adding types

API

Get all types (handful of pre-defined) -> sorted alphabetically
- Novel
- Novella
- Memoir
- Short Story
- Poem
Add type

Goals - API

API

Chore - Remove references to Lexicons as those are post-MVP

Removed all references to Lexicon, including Icons from app. "You Ain't Gonna Need It" -> at least for a few months

Modal - create, either with the new teleport or global state or mix of both

Chore - global state for project types w/ a single global getTypes to reduce code duplication

This get-types will fetch when the app mounts

Add getTypes() as a method to the ApplicationStore
Add global state for all types
Add initial fetch when App.vue mounts

Chore - Project's fetch returns related Type

Project object returns related Type object
Update tests to ensure this works

Project's require a type, so a type should always be present.

However, need to think more on how I'll be deleting types -> out of scope for this ticket

Setup backend for Projects

Column Resizing - track & set max width for drop zones & columns based on dashboard width and window width

Vee-validate - implement for Project Form

Toasts - custom toast notifications

With the new Teleport API in Vue 3, look into making custom toast notifications

Document Writer - allow for loading a saved file

Need visual for what files are available to load,
then load them onClick

by default, loads most recent

-> this becomes the Selected File which will be the one we write to. Will need to update its file name accordingly.

Ie: I open a file on 2021-01-01 that's from 2020-12-30 and start making changes. Whats the file name?

Can add progress
Can update progress
Can delete progress
Can get all progress by project id (NOT connected to the Project object) and by month + year
Can get progress for today's date to display on summary page

Note:

Get all Progress for projectId & date range
Being able to see ALL progress is not going to be a thing until later
Store all dates as UTC, new Date(). Problem is connecting those new Date() for the month. Save them as UTC dates?

https://stackoverflow.com/questions/13146418/find-all-the-days-in-a-month-with-date-object#13146828

Testing - Attempt to setup using Spectron

Will not be using Spectron. It doesn't work with the Vue CLI, and I'm hoping to switch to Tauri when that's finally stable.

ste163 / vislit Goto Github PK

vislit's People

Contributors

vislit's Issues

Recommend Projects

Recommend Topics

Recommend Org