abhaychandel/drool-vue-client

Drool Vuejs web application

drool-vue-client's Issues

Fix application bar for non mobile sizes

Following needs to be done

• The search bar

• Add "New Post" button

• Login/Join Drool button appear despite user logged in.

Implement auth token management

• Persist auth token, so it is available on page refreshes

• Invalidate auth token, when user logs out.

Sign up form: Username available check

Add divider below the reply card user profile section

Create Login and Join pages

Fix menu links

Following links were not defined at the development. So these need to be fixed once these modules are developed

App Bar & Menu Drawer

• My Profile

• Account settings

Create UI for posting new discussion topic

As of now the idea is to create a new dialog with form for posting new discussion

• UI for user input

• Validation of user input

• REST call to server to save the data

• Forward user to the created discussion page

Save logged in user's details in store

Following needs to be saved as part of user's details

• User's Id
• User's Username

Fix the error page

As of now we need to handle two things

1. Currently there is a default error page provided by Nuxt. Customize it for the application.
2. Empty page is displayed when page not found. We need to either show an error page or redirect user to some other relevant page.

Add Topic reply functionality

Following will be implemented

• If user is not Logged in, clicking the reply button a pop should show asking user to login or Sign up.
• If user is Logged In, a text area should appear where user should be able to write reply and post.

Once the user has posted a reply following should happen

• Reply should appear at top of all the other replies
• Reply count should increment

Add missing fields for Question card

Validation not triggered for Product tagging combobox

Impacted Issue #58

Fix Menu drawer Login Join links not working

Implement post comment on video

• Implement front end code i.e form to post new comment and add it to the top of the list with comment count incremented.

• Implement code to make rest to call to save the comment and then pass the response to comment list.

Adjust Discussion view Number change to String

Earlier Number types on were passed to the Vue client as it is. Now, everything has been converted to String.

Therefore, types for those number fields need to be changed in Vue app as well to String.

Save video like to server

Make a REST call to save the like on server

Fix video page when no query parameter is passed

Fix Vuex state lost on page refresh

Currently the state in Vuex is lost when URLs are accessed

• Directly(non Vue links)
• Page is refreshed from broswer

State should not be lost.

Implement Post dialog template

As part of the this issue following will be implemented:

• A Post button will be created on the App bar with following options

• Review

• Guide

• Discussion

• A central dialog for posting review, guide or discussion will be implemented. It will be opened from Post button on the app bar. Component displayed in the dialog will be as per the option clicked under Post button.

App bar view change for logged In users

Currently the App bar do not respond to user logging.

Instead, once the user is logged in

• Login and Sign Up buttons should not be visible
• User avatar and Notification bell should be visible

And vice versa once the user logs out

Fix discussion page when no discussion not found

Create Application Nav bar

Error Handling

Following error scenarios need to be handled

• #92 (Network errors)

Discussions

• #63 (Fix discussion page when no discussion is found)

Videos

• #60 (Fix video page when no video id is passed)

Implement product tagging

This will work similar to how mentioning issues here in github works. Following needs to be done for this feature

• fetching product list from backend server

• Saving in local storage

• Implement search logic(with fuse.js)

• Integrate with ProductTagging component

• Also, there is a known bug #65

On discussion page clicking on username should take to user profile

Toggle video comment like

• Front end UI behavior

• Make REST call to save the comment like on server

Create video page

Following issues need to be completed part of this feature

• Issue #42 (Build video page template)

• Issue #44 (Toggle video like button)

• Issue #45 (New comment)

• Issue #47 (Toggle comment like)

• Issue #48 (View video comment list)

• Issue #71 (Create video edit page)

Implement video comment list view

Following needs to be done

• User should be able to view all the comments previously posted on the video.

• Make REST call and fetch video comment data from server

Adjust show more button for small description

Currently SHOW MORE button is shown irrespective of whether the content exceeds the preview or not. Configure SHOW MORE button to show only when description content is more than the preview.

Create video edit page

• Create video edit template

• Make REST call to save edits

Create Discussion page

Sub issues

• #12

• #14

Fix design for screen size Medium and above

Currently for each break point

1. 960px(medium)
2. 1264px(Large)
3. 1904px(Extra Large)

On just passing the break point the content expands to maximum width of the screen. With further increase in the screen size the content remains the same but the space around content keeps on increasing.

Menu drawer logged in logic not working

For logged in user menu

Video page fixes

• Set max-width for "Edit Video" button and align as per meta fields

Build Profile page's Video section

Create Profile page

• Link to profile page from UserMenu.

• #80 (Profile page layout)

• Build profile info section.

• Build User activity menu.

• #81 (build video section)

Add data dynamically to Discussion page

Build video page template

Show Login/Sign Up popup for secured actions

As of now an unauthenticated user can perform all actions like reply, like etc. This should not be allowed and following should be the use case

1. If unauthenticated user performs an action that require user to be authenticated then a pop should appear for user to log in or sign up.
2. If user is authenticated user should be allowed to perform the action.

Video description Show Less not working

Build profile page layout

Open snackbar from a centralized location for page errors.

Toggle video like

Close this issue once

• issue #51 is closed.

Centralize code for opening Login/Signup dialog for secured actions

• The idea is to open Login/Signup dialog from a centralized location if user performs an action that is allowed only to authenticated users. For now this centralized location can be the app-bar since it is present on all pages.

• Open snackbar from a centralized location for page errors.

Create dialog to post new Guide video

• UI for user input

• Validation of user input

• REST to call to server for saving data

Fix New discussion reply created with active false

A new discussion reply is created with active status set to false.

It should be true.

Implement Like Unlike for Discussion page

For Discussion topic and reply implement the following functionality

Like count should toggle

1. On first click the like should increment by 1.

2. On second click it should decremented by 1.

And the request should be sent to server accordingly.

• For Topic

• For Reply

Increment Views for Discussion and Video pages

Create Post dialog card for posting text and video review

• UI for capturing user input for text and video review

• Validation of user input

• REST call to server to save the data

Fix empty message for Login/Signup dialog