(re-)Presenting: LeftBar - a menu type sidebar, on the left

[Mat]

Yes, TWaddle Conglomerates has made a total rework of the previously released LeftBar:

LeftBar
- a menu type sidebar, on the left.

LeftBar is a plugin to get a second sidebar, on the left side. It behaves somewhat differently than the regular sidebar and is intended for public sites and on mobile devices.


<:-)

[Lost Admin]

I wanted to make a comment about "leftists" but I couldn't find the Dilbert comic I was thinking of, so instead ...

That looks pretty cool. Now: how do I make it so that you only see the right-side toolbar if you have login/save credentials set? Or, if you prefer a more user-story-esque explanation of what I'm looking for: When I (as the site maintainer) connect to the site, I want to see the right-side bar so I can maintain the site. When everyone else connects, I don't want them to see the right-side bar so they get a less cluttered user-experience.

[Mat]

Well, that is not really a LeftBar question but OK;

You did not specify how the system is to differentiate if it is you or visitor that is connecting but here's a simple way:

I'd use my TW-Admin plugin (with the sample content provided) to hide the sidebar and it's toggle arrow. Maybe that is enough?
For you to access it right away, you can have a bookmark to the tiddler $:/plugins/TWaddle/tw-admin/content so you can toggle back the sidebar.

If you use different domains for your TW, maybe my PublicSidebar is of interest. This shows different (right-) sidebars depending on url, .e.g if you do your admin locally and then publish for readers.

<:-)

[Lost Admin]

I'm pretty sure I did say how the system should differentiate (if the save credentials exists, show the right-sidebar). However, I didn't know about your TW-Admin plugin, that will work nicely. Thanks.

[Mat]

LeftBar has been updated. Major diff is to remove the supporting Toggle plugin (now deprecated) thanks to new checkbox functionality in 5.1.16.

<:-)

[Mohammad]

Hello Mat,

 The Leftbar: http://leftbar.tiddlyspot.com/ has the setting box to Scroll vs Fix - behaviour when activated via button.

One issue is if you use Leftbar from TableofContents and if you need to have the Leftbar fixed but you have a lot of toc entry then you cannot access the items

out of your viewpoint and you cannot scroll down.

One suggestion is in fixed mode if the contents make a long tiddler ($:/plugins/TWaddle/LeftBar/Menu) then an scroll bar automatically appear at the right (or left) of the LeftBar.

What do you think?

[Mat]

Mohammad, thanks for reporting. I have a few other things I must deal with before this (most notably the SetUp matters) but I appreciate your report and there are also some other issues I intend to fix with LeftBar. Hopefully I'll do this over the summer.

<:-)

[Mohammad]

Thank you Mat.

[Mohammad]

Mat,

 Is there anyway to disable the hover feature? Or restrict it to its icon only?

Most of the time when I want to resize the window by dragging the border, it activated and cause some problem with that!

/Mohammad

On Friday, April 27, 2018 at 12:06:41 AM UTC+4:30, Mat wrote:

[Evan Zoss]

I love this!  Works great for what I needed (at first at least).

After refreshing my wiki, now the toggle mode doesn't shift over the content at all.. it just overlays on top of it (with transparent background even.. not really usable.

This is in Chrome.  Any idea ?

[Mat]

Evan (and Mohammed)

I do intend to deal with this but I can't say when as I have a lot of other things going on right now. It may be "comforting" to hear that I've also hit some issues with it :-)

<:-)

[Evan Zoss]

So I fixed my issue by removing the modified base TiddlyWiki settings for 'Story left position' and 'Story right' that were changed (I just made them both 0px instead of the /* LeftBar */ function.

Now I also have the need to scroll the LeftBar as Mohammad mentioned, so would be good to get that goin too.  Anyways, lovin it, exactly what TiddlyWiki needed!

[Evan Zoss]

Just to elaborate bit more.. Issue is on reload of the wiki the $:/state/LeftBar is removed, but if the bar was previously opened, then the theme storyleft and storyright retain their modified values, which cause future open of the bar to result in some recursive transclusion error on those tiddlers.

I resolved it by modifying to use the existence of $:/plugins/TWaddle/LeftBar/temp as the indicator of if the bar is open or closed, as it persists across reload.  Here's how I changed the LeftBar/Toggle:

\define leftbar-content()

<div class="leftbar-content">

{{$:/plugins/TWaddle/LeftBar/Menu}}

</div>

\end

<$list filter="[title[$:/plugins/TWaddle/LeftBar/temp]!is[tiddler]]" >

<$button set="$:/state/LeftBar" setTo="show" class="tc-btn-invisible tc-image-button leftbar-toggle">

{{$:/core/images/menu-button}}

    <$action-setfield $tiddler="$:/plugins/TWaddle/LeftBar/temp"

$field="storyleft"

                $value={{$:/themes/tiddlywiki/vanilla/metrics/storyleft}}/>

<$action-setfield $tiddler="$:/plugins/TWaddle/LeftBar/temp" 

$field="storyright"

                $value={{$:/themes/tiddlywiki/vanilla/metrics/storyright}}/>

        <$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/metrics/storyleft" 

text="/*LeftBar*/ calc({{$:/plugins/TWaddle/LeftBar/Stylesheet!!width}} + {{$:/plugins/TWaddle/LeftBar/temp!!storyleft}})" />

<$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/metrics/storyright"

text="/*LeftBar*/ calc({{$:/plugins/TWaddle/LeftBar/temp!!storyright}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}})"/>

</$button>

</$list>

<$list filter="[title[$:/plugins/TWaddle/LeftBar/temp]is[tiddler]]" >

<$button set="$:/state/LeftBar" setTo="hide" class="tc-btn-invisible tc-image-button leftbar-toggle">

{{$:/core/images/chevron-left}}

<$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/metrics/storyleft" 

text={{$:/plugins/TWaddle/LeftBar/temp!!storyleft}} />

<$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/metrics/storyright" 

text={{$:/plugins/TWaddle/LeftBar/temp!!storyright}} />

<$action-deletetiddler $tiddler="$:/plugins/TWaddle/LeftBar/temp"/>

</$button>

</$list>

<$list filter="[title[$:/plugins/TWaddle/LeftBar/temp]is[tiddler]]" >

<<leftbar-content>>

</$list>

<$list filter="[title[$:/plugins/TWaddle/LeftBar/temp]!is[tiddler]]" >

<div class="leftbar-togglezone">

<<leftbar-content>>

</div>

</$list>

[Mohammad]

Mat!

Just correct the below css from

.leftbar-content {
        position:fixed;
        max-width:calc(42px + {{!!width}});
        left:0px;
        top:3em;
        padding:0em 10px 5px 10px;
        background:none;
        min-height:50vh;
}

to

.leftbar-content {
        position:fixed;
        max-width:calc(42px + {{!!width}});
        left:0px;
        top:3em;
        padding:0em 10px 5px 10px;
        background:none;
        min-height:50vh;
        max-height:85vh;
        overflow-y:auto;
}

Then the issue raised here will be resolved!

Mohammad

[Mat]

 LeftBar has been updated

Main changes includes merging the code above from Evan Zoss and Mohammad - thanks guys! I've only done some rudimentary testing tho, so please report any errors.

There is now also an option in the Settings to enable/disable the pop-out behaviour.

<:-)

[Mohammad]

Thank you Mat!

I updated to new version! Just one question: in $:/plugins/TWaddle/LeftBar/Toggle there is a macro as below

\define leftbar-content()

<div class="leftbar-content">

{{$:/plugins/TWaddle/LeftBar/Menu}}

</div>

\end

does it a matter to add an empty line between div tag line and {{$:/plugins/TWaddle/LeftBar/Menu}} i.e

\define leftbar-content()

<div class="leftbar-content">

{{$:/plugins/TWaddle/LeftBar/Menu}}

</div>

\end

I get different results! Check the below $:/plugins/TWaddle/LeftBar/Menu content on http://leftbar.tiddlyspot.com/

@@background-color:blue;color:white;padding:5px;

Hello Mohammad

@@

* One

* Two

for example the ul list at the bottom does not wikify!

Mohammad

[Mat]

Thank you Mohammad. Corrected now.

<:-)

[Mohammad]

Thanks Mat!

 Now check the position of scrollbar when you use a blank line in leftbar content macro and when you remove it!

Quite different results! Use the content of attached tiddler for $:/plugins/TWaddle/LeftBar/Menu

First with blank line

and then with no blank line

Note to the position of scrollbar!

Mohammad

[Justin Hurd]

Hello Mat, Mohammed, and Evan,
I'm fairly new to tiddly wiki but while using this plugin, among others, I noticed that when a decent amount of text is entered into the left tab, that it does not stretch all the way down to the bottom of the window, and felt it was worth pointing that out and asking if any solutions could be offered, as well as a way to possibly move the scroll bar to the left of the new sidebar as well, mirroring the right sidebar.

[Mohammad Rahmani]

Hi Justin,

 The Leftbar plugin author is Mat and hopefully will come with a good solution

Best wishes

Mohammad

On Wed, Feb 26, 2020 at 4:32 PM Justin Hurd <justin.hu...@gmail.com> wrote:

Hello Mat, Mohammed, and Evan,
I'm fairly new to tiddly wiki but while using this plugin, among others, I noticed that when a decent amount of text is entered into the left tab, that it does not stretch all the way down to the bottom of the window, and felt it was worth pointing that out and asking if any solutions could be offered, as well as a way to possibly move the scroll bar to the left of the new sidebar as well, mirroring the right sidebar.

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/f9e4b215-efde-4cd0-a550-aac6acd809fa%40googlegroups.com.

[Mat]

Justin

text is entered into the left tab, that it does not stretch all the way down to the bottom of the window

...

move the scroll bar to the left of the new sidebar as well, mirroring the right sidebar.

 

Yeah... why the heck did I limit the height like that? And scrollbar on the left side is a cool idea!

Anyway: In the tiddler $:/plugins/TWaddle/LeftBar/Stylesheet try the following changes (i.e only the text in yellow)

.leftbar-content {
 position:{{!!position}};

 max-width:calc(42px + {{!!width}});
 left:0px;
 top:3em;
 padding:0em 10px 5px 10px;
 background:none;
 min-height:50vh;

 max-height:calc(100vh - 3em);
 overflow-y:auto;
}
.leftbar-content * {
    direction:ltr;
}
.leftbar-content {
    direction: rtl;
}

<:-)

[Justin Hurd]

Awesome, i cant wait to mess around with this :D

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/c5c49124-4793-4b3c-82b8-d63a85923486%40googlegroups.com.

[Damon Pritchett]

Hey Mat,

I love this plugin! So far it works very well with all of my custom TOCs, etc. I also love the way it can appear and hide from the left side. I was thinking that this same behavior would be extremely handy for the sidebar as well. I have no idea how to make that happen. I looked through your plugin and I'm just enough of a newbie to not be able to figure it out. I would love to be able to invoke your leftbar from the left side and the sidebar from the right side. Is this possible?

Many thanks,

Damon

[Mat]

Damon Pritchett wrote:

I love this plugin! So far it works very well with all of my custom TOCs, etc. I also love the way it can appear and hide from the left side. I was thinking that this same behavior would be extremely handy for the sidebar as well.

Happy to hear you find LeftBar useful! I just did some (very) quick attempts to see what I could do with the regular sidebar but realized it is too intricate to get anything going quickly. I'm sure it can be done. However, I believe @Ton Gernert has some layout that lets you pop out both of the sidebars one at a time, kind of. You might want to look into that. I'm afraid I can't remember what it's called. It's pretty old by now, certainly older than 5 years. Seek up Ton and ask him.

<:-)

 

[JS2]

Just found this - Looks like I might be able to use it - :-) 

* Is it possible to remove the background and foreground colors?

* I have a custom dark-theme and LeftBar does not play-nice with dark-colors

Thanks,

TwN00b

---

[Mat]

@TwN00b, you caught me at a good time. Summer vacations just started and I'm fiddling with these types of things, so I'll take a look at this within the next few days. HOWEVER, I will not reply here but over in the main tiddly talk group where I recommend everyone to hang out for discussing all things tiddly, instead of this old google group. (I saw this post because it is CC'd automatically to the Talk group, but the reverse does not happen). So look out there within the next few days.

<:-)