horner commented 2 years ago

See Screenshot.

Here is a link to play: https://google-drive-iframe.wikigdrive.com/drive/0APmwe3yIhGabUk9PVA/folder/0APmwe3yIhGabUk9PVA/1O9wKbDsMhFCUG207rHq_PvdmflsuYQMzcWbnuq4Sq_U

Example URL (enable the Add-on) and view sidebar. https://docs.google.com/document/d/1O9wKbDsMhFCUG207rHq_PvdmflsuYQMzcWbnuq4Sq_U/edit?usp=sharing

horner commented 2 years ago

@wreiske it would be good to have you and Austin discuss this and come up with a better looking UI that is user focused.

I love the preview, but I am sure the typical user would prefer to see the links to common actions which I think will be:

1) Sync 2) Preview (go to the HTML version) 3) What links here 4) Navigation 5) git commit (maybe this is higher up actually)

then then the rest

horner commented 2 years ago

This is the source code for the vue: https://github.com/mieweb/wikiGDrive/tree/master/src/containers/server/static/assets/components

wreiske commented 2 years ago

@austinKesler, let's add this to our daily to review next week.

wreiske commented 2 years ago

On the calendar to review Thursday, May 19th.

wreiske commented 2 years ago

From a first look, it might be good to come up with a better sidebar size and then build a mockup for the sidebar design based on that new size. 350px may be a little too small for everything that would want to be portrayed on the sidebar. https://github.com/mieweb/wikiGDrive/blob/f06b38014ba8548fd1f5cf49ba175f75031f0dab/app_script/Code.gs#L68-L71

https://developers.google.com/apps-script/guides/dialogs#custom_sidebars

We may also want to simplify the sidebar and only include the most important tasks rather than everything available on the first sidebar view. If someone wants to do more advanced tasks, there are other methods like dialogs or even opening a new browser tab to complete those tasks. For example git commits could be done with a prompt dialog (https://developers.google.com/apps-script/guides/dialogs#prompt_dialogs).

Met with Doug for a bit and Austin and I met for longer to discuss the next steps. Austin is going to look at what is there and think up a design for the sidebar incorporating what we think is most important. (preview, git commits, toc, backlinks, etc.).

The side by side "preview" will eventually be a Hugo rendered HTML output of just the document, an example of what that might look like is here: