Page MenuHomePhabricator

Display user enabled functionalities
Closed, ResolvedPublic

Assigned To
Authored By
Gopavasanth
Mar 6 2021, 11:30 AM
Referenced Files
F36687801: Screenshot 2023-02-03 at 03.10.45.png
Feb 2 2023, 9:43 PM
F36563249: Screenshot 2023-01-31 at 11.06.33.png
Jan 31 2023, 5:38 AM
F36535311: Screenshot 2023-01-28 at 01.21.50.png
Jan 27 2023, 7:52 PM
F34167310: image.png
Mar 18 2021, 6:17 AM
F34157194: image.png
Mar 13 2021, 9:52 AM
F34156196: localhost_3000_ (6).png
Mar 12 2021, 10:28 PM
F34156165: localhost_3000_ (4).png
Mar 12 2021, 9:50 PM
F34140085: image.png
Mar 6 2021, 11:30 AM

Description

Display user enabled functionalities to guide users with all the functionalities he/she enabled to edit the video. Let's say if user enables Trim + Crop + Rotate. Display a message on screen saying. Enabled Trim, Crop and Rotate.

Event Timeline

Hi @Gopavasanth , should I align "Features Enabled : " at center ?

localhost_3000_ (6).png (638×1 px, 536 KB)

Hey @Sandyabhi, How about something like this?

image.png (254×419 px, 22 KB)

Numbers have to show only if any features are enabled else it should disappear.

Change 671583 had a related patch set uploaded (by Sandyabhi; owner: Sandyabhi):
[labs/tools/VideoCutTool@master] Add the feature enabled beside Step-2 title

https://gerrit.wikimedia.org/r/671583

Change 673185 had a related patch set uploaded (by Sandyabhi; owner: Sandyabhi):
[labs/tools/VideoCutTool@master] Add the feature enabled beside Step-2 title

https://gerrit.wikimedia.org/r/673185

Change 671583 abandoned by Sandyabhi:
[labs/tools/VideoCutTool@master] Add the feature enabled beside Step-2 title

Reason:

https://gerrit.wikimedia.org/r/671583

Hey @Sandyabhi

Good work! Couple of suggestions:

  • If I tap on Rotate Video for 4 times it automatically, enable undo button but this still displays 1 where it has to disappear, see image below.
    image.png (391×652 px, 30 KB)
  • How about making it look similar to mock: T276665#6910578 i.e adding circular background color to the integer? Makes more sense and understand this concept right?

Hey @Sandyabhi How about how about moving this inline styling to className="numberCircle"?

And changing little bit in src/App.css to adjust the CSS as to appears decent in both light mode and dark mode?

.numberCircle {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding-right: 8px;
  padding-left: 8px;
  border: 0.5px solid;
  text-align: center;
}

Change 673730 had a related patch set uploaded (by Sandyabhi; owner: Sandyabhi):
[labs/tools/VideoCutTool@master] Add feature enabled beside Step-2 title

https://gerrit.wikimedia.org/r/673730

Change 673185 abandoned by Sandyabhi:
[labs/tools/VideoCutTool@master] Add the feature enabled beside Step-2 title

Reason:

https://gerrit.wikimedia.org/r/673185

Change 673730 abandoned by Gopavasanth:

[labs/tools/VideoCutTool@master] Add feature enabled beside Step-2 title

Reason:

Thanks for your patch, Source code is changed a lot so please feel free to rework on the new code.

https://gerrit.wikimedia.org/r/673730

Screenshot 2023-01-28 at 01.21.50.png (286×1 px, 104 KB)

Here's how it looks, how and where should I submit the PR regarding this?

Screenshot 2023-01-28 at 01.21.50.png (286×1 px, 104 KB)

Here's how it looks, how and where should I submit the PR regarding this?

It seems a bit mystery meat right now, maybe we can add it as part of the button ? (Preview <number> of features)

Screenshot 2023-01-28 at 01.21.50.png (286×1 px, 104 KB)

Here's how it looks, how and where should I submit the PR regarding this?

It seems a bit mystery meat right now, maybe we can add it as part of the button ? (Preview <number> of features)

hey @Soda, i have a doubt, changing the text of the preview button can be done in the languages json files, so should i manually update the id for the message for all the language json files, or will it change it automatically for me?

Screenshot 2023-01-28 at 01.21.50.png (286×1 px, 104 KB)

Here's how it looks, how and where should I submit the PR regarding this?

It seems a bit mystery meat right now, maybe we can add it as part of the button ? (Preview <number> of features)

hey @Soda, i have a doubt, changing the text of the preview button can be done in the languages json files, so should i manually update the id for the message for all the language json files, or will it change it automatically for me?

You probably want to update en.json and qqq.json only :)

Hey I have submitted a PR or patch regarding this, here. Please give it a check

Change 884477 had a related patch set uploaded (by Aklapper; author: Reputation22):

[labs/tools/VideoCutTool@master] Add number of edits

https://gerrit.wikimedia.org/r/884477

Change 884888 had a related patch set uploaded (by Reputation22; author: Reputation22):

[labs/tools/VideoCutTool@master] Added number of features applied

https://gerrit.wikimedia.org/r/884888

Change 884477 abandoned by Reputation22:

[labs/tools/VideoCutTool@master] Add number of edits

Reason:

Refer new Patch #884888

https://gerrit.wikimedia.org/r/884477

@Reputation22 / @Soda I was thinking how helpful is it to users on seeing number of features enabled? How about displaying message on screen with all the enabled features such as Enabled Trim, Crop / Enabled Rotate, Trim, Crop...

Gopavasanth renamed this task from Display the number of features enabled beside Step-2 title to Display user enabled functionalities.Jan 31 2023, 1:59 AM
Gopavasanth updated the task description. (Show Details)

@Reputation22 / @Soda I was thinking how helpful is it to users on seeing number of features enabled? How about displaying message on screen with all the enabled features such as Enabled Trim, Crop / Enabled Rotate, Trim, Crop...

uhmm, I think it would be too much on the screen, maybe adding a listener to the count button to show the features?
Here's how it looks currently.

Screenshot 2023-01-31 at 11.06.33.png (554×2 px, 171 KB)

I'll try to display the titles, can you suggest how we should display them?, like in a separate dialog box? or on the same page?

Hey @Sandyabhi, How about something like this?

image.png (254×419 px, 22 KB)

Numbers have to show only if any features are enabled else it should disappear.

Maybe we can show a dialog box similar to this? like a list of enabled features.

Hey @Gopavasanth, can you suggest, where and how should we display the message (enabled trim, crop .etc) ?

Submitting a new patch-set, with the titles of applied features.

Screenshot 2023-02-03 at 03.10.45.png (618×2 px, 246 KB)

Currently it looks like this, Simple and elegant :)

@Gopavasanth i have updated the patchset, please review it

Change 884888 merged by jenkins-bot:

[labs/tools/VideoCutTool@master] Displayed user-enabled functionalities

https://gerrit.wikimedia.org/r/884888