Implement Hide/Unhide Project Feature

[entrotech]

Dependency

• Design Mock-up: Allow users to delete/hide projects #1383

Overview

We want users to be able to "hide" (and "unhide") projects that they own. This allows users to filter out projects that are no longer relevant - perhaps because they are obsolete prior versions of projects, or perhaps "what if" calculations that they do not want cluttering their My Project page. Filtering requirements for the My Project page are TBD, but should, by default not list the hidden project, but have the option to include them on the grid, in case the user wants to unhide them.

Action Items

• Create a database migration script that adds a dateHidden column to the Project table in the database. This column will be null for visible (i.e. not hidden projects, and have the UTC datetime that the project was hidden for hidden projects. there is no need to record which user hid or unhide the project, since it is the same as the createdBy user.
• Create a stored procedure called Project_Hide with parameters [id] int, hide bool and loginId int. The array of ids identifies the projects to update. the hide parameter indicates whether to hide (true) or unhide (false) the project, and the loginId must match the loginId column of each or the update should fail and return an error code indicating that the operation is unauthorized.
• Create a Web API endpoint with the path /api/projects/hide and body object. The request body should contain properties ids (an array of integers) and hide boolean. (The loginId parameter for the user should be extracted from the JSON Web token, to avoid tampering.) Add the appropriate methods to the project.controller.js, project.routes.js, project.service.js methods to implement the endpoint and call the stored procedure. This ensures that the request is coming from a logged in user and reliably determines the loginId of the user.
• At this time, it's not determined how many different places in the UI that the hide feature may be called. Start by implementing the feature from the "More..." menu that appears on individual lines of the My Project page design. If the project is hidden, the menu choice should be to unhide, if the project is visible (unhidden), the menu choice should be "Hide from View" as shown in this snapshot from a preliminary wireframe for the My Projects Page:

(This screenshot shows the TEMPORARY implementation of the My Projects Page, which includes icons to indicate if a project is hidden, trashed or snapshotted, since we need a visual indication of the project statuses until we can implement the desired filtering for the My Projects page.)

• You will need to create the client-side service to call the Web API endpoint
• You will need to "wire-up" the service to be called from teh context menu mentioned above. This might be via the useProjects Hook, or by directly calling the service method from the ProjectsPage.js component.
• We anticipate that it might also be desirable for users to be able to hide/unhide multiple projects at once (hence the above convention to pass an array of (project) ids to the web api endpoint. To do this the selected projects must all have the same hidden vs visible status, so the same operation will be performed on all selected projects. This is NOT part of this issue
• It may also be desirable to show somewhere on the Project Wizard if a project is hidden or visible and maybe to provide a button to hide/unhide from the wizard. This part is NOT part of this issue

Resources/Instructions

• Related Design Issue Design Mock-up: Allow users to delete/hide projects #1383
• My Project Page Design Issue Design Mock ups for my project page #1386
• Create a more modal on my projects page #1388
  Icons to use:
  Font Awesome eye and eye-slash from the free solid @FortAwesome collection.
  

[Biuwa]

@joelfuelling

Please provide update

Progress: "What is the current status of your project? What have you completed and what is left to do?"
Blockers: "Difficulties or errors encountered."
Availability: "How much time will you have this week to work on this issue?"
ETA: "When do you expect this issue to be completed?"
Pictures (if necessary): "Add any pictures that will help illustrate what you are working on.

[joelfuelling]

Hi Ebi, Please see below. Progress: "What is the current status of your project? What have you completed and what is left to do?" - Minimal, see below. Blockers: "Difficulties or errors encountered." - I have had development environmental issues, env. credentials not being updated, new site URL being created and not knowing it right away, stuff like that over the last few weeks. There's also a "bug" where you have to log out and then log back in to view your saved projects... I was unaware of that and it set me back multiple hours, basically most of a week's worth of time I can allot to the project. - John gave us the correct environment stuff and I hope to get it up to speed using those. - I've also been on vacation the last week. So, I've yet to actually get the environment running where I have it set to code the hide/un-hide feature. - I'm also in the process of 3 early-stage job interviews! So,* those are taking priority over everything else* as I communicate with the hiring teams and prep with the time I've had coming back from vacation. *- I'm debating stepping away from H4LA because of the number of potential roles I have in front of me and I really need to get a job...* *Availability: "How much time will you have this week to work on this issue?"* *- 2-3 hours.* *ETA: "When do you expect this issue to be completed?"* *- Hopefully by November.* Pictures (if necessary): "Add any pictures that will help illustrate what you are working on. - n/a

…

On Thu, Oct 12, 2023 at 2:23 PM Ebi Imafidon ***@***.***> wrote: @joelfuelling <https://github.com/joelfuelling> Please provide update Progress: "What is the current status of your project? What have you completed and what is left to do?" Blockers: "Difficulties or errors encountered." Availability: "How much time will you have this week to work on this issue?" ETA: "When do you expect this issue to be completed?" Pictures (if necessary): "Add any pictures that will help illustrate what you are working on. — Reply to this email directly, view it on GitHub <#1435 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6LUKSLKS5THN724PHNZWP3X7A7RRANCNFSM6AAAAAA354IZUA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

-- - Joel Fuelling