? Success

User tests: Successful: Unsuccessful:

avatar dbhurley
dbhurley
4 Oct 2014

Update to UI and language file naming conventions

Votes

# of Users Experiencing Issue
1/1
Average Importance Score
3.00

avatar dbhurley dbhurley - open - 4 Oct 2014
avatar jissues-bot jissues-bot - change - 4 Oct 2014
Labels Added: ?
avatar zero-24
zero-24 - comment - 4 Oct 2014

@dbhurley Is this B/C save? IIRC we can't remove/rename a lang strings in 3.x or i'm wrong here?

avatar mbabker
mbabker - comment - 4 Oct 2014

This was just committed a couple days ago, no release has gone out with the strings.

avatar zero-24
zero-24 - comment - 4 Oct 2014

ok :+1: sorry yes you are right.

avatar rvbgnu
rvbgnu - comment - 4 Oct 2014

@test
I've just noticed this "closing cross" icon while testing another PR, and I was confused. Looking better now, Thanks!

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar rvbgnu rvbgnu - test_item - 4 Oct 2014 - Tested successfully
avatar roland-d
roland-d - comment - 4 Oct 2014

@test: Failed. The original icons were chosen because they are agnostic. The problem with the current icons is that they are wrong in RTL languages.

I find the floating arrow kind of weird, having a background like in the original PR made more sense since it was linked to the sidebar items.

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar roland-d roland-d - test_item - 4 Oct 2014 - Tested unsuccessfully
avatar dbhurley
dbhurley - comment - 4 Oct 2014

I don't know if you can say a test fails because there's a disagreement
over icon usage. ;)

Or because one finds the UI "weird"

However, the proper solution would be an implementation of the reverse
arrows in the rtl template files. This would be the best use case of proper
UI... Not the "hamburger" menu icon which is not representative of an
open/close for secondary navigation or widely recognized as such.

Just my two cents. These icons are worldwide recognized for open/close and
merely need to be updated for the rtl.
On Oct 4, 2014 6:45 PM, "RolandD" notifications@github.com wrote:

@test https://github.com/test: Failed. The original icons were chosen
because they are agnostic. The problem with the current icons is that they
are wrong in RTL languages.

I find the floating arrow kind of weird, having a background like in the
original PR made more sense since it was linked to the sidebar items.

This comment was created with the J!Tracker Application
https://github.com/joomla/jissues at issues.joomla.org/joomla-cms/4450
http://issues.joomla.org/tracker/joomla-cms/4450.


Reply to this email directly or view it on GitHub
#4450 (comment).

avatar roland-d
roland-d - comment - 4 Oct 2014

Oh the icon disagreement has been there since day 1, I had arrows in the very first design ;) Now I don't care anymore as long as they are correct. Since they are not correct in RTL, that is why I failed the test.

So the usage of the word "weird" is not correct in describing that I dislike the new UI. Then just I don't like the new design.

avatar betweenbrain
betweenbrain - comment - 4 Oct 2014

@test

Patch works fine.

When the sidebar is collapsed, the arrow is black / grey when hovered. However, when expanded, it is grey / black when hovered. I'd change it so that is is always black / grey when governed so that it always appears active and is consistent with the other elements.
screenshot - 10042014 - 02 35 14 pm

I'd also suggest it have the same animation as Search tools show/hide.

avatar dbhurley
dbhurley - comment - 4 Oct 2014

Good catch on colors. And yes, I agree about the animation.

I'll update the PR.
On Oct 4, 2014 7:35 PM, "Matt Thomas" notifications@github.com wrote:

@test https://github.com/test

Patch works fine.

When the sidebar is collapsed, the arrow is black / grey when hovered.
However, when expanded, it is grey / black when hovered. I'd change it so
that is is always black / grey when governed so that it always appears
active and is consistent with the other elements.
[image: screenshot - 10042014 - 02 35 14 pm]
https://cloud.githubusercontent.com/assets/634119/4516413/3c1d2dfc-4bf5-11e4-9aba-fcfc0337f9ec.png

I'd also suggest it have the same animation as Search tools show/hide.


Reply to this email directly or view it on GitHub
#4450 (comment).

avatar infograf768
infograf768 - comment - 5 Oct 2014

This does not make sense in RTL, as Roland says above.

Open
screen shot 2014-10-05 at 07 01 14

Close
screen shot 2014-10-05 at 07 01 53

We could use the correct arrows if we can check the language direction in the js

avatar dbhurley
dbhurley - comment - 5 Oct 2014

Updated for language direction in javascript. However I noticed this has bad styling as we are using bootstrap span classes directly within a bootstrap span. We need to have a boostrap row class prior to implementing spans otherwise the spacing is off. (You can see this by expanding/collapsing the sidebar and viewing the right side of the main column). This will need to be fixed before I would consider this functionality ready for production.

avatar JoomliC
JoomliC - comment - 5 Oct 2014

I agree that this functionality is not ready for production. (and that #4197 was not completely improved)
@dbhurley About the "hamburger" menu icon, i've proposed this one as generally used to open/hide a menu as a conventional used icon for this purpose. But, usage of arrows, with RTL/LTR switch as you have propose is a nice idea, if design gives a real slide sidebar effect. This is maybe what could be improved now IMHO.
In all cases, this feature is a good initiative from @roland-d :+1:

avatar roland-d
roland-d - comment - 5 Oct 2014

I am just surprised these comments were not made on the original PR. Why even merge it?

avatar dgt41
dgt41 - comment - 5 Oct 2014

@roland-d If you are referring to my comment I have to say that I’ve always supported the idea of vanilla js in core.js: #4197 (comment)

avatar brianteeman brianteeman - change - 6 Oct 2014
Category Templates (admin) UI/UX
avatar phproberto
phproberto - comment - 8 Oct 2014

@roland-d I merged it because it's something useful that (as I said in your PR) people will improve. I think it's globally a good code and a great feature.

I agree with @dbhurley in the span classes (as I mentioned in your PR). We should use a standard class that is mapped in the less files to the span.

Let's contribute all the fixes here :dancer:

avatar JoomliC
JoomliC - comment - 8 Oct 2014

I'm the only one, using com_patchtester, who #4450 request me to have togglesidebar.php already in place, but if i apply #4197 with this file, after, i can't apply 4450 because of a language file already changed ?!?...
Just a question, if there's a solution to speed up my testing... ;-)

avatar zero-24
zero-24 - comment - 8 Oct 2014

@JoomliC you can install the current 3.3.7 branche see: http://developer.joomla.org/cms-packages/ and after this apply this PR via com_patchtester.

avatar 810
810 - comment - 9 Oct 2014

index.php?option=com_cache&view=purge

needs to be fixed

avatar JoomliC
JoomliC - comment - 9 Oct 2014

@zero-24 thank you! Yes, this patch needs to be in 3.3.7-dev to apply with com_patchtester
@810 What did you mean ?

@dbhurley i've tested design about background, and yes, better when simpler! ;-)
I'm still convince that a slide effect would give improvement, but after a reflexion on the UX, i wonder now why header (for toolbar buttons) is in the admin template, and so loaded before content, and the sidebar in component view, and loaded after...
Isn't sidebar the place mainly used as sub-menus ?
My test is mainly done on mobile device, and i think it's a good way to see what is the most logical...

Couldn't it be simpler if the sidebar is moved to the admin template, and so not included in the content (more logical, no?)

avatar 810
810 - comment - 10 Oct 2014

@JoomliC Sorry I saw a conflict with collapsing the sidebar. But was a browser cache issue. Now it works perfectly

@test
+1

avatar b2z
b2z - comment - 11 Oct 2014

Like it! @test OK

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar b2z b2z - test_item - 11 Oct 2014 - Tested successfully
avatar 810
810 - comment - 13 Oct 2014

2 successful tests.
ready to commit

avatar infograf768
infograf768 - comment - 13 Oct 2014

Nope. Please read above: #4450 (comment)
there are still some issues

avatar infograf768
infograf768 - comment - 16 Oct 2014

#4450 (comment)

Has to be also done in isis template_rtl.less

avatar infograf768
infograf768 - comment - 16 Oct 2014

We also have an issue in RTL for this PR when hiding sidebar:
screen shot 2014-10-16 at 11 31 47

avatar nicksavov nicksavov - change - 16 Oct 2014
Labels Added: ?
avatar brianteeman brianteeman - alter_testresult - 16 Oct 2014 - b2z: Not tested
avatar brianteeman brianteeman - alter_testresult - 16 Oct 2014 - rvbgnu: Not tested
avatar brianteeman brianteeman - alter_testresult - 16 Oct 2014 - rvbgnu: Not tested
avatar brianteeman brianteeman - alter_testresult - 16 Oct 2014 - roland-d: Not tested
avatar brianteeman
brianteeman - comment - 16 Oct 2014

@dbhurley can you look at the RTL issues please. I am resetting the tests to zero again so that we only count new tests AFTER the RTL issues in this PR have been resolved.

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar tairedweb
tairedweb - comment - 17 Oct 2014

@test success +1

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar tairedweb tairedweb - test_item - 17 Oct 2014 - Tested successfully
avatar infograf768
infograf768 - comment - 17 Oct 2014

You can't say it is a success, as stated above... We have at least 3 issues

avatar tairedweb
tairedweb - comment - 17 Oct 2014

it meaning i love this :D

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar suredweb suredweb - test_item - 17 Oct 2014 - Tested successfully
avatar truptitasol truptitasol - test_item - 17 Oct 2014 - Tested successfully
avatar mrunalpittalia mrunalpittalia - change - 17 Oct 2014
Status Pending Ready to Commit
avatar mrunalpittalia
mrunalpittalia - comment - 17 Oct 2014

Moving to RTC state as having more than 2 successful tests

avatar roland-d roland-d - change - 17 Oct 2014
Status Ready to Commit Pending
avatar roland-d
roland-d - comment - 17 Oct 2014

As stated by @infograf768 it can't go to RTC, there are issues to be fixed.

avatar roland-d roland-d - alter_testresult - 17 Oct 2014 - suredweb: Tested unsuccessfully
avatar roland-d roland-d - alter_testresult - 17 Oct 2014 - suredweb: Not tested
avatar roland-d roland-d - alter_testresult - 17 Oct 2014 - tairedweb: Not tested
avatar roland-d roland-d - alter_testresult - 17 Oct 2014 - truptitasol: Not tested
avatar infograf768
infograf768 - comment - 21 Oct 2014

In the mean while, I am now correcting to
#j-sidebar-container {
margin-right: 0;
}
as it is gets really bothersome to test stuff.
490c610

avatar JoomliC
JoomliC - comment - 21 Oct 2014

Just to give a possible little improvement, based on previous comments (#4197 (comment), #4197 (comment) ... )

This is a test (and would need improvements), with less code changes, using Bootstrap that does a much smoother expand/collapse.
(video with a "big" button, but could be achieved with the arrows as well)

https://www.youtube.com/watch?v=ErMILVuPneA&feature=youtu.be

avatar roland-d
roland-d - comment - 21 Oct 2014

@JoomliC Had a look at the video but still unsure about a few things:

  • The video has no view that uses filters
  • The video has no view that uses no search bar (thus the button uses extra screen space)

I do like the way the sidebar looks though, I don't think we need a textual button. There are enough images that can be used so people know what it does.

avatar JoomliC
JoomliC - comment - 10 Nov 2014

Hi @roland-d, sorry for slow response...
Sure you enjoy your last hours at Cancun ;-)

So, i've improved the design, with icons, and i have recorded a longer video, with different view (filters, no search bar...)
All feedback are welcome!

Video preview: https://www.youtube.com/watch?v=PF8zRRTSD_A

Screenshots open/close:
j-toggle-sidebar

And if needed, should i open a new PR ?
Note that i've not yet worked on mobile devices and on RTL language, as it's just a test for the moment, but can do this next week! ;-)

avatar roland-d
roland-d - comment - 14 Nov 2014

@JoomliC Thanks, Cancun was a lot of fun. So I looked at the video and I do like what I see. We will require a new PR for that since you can't change this one. @dbhurley seems to have left it for what it is for now. This PR does no longer patch either. I would suggest a new PR is created and this one closed, so we can continue working on that and get it merged. OK for you David?

I wonder if issue joomla-projects/com_localise#233 is still a problem then.

avatar dgt41
dgt41 - comment - 14 Nov 2014

@roland-d Roland congrats for your new role!

avatar roland-d
roland-d - comment - 14 Nov 2014

Thank you @dgt41

avatar infograf768
infograf768 - comment - 15 Nov 2014

@roland-d @JoomliC
In com_localise I have overriden the sidebar/submenu layout to take in account this PR here.

<div class="toggle-sidebar">
    <?php if (JFile::exists(JPATH_ROOT . '/layouts/joomla/searchtools/default/togglesidebar.php')) : ?>
        <?php echo JLayoutHelper::render('joomla.searchtools.default.togglesidebar'); ?>
    <?php else : ?>
        <?php echo JLayoutHelper::render('joomla.sidebars.toggle'); ?>
    <?php endif; ?>
</div>

Therefore any PR that will be consistent with these layouts path and names should be OK.

The matter of the 2 closing divs I took off there is linked to the fact that our filters are not displayed through JHtmlSidebar::addFilter()

avatar JoomliC
JoomliC - comment - 18 Nov 2014

@roland-d and @dbhurley, yes i can open a new PR, maybe tomorrow.
I've improved the code this week-end, and i have added RTL behaviour.

@infograf768 I'm using the same layout as defined by @dbhurley : joomla.sidebars.toggle
So, it may not give issue with com_localise
And should work with joomla-projects/com_localise#233 (to be tested)

So, keep you inform when the new PR will be ready (in 1 or 2 days)

Cyril

avatar dgt41
dgt41 - comment - 18 Nov 2014

@JoomliC Hint: #5078 this was a response to the issue #5066. Maybe you can incorporate the code to your implementation? The idea here to have the sidebar viewable in smaller screens

avatar roland-d
roland-d - comment - 19 Nov 2014

@dgt41 Thanks for that info. It would be good if @JoomliC could implement that as well. So we have a single PR to handle the sidebar. Once we have the new PR, we can close this one and #5078 to have a single point of work. Thanks guys.

avatar infograf768
infograf768 - comment - 19 Nov 2014

Folks, don't want to hurry you but it would be good if we get this before 3.4.0 beta (release date unknown, but normally soon)

avatar jissues-bot jissues-bot - close - 19 Nov 2014
avatar jissues-bot
jissues-bot - comment - 19 Nov 2014

Set to "closed" on behalf of @zero-24 by The JTracker Application at issues.joomla.org/joomla-cms/4450

avatar zero-24 zero-24 - change - 19 Nov 2014
Status Pending Closed
avatar zero-24
zero-24 - comment - 19 Nov 2014

closing in for the new PR: #5141

This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4450.

avatar jissues-bot jissues-bot - change - 19 Nov 2014
Closed_Date 0000-00-00 00:00:00 2014-11-19 19:00:25
avatar JoomliC
JoomliC - comment - 19 Nov 2014

Yes, new PR is ready : #5141

Thanks @zero-24

@dgt41 and @roland-d : #5078 is not anymore needed in new PR, as use of media query to keep sidebar as it is on 3.3.6 on small devices ;-)

avatar zero-24
zero-24 - comment - 19 Nov 2014

@JoomliC

@dgt41 and @roland-d : #5078 is not anymore needed in new PR, as use of media query to keep sidebar as it is on 3.3.6 on small devices ;-)

Closed :+1: Thanks

Add a Comment

Login with GitHub to post a comment