[TW5] Tabbed left slider menu for v_5.0.10

[Matabele]

Hi

I have been working on a tabbed left slider menu to integrate with the new hamburger for v_5.0.10. For those interested , this may be viewed here: http://wills.tiddlyspot.com/

I have provided sample menus for the tabs incorporating a quick and dirty gTD system (but the menus are easily changed or edited.)

The gTD system is fairly hands on, but is functional -- it has been designed to replicate a paper based system to the extent that tasks must be manually moved from folder to folder.

I would appreciate any ideas for improvement -- also help uncovering display problems and bugs.

regards

[Jeremy Ruston]

Hi Matabele

I have been working on a tabbed left slider menu to integrate with the new hamburger for v_5.0.10. For those interested , this may be viewed here: http://wills.tiddlyspot.com/

Hearty congratulations, that looks great. The presentation of the GTD functionality is very clean, and your explanatory text is clear and well written. It's astonishing how much you've been able to do with the vanilla core.

I just realised that you don't have a link on tiddlywiki.com; how would you like to be credited?

Best wishes

Jeremy.

 

I have provided sample menus for the tabs incorporating a quick and dirty gTD system (but the menus are easily changed or edited.)

The gTD system is fairly hands on, but is functional -- it has been designed to replicate a paper based system to the extent that tasks must be manually moved from folder to folder.

I would appreciate any ideas for improvement -- also help uncovering display problems and bugs.

regards

--
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 post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
Jeremy Ruston
mailto:jeremy...@gmail.com

[Matabele]

Hi

If there's general interest, that would be fine with me. Thanks for the thumbs up :-)

regards

[Birthe C]

Hi Matabele
I saw your link this morning. Really it felt like christmas. I downloaded and have been playing around with it most of the day. So much to look at and try. I am sure this will be usefull and a favorit to many.
Thank you very much!

You had me wondering though. What does Ticklers mean?
In the sliders tab I still those strange numbers where I think and arrow should be?



Birthe

[Matabele]

Hi

There's a new version since this morning with a few improvements. I had forgotten about the fontawesome down arrows in the sliders -- I have been removing the dependence of my TW on fontawesome, as many experience problems with display. I often work offline and installed fontawesome into my system (I, therefore, don't notice when something doesn't work.)

A tickler folder is represented in the system by a display panel, showing tasks as tiddlers. Tickler files are explained here: http://wiki.43folders.com/index.php/Tickler_file

regards

[Matabele]

Hi

Must mention: it's kudos to you for the great work on TW5 -- great apps can be developed quickly and with ease by users. With TWC I found myself generally restricted to using plugins or entire functional versions of TW. Developing with TW5, I try to use only the rudimentary functionality of TW5, and have not often resorted to plugins or the more exotic functionality (use of <$newtiddler/> seems unavoidable.)

There's plenty more in store for TW5. In particular I envision that it could form the basis of a great interface to document based databases such as MongoDB and CouchDB. My javascript skills are, however, non-existent; anyone up to serving TW5 from CouchDB (perhaps via syncing with PouchDB and TouchDB)? Synchronising of TW5's would then be possible, and with the ability to post .tid containers back and forth, TW5 could be used for communication of any information that can fit into a .tid container.

With this in mind -- should not each TW5 be created with a UUID, to be entered into the bag field of all tiddlers created in that particular TW?

regards

On Thursday, May 1, 2014 7:08:41 PM UTC+2, Jeremy Ruston wrote:

[Matabele]

Hi

An updated version is available: http://wills.tiddlyspot.com/

- fixed the down caret in the slider buttons

- tweaked the Tasks tab and tagbars

- some code housekeeping

regards

[Birthe C]

Hi Matabele
Very nice, it looks good now. Only one small thing. In tiddler "A Work In Progress" the word TW5 or more precise 5 looks strange.

Birthe

[David Gifford]

Hi Matabele! Fascinating and wonderful TW adaptation!

1. I reeeeally like the way the left and right sidebars are mutually exclusive, so that opening one closes the other and vice versa. Genius.
2. I also like the days of the week and months of the year as tag pills, used as ticklers. I hadn't thought of that, for some reason.
3. Heads up: on my lap, the checklist on the tasks tab goes beyond the bottom of my screen, and there is no scrolling, so I have to reduce the size of the next action and pending areas with the dragging thingy to view it all.
4. Fascinating effect in the sliders tab with the list results bordered. I wonder if you could do the same with tabs, so that the @s don't get forced below the results, especially when the results start getting long.
5. Though I am partial to white color schemes, I do like your color combinations. Nice!
6. I am going to learn a lot from your task layout, your new task bar and new menu area. Thanks!

You put a lot of work into this, and it has paid off. Congrats!

[Matabele]

Hi Birthe

OK - I think all of the fontawesome has now been expunged :-)

regards

[Birthe C]

Hi Matabele
They have, it looks great now!

 I must say your color scheme is totally matching the purpose here. Helping to use your GTD wiki. The dark background makes focus on the tiddlers and the light greenish tiddler background makes it so lovely to read.

I showed it to two of my friends today. They are not (yet) TiddlyWiki entusiasts but I think your TW might to the trick.

Birthe

[Matabele]

Hi

Woops - my last version appears to be broken - please stick with the older version for now while I work on it.

regards

On Thursday, May 1, 2014 6:47:03 PM UTC+2, Matabele wrote:

[Matabele]

Hi

OK - fixed - that was me tidying up code :-\

On Friday, May 2, 2014 1:58:20 PM UTC+2, David Gifford wrote:

Hi Matabele! Fascinating and wonderful TW adaptation!

3. Heads up: on my lap, the checklist on the tasks tab goes beyond the bottom of my screen, and there is no scrolling, so I have to reduce the size of the next action and pending areas with the dragging thingy to view it all.

I have added a scrollbar -- the height is set at 750px (same for the recent and help tabs.) This may be adjusted for your desktop by editing the div.fulltab style in $:/_stylesheet/mystyles

4. Fascinating effect in the sliders tab with the list results bordered. I wonder if you could do the same with tabs, so that the @s don't get forced below the results, especially when the results start getting long.

I think the code for pills is in $:/core/ui/TagTemplate -- I'll have a look see if I can write my own code. Currently the results are not filtered for 'done' - perhaps I could add this in somewhere too.

[Birthe C]

Hi Matabele
Thank you for the scrollbars and making it so easy to adjust. For the task tab I needed to adjust to height 600 px on my dekstop.

In "Customising the Theme"  the color palettes are overflowing the tiddler boundary and covering part of the sidebar. Avoiding to center the palettes mimises the problem.

Birthe

[Matabele]

Hi

A new version with several cosmetic changes may be viewed here: http://wills.tiddlyspot.com

I have added a settings menu to the 'Edit' tab to ease the customisation of the leftmenu, have prettied the breadcrumbs listing and have updated some of the documentation.

Note: I have changed the code for <$newtiddler> widget calls, as I have changed over from Skeeve's to Danielo's plugin -- these plugins must be exchanged for Q&D gTD to work.

regards

On Thursday, May 1, 2014 6:47:03 PM UTC+2, Matabele wrote:

[Birthe C]

I really like your Journal tab. That will be a place to keep an eye on.

Birthe

[Danielo Rodríguez]

Hi Matabele,

Thank you for sharing. It is really nice. Probably I will adopt it in a near future.

Meanwhile... Maybe you want to consider to give the menu the ability to scroll since there are many options "out of screen" area.

Regards.

[Matabele]

Hi

After fairly extensive updates, a new version is available here: http://wills.tiddlyspot.com/

I have attended to most of the outstanding issues -- the update was concerned primarily with cleaning up unnecessary tags used for the mechanisms, which meant nothing to the user and cluttered the tickler folders. I hope there are no bugs -- it would have been easier to write it this way first time around rather than having to change over code :-(

The main outstanding issue are the tag pills used in the 'GTD' tab, which overrun the bottom of the screen. This will require a replacement for the standard tag pills, which includes a scrollbox built into the pill listing itself (alike the sliderList tabs in the 'Slider' tab.) In the meantime, tag pills displayed on any tiddler in the main story list can be used to view long lists -- alternatively, write your own sliderList tabs for the purpose.

I wish to avoid the necessity of a slider on the whole menu (anyway, this truncates tag pill listings on the RH margin in an ugly fashion.) My aim was to provide a static menu giving a structured view of the tiddlywiki -- whilst leaving the RH menu untouched, so as not to interfere with the normal wiki style searchable hypertext interface. 

Additional leftmenu tabs can be used for anything -- only the 'Edit' tab is integrated with the operation of the leftmenu itself. All of the other tabs can be toggled off, and new menus written to the users preference (even the 'Edit' tab can be toggled off once the menu has been customised.)

I don't see much reason to further tamper with the underlying mechanisms, other than to fix bugs and add supplementary user functionality -- likely via new or revised tabs. The re-write for the tag pills should involve only a change to the behaviour of the pills, and should not interfere with the remainder of the interface. 

regards

On Thursday, May 1, 2014 6:47:03 PM UTC+2, Matabele wrote:

[Matabele]

Hi Danielo

Which functions are 'out of screen'? Is this after customising the width and height of the menu for your desktop? 

I have tested this only on my laptop, and provided the adjustments for the width of the menu and the height of the scrollboxes to assist those with smaller screens. I have no idea, however, how they work out. 

Please give feedback with suggested fixes so that I can modify the layout.

regards

[Matabele]

Hi

There's an apparent display problem with my tickler folder panels. I don't know if this is specific to my environment, a browser problem, or a code problem. 

1. Open my effort at: http://wills.tiddlyspot.com/

2. Scroll to the '@todo' panel

3. select the tickler on the LHS

4. toggle the '@todo' tag

Does the RHS of the display clear?

regards

On Thursday, May 1, 2014 6:47:03 PM UTC+2, Matabele wrote:

[Matabele]

Hi

I have uploaded a revised version: http://wills.tiddlyspot.com/

I have applied fixes for the tag pills in the 'GTD' tab, and the tag pills in the Tickler folders -- also attended to several styling problems.

This clears most of the outstanding issues -- I think the system is now usable (until something breaks!) I have tested this only in my environment -- please advise if there is anything that needs attending to in your environment.

regards

On Thursday, May 1, 2014 6:47:03 PM UTC+2, Matabele wrote:

[Birthe C]

Hi Matabele

Everything looks fine to me. You have worked hard on this and it shows.
I think it is ready for the regular use test.

Really the only thing I could find is cosmetic. In your beautiful green theme, scrollbars turning lightblue ;-)

Birthe

On Thursday, May 8, 2014 8:25:35 AM UTC+2, Matabele wrote:

Hi

[William Jackson]

Hi

In WebKit based browsers the scrollbar is transparent; as a consequence, I didn't notice. I'll have a look at it.

I found a small problem with the filterList boxes -- now fixed.

regards

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/PcGZjDE4QZ0/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

[William Jackson]

Hi

Had a look in Firefox - the scrollbars look better with the Vanilla palette, and not too bad with the Blue and Blanca palettes. I notice the colour doesn't change across the palette's -- I guess this might be tricky, especially to get things looking good on all browsers, and for all palettes. Perhaps, I can work out a way for the user to set this for their environment.

The scrollbars are terrible in Opera :-(

regards

On Thursday, May 8, 2014, Birthe C <strikke...@googlemail.com> wrote:

[cmari]

Hi Matabele,
Thanks for all the great ideas and implementation!
The only problem I have come across is that, in Chrome, the "this is embarrassing" javascript error pops up if you do the following:

Open the GTD tab
Click the "todo" button
Click one of the plus signs (to add a Context, Tickler, or Project)

I wish I were good enough at debugging to help figure out why....
cmari

On Thursday, May 8, 2014 4:50:50 AM UTC-7, Matabele wrote:

Hi

Had a look in Firefox - the scrollbars look better with the Vanilla palette, and not too bad with the Blue and Blanca palettes. I notice the colour doesn't change across the palette's -- I guess this might be tricky, especially to get things looking good on all browsers, and for all palettes. Perhaps, I can work out a way for the user to set this for their environment.

The scrollbars are terrible in Opera :-(

regards

On Thursday, May 8, 2014, Birthe C <strikke...@googlemail.com> wrote:

Hi Matabele

Everything looks fine to me. You have worked hard on this and it shows.
I think it is ready for the regular use test.

Really the only thing I could find is cosmetic. In your beautiful green theme, scrollbars turning lightblue ;-)

Birthe

On Thursday, May 8, 2014 8:25:35 AM UTC+2, Matabele wrote:

Hi

I have uploaded a revised version: http://wills.tiddlyspot.com/

I have applied fixes for the tag pills in the 'GTD' tab, and the tag pills in the Tickler folders -- also attended to several styling problems.

This clears most of the outstanding issues -- I think the system is now usable (until something breaks!) I have tested this only in my environment -- please advise if there is anything that needs attending to in your environment.

regards

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/PcGZjDE4QZ0/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.

[William Jackson]

Hi cmari

I had noticed the same thing in Chromium -- this seems to happen when the first tickler folder of each type is created, when there is an existing tickler tagged with the name of that folder (@inbox, Mon, Jan, or !project.) Doesn't seem to occur when another tickler folder is created, even when an existing tickler carries that tag. Also happens on occasions when the first tickler is created from a tickler folder. No problems thereafter. Doesn't appear to have any consequences -- delete the warning and continue. 

I have no idea what causes this warning -- I'll try and locate the problem or find a work around.

Thanks for the feedback.

regards

[PMario]

On Thursday, May 8, 2014 8:25:35 AM UTC+2, Matabele wrote:

I have uploaded a revised version: http://wills.tiddlyspot.com/

Hi Matabele,

If your gtd stuff gets traction, you may get problems with the name.
So imo you should think about a new name.

Have a look: http://monkeygtd.blogspot.co.at/2010/02/long-story-short-post-your-suggestions.html

-m

[Matabele]

Hi 

Thanks for the info. I suppose this could be a problem if my effort gets any traction. It appears that the trademark holders for 'GTD®' consider that the phrase 'MonkeyGTD' violated their trademark -- I presume they consider any word or phrase containing gee, tee, and dee (in that order), is a violation of their trademark. They also consider the phrase 'Getting Things Done®' a trademark.

I have been developing this project for personal use and to try out some ideas in TW5, and hadn't got round to the idea that many others would be interested.

If it gets down to it, I suppose they would have no objection to:

-- GettingTD

-- geeTD

- gThingsD

-- gTeeD

But would object to:

-- gTDone

-- gTdee

I tend to favour:

-- geeTD (gee, that's done), or perhaps

-- gETD (getting everything done) or 

-- gSTD (getting something done)

-- 

It appears they would certainly object to:

-- gTDS (getting things done ... sometime)

I wonder if they would also object to:

-- gNTD (getting nothing done), because I've spent too much time customising my TW, or

-- fSTD (finding something to do)

:-)

regards

[Birthe C]

Tiddlywiki Optimised Planning..TOP

 It is such a wonderful example of what can be done with Tiddlywiki. Many will take a look at it and as we all need planning I think it can be very popular.

No you did not think that way in making it.....you thought of making it the best tool you could...You did it...and you should be proud.

Birthe

[William Jackson]

Hi

I think that would be a little over the top :-) 

I have uploaded a revised edition (name change only) -- what do you think?

regards

On Thursday, May 8, 2014, Birthe C <strikke...@googlemail.com> wrote:

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/PcGZjDE4QZ0/unsubscribe.

To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.

[Ton Gerner]

Hi Matabele,

Up till now I did not have time to play around with your GTD.
Now I did play around, and I am very impressed.

Glad that my customization guide(s) could be used by others *and* could inspire others. You bring customization to a higher level.
Your GTD shows how much you can do with the standard core without using plugins. And I think that is the real advantage of TW5 compared to TWclassic.

Thanks for sharing.

Cheers,

Ton

[Matabele]

Hi cmari

Looks like you were right -- I have been going around and around in circles. The problem arises if any of the tag pills in the 'gTiD' tab have been clicked, prior to creating a new tickler folder (from the gTiD tab) or a new tickler (from one of the tag bars.) This can be seen easily if the tag pill box is displayed, but persists under certain conditions even when the tag pill box is hidden. I have tried messing with the <$newtiddler> widget, but can't find the problem (my js skills are sorely lacking.) It appears to be a clash between the <$newtiddler> widget and the tag pill code in the core (I hacked only the template.)

The q&d fix for now, is to click somewhere on the gTiD tab just before clicking any of the 'New Folder' or 'New Tickler' buttons, whenever you have had one of the tag pills open.

A real pain -- can anyone help?

regards  

[Matabele]

Hi

Whilst I was testing out my customisation guides, I thought I might as well put up the empty versions of my latest efforts for user tests:

- the tabbed leftmenu: http://gtab.tiddlyspot.com/

- Wills Q&D gTiD: http://gtid.tiddlyspot.com/

regards

On Thursday, May 1, 2014 6:47:03 PM UTC+2, Matabele wrote:

Hi

[Matabele]

Hi Ton

Thanks for the thumbs up -- your guides played a large part in starting me off on this whole customisation gig. From these guides I noticed how easy it was for a user with non-existent javascript skills to customise TW5 (with TWC I pretty much stuck with using plugins -- indeed I used mostly entire pre-customised versions of TWC.) The major bug in my customised TW5 is now due to an incompatibility between the only plugin I make use of ($newtiddler), and the core code for tag pills. Without javascript I am incapable of fixing this -- I, therefore, look forward to the version of TW5 where I need no use of such plugins.

I hope I can inspire others in the same way that you inspired me :-)

regards

[cmari]

Hi Matabele,
Your approach is making me optimistic that TW5 can be functional as well as merely fun for me, so I'm making an effort to give something back - but please ignore this if it doesn't fit with your ideas!

1. (This is a really minor point).  At the bottom of the tiddler $:/_leftmenu, in this line:

<<tabs "[!has[draft.of]tag[$:/tags/leftmenu]sort[title]]" "$:/_leftmenu 1" "$:/state/tab1">>

I think that $:/_leftmenu 1 may be  a holdover from a previous version and should be updated?  (On the other hand, it's very possible I don't understand the tabs widget.  I didn't think I saw any difference when I changed this, so maybe it's no big deal).

2. My minor idea: I'm always tweaking tiddlers, which meant that using "modified" as the basis for sorting contexts, days, and months wasn't working very well for me.  To affect sort order, I did the following:

a. In each context, day, and month tiddler, I added a field (I called it "gtid-order") and inserted the appropriate values for chronological sorting (01 for Jan, 02 for Feb, etc.).

b. In the following places, I change the sorting filter to [sort[gtid-order]]:

• $:/_tagbar-context
  
• macro definition \define tagPill(tag) ($:/_leftmenu)
• macro definition \define editTags(type) ($:/_edit-tags)

c. Part "b" took care of sorting on the leftmenu, but I still wanted day/month tags to be displayed chronologically in tiddlers and transclusions.  For that, I took advantage of your color definition.  In  $:/_display-panel I deleted this line

<$list filter="[is[current]tags[]sort[title]]"><$link>{{!!title||$:/_showtag}}</$link></$list>

and replaced it with:

<$list filter="[all[current]tags[]sort[title]]-[field:color[#89C6AF]]"><$link>{{!!title||$:/_showtag}}</$link></$list><$list filter="[all[current]tags[]has[gtid-order]field:color[#89C6AF]sort[gtid-order]]"> <$link>{{!!title||$:/_showtag}}</$link></$list>

d. To really control sorting order, it's also possible to change $:/core/ui/ViewTemplate/tags, replacing the shadow contents with:

<div class="tw-tags-wrapper"><$list filter="[all[current]tags[]sort[title]]-[field:color[#89C6AF]]" template="$:/core/ui/TagTemplate" storyview="pop"/><$list filter="[all[current]tags[]field:color[#89C6AF]sort[gtid-order]]" template="$:/core/ui/TagTemplate" storyview="pop"/></div>

Thanks again for all the great ideas!
cmari

[Matabele]

Hi cmari

1. (This is a really minor point).  At the bottom of the tiddler $:/_leftmenu, in this line:

<<tabs "[!has[draft.of]tag[$:/tags/leftmenu]sort[title]]" "$:/_leftmenu 1" "$:/state/tab1">>

Thanks for spotting that -- it was a leftover.

2. My minor idea: I'm always tweaking tiddlers, which meant that using "modified" as the basis for sorting contexts, days, and months wasn't working very well for me. 

It is quite tedious setting up folders -- I wrote a 'Setup' tab to ease the process. Enter the list of names you commonly use for each category of folder, then each time you need to create a new one -- click the relevant button. 

I have put up the new 'Setup' tab here: wills.tiddlyspot.com

 

a. In each context, day, and month tiddler, I added a field (I called it "gtid-order") and inserted the appropriate values for chronological sorting (01 for Jan, 02 for Feb, etc.).

b. In the following places, I change the sorting filter to [sort[gtid-order]]:

• $:/_tagbar-context
  
• macro definition \define tagPill(tag) ($:/_leftmenu)
• macro definition \define editTags(type) ($:/_edit-tags)

c. Part "b" took care of sorting on the leftmenu, but I still wanted day/month tags to be displayed chronologically in tiddlers and transclusions.  For that, I took advantage of your color definition.  In  $:/_display-panel I deleted this line

<$list filter="[is[current]tags[]sort[title]]"><$link>{{!!title||$:/_showtag}}</$link></$list>

and replaced it with:

<$list filter="[all[current]tags[]sort[title]]-[field:color[#89C6AF]]"><$link>{{!!title||$:/_showtag}}</$link></$list><$list filter="[all[current]tags[]has[gtid-order]field:color[#89C6AF]sort[gtid-order]]"> <$link>{{!!title||$:/_showtag}}</$link></$list>

Thanks, I'll have a look see.

regards