Editable title for each Save

[allen505]

Thank you for your interest @dhruvitahrishi ! This is surely a useful feature to have.

Implementation Details

• I think we'll be able to make this possible by using contenteditable attribute on the button text or by changing it from a button to a link.
• The title of each Save will a Editable text which by default is the text currently present (date,time and number of tabs), but if the user wants he can edit it by clicking on it. After clicking on it, it should be editable and user can type in his desired text and hit enter, which should save the text.
• Since the text will be editable, we need to have a seperate button which will launch all the tabs in a new window with a logo similar to this.

Let me know if you are interested in working on this feature.

[AB047]

I think this is going to be an easy fix, I can do this.

[allen505]

Definitely @AB047 you can give a try. Please have a look at my message above implementation details. For any further clarifications please drop your questions on this thread

[emecas]

Experimenting with editable titles

Experimenting with available area keeping intact title information

[allen505]

This is amazing work @emecas . The first image is exactly what I had in mind as mentioned in this comment. Since the text will be editable, we need to have a seperate button which will launch all the tabs in a new window with a logo similar to this. We have to shift all the icons to the right side however as to me it looks a bit odd to have unevenly distributed icons. I will repeat the implementation details of the Editable text in the begining of this thread too for reference.

Please do let me know if you are interested to work on this. One thing I forgot in the developement setup is to create a new branch to keep your feature implementation seperate from the master branch code. To do this enter: git checkout -b <new-branch-name> in a terminal.

[emecas]

Thanks @allen505

Following your indications and priorities, I'm working on this issue first and almost done.

Progresses:

• [x] 1) Editing the title and controlling its length > 0 and max based on the available area to avoid the buttons move or miss-align.

• [x] 2) Added a new launch button with the image suggested and relocated the logic to launch all the tabs clicking it.

• [x] 3) Moved the icons to the right

To do

For now I was having issues with 2 things:

• [x] 4) Once the edition of the title is done, then while attempting replacing/updating only the title's value in the local storage object is still failing. I have tried different approaches, it's not refreshed properly, So I'm still working on it. Also, it seems like you can only replace the full object in the storage.

• [x] 5) Ordering the icons at the right in specific desired order, I have 3 stiles with float: right; but I am not sure what is the order followed by the browser to locate the buttons (if it is based on the order you added them, or alphabetic order, or what is the criteria). these get located like: delete, launch and expand , but i would like to see: launch, expand, delete. I think it needs an extra DIV in order to put the buttons there in the desired order.

Final Result:

[allen505]

Adding some changes which are to be addressed:

• [x] To make the changes less jarring for the end users, I'm looking to make an edit button which enables the editableContent and a click on the Title to open the Save, as it was previously. This also gives more click area for most used feature which would be to repoen the Saves
• [x] Space is not accepted in Chrome
• [ ] Title String Validations Required:
  • [ ] Empty String is being accepted
  • [ ] Very long Titles are accepted

[emecas]

Adding some changes which are to be addressed:

* To make the changes less jarring for the end users, I'm looking to make an edit button which enables the editableContent and a click on the Title to open the Save, as it was previously. This also gives more click area for most used feature which would be to repoen the Saves

* Space is not accepted in Chrome

* Title String Validations Required:

  * Empty String is being accepted
  * Very long Titles are accepted

hi @allen505, are you working on this currently? I could give this another try, I just need to know where we are

[allen505]

Hey @emecas , I had started on the changes but couldn't find the time to complete it. You can pick it up some parts of this if you are available

[allen505]

Closing this issue