? ? Success

User tests: Successful: Unsuccessful:

avatar dgt41
dgt41
5 Mar 2015

Scope

Use native bootstrap layout instead of funky own style!
Affects Smart Search: Edit Search Filter in admin area
And com_finder advanced in front side

Preview

Admin area:

BEFORE

screen shot 2015-03-05 at 4 32 03

AFTER

screen shot 2015-03-05 at 4 30 30

Front end:

BEFORE

screen shot 2015-03-05 at 4 31 47

AFTER

screen shot 2015-03-05 at 4 59 02

Testing:

Admin area:
go to /administrator/index.php?option=com_finder&view=filters
Create a new filter.
play around
Save. Reload etc…

Front end
Create a menu for smart search (component not module)
Enable all the option for advanced search.
Visit that page
Play around with the search!

Report errors or suggestions

avatar dgt41 dgt41 - open - 5 Mar 2015
avatar joomla-cms-bot joomla-cms-bot - change - 5 Mar 2015
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - change - 5 Mar 2015
Labels Added: ?
avatar losedk
losedk - comment - 5 Mar 2015

Great job! Will do some testing

avatar dgt41
dgt41 - comment - 5 Mar 2015

@chrisdavenport @infograf768 Can I humble ask for some input or some testing here?
Both of you have a deep understanding how this component work and have a nice testing env, so I will be extremely thankful if you can spare some time for this!

avatar Fedik
Fedik - comment - 5 Mar 2015

:+1:

small note:
such big list not very friendly (maybe somehow can make multi columns, or something), and "toggle selection" that near each checkbox, very confuse:
screen 2015-03-05 19 11 31 255x878

avatar dgt41
dgt41 - comment - 5 Mar 2015

@Fedik multicolumn or scrollable fixed height will be a better fit here?

avatar Fedik
Fedik - comment - 5 Mar 2015

@dgt41 not sure what can be a good solution here, but I hate scroll to much :smile:
multicolumn was a quick idea, but also no idea how it will be :wink:

avatar dgt41
dgt41 - comment - 5 Mar 2015

@Fedik A table style layout is quite hard to be imposed here, as we don’t know the possible width of the every column e.g. a label with some title "something really large to accommodate"
This means we either hardcode some widths with the possibility that some columns might need some scrolling in x-axis or we hardcode some max-height and then we have some y-axis scrolling.
Or something else? Someone front end expert here?

avatar brianteeman brianteeman - change - 5 Mar 2015
Category JavaScript
avatar dgt41
dgt41 - comment - 8 Mar 2015

@losedk Can you test this one?

avatar losedk
losedk - comment - 12 Mar 2015

@dgt41 Just did some testing:

  • The show all button doesn't expand the accordions
  • The toggle selection button only selects the first radio button
avatar losedk
losedk - comment - 12 Mar 2015

Perhaps the Toggle Selection button above the accordion should be renamed to Select all filters?

avatar dgt41
dgt41 - comment - 12 Mar 2015

@losedk which of the two toggle buttons is not working? (the one above the accordion or the one in each slide?)
Yes Toggle selection should be renamed to something more descriptive.
The show all button seems to toggles the state, thus the behavior is kinda weird. If first slide open this will be closed and all others will become open. I have to find a work around for this...

avatar losedk
losedk - comment - 12 Mar 2015

@dgt41 The one above the accordion.

Just tried again. The show all button does work, but when initially clicking, the first group is collapsed and the others are expanded.

avatar dgt41
dgt41 - comment - 12 Mar 2015

Thank you @losedk for the input! Now all should be fixed! I guess I should have tested this with some real data

avatar patjun
patjun - comment - 14 Mar 2015

Hi, i tested the patch and it works.

I have 2 suggestions:

  • The "Show All" could toogle to "Hide All"
  • What Do you think about the number of items behind the Titel of the toogle box. For example "Search by Author (3)"
avatar dgt41
dgt41 - comment - 14 Mar 2015

@patjun Thanks for testing

The button’s function is not toggling all the panels to shown on hidden, is just opening all the panels. The problem is that BS 2.3.2 has same defects here and this is the easiest approach here. But we can make a function to implement this functionality, if people think that this is essential. Bear in mind that as it is right now the code is 1 line, inline in the onClick of a button, very simple implementation…

The count is something that can be easily implemented, will push that in a few minutes...

avatar designbengel
designbengel - comment - 14 Mar 2015

Hello! The "Show all" only opens the first panel.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6322.
avatar dgt41
dgt41 - comment - 14 Mar 2015

@designbengel Thanks, it should be fine now

avatar designbengel
designbengel - comment - 16 Mar 2015

Yes, now it´s ok


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6322.
avatar designbengel designbengel - test_item - 16 Mar 2015 - Tested successfully
avatar patjun
patjun - comment - 18 Mar 2015

Hi,
i tested the patch again. The numbers in the toggle box are perfect, but i still get problem with the "Show all" Button.

What i did:

  • Open my Filter
  • Open Catergory Section -> close Category Section
  • Open Country Section -> close Country Section
  • Click "Show all"

Then i get this. All Section are open except the two Categories i opened and closed before. Here is a screenshot.
voila_capture 2015-03-18_06-38-26_nachm

Thanks
Patrick

avatar dgt41
dgt41 - comment - 19 Mar 2015

@patjun Thanks Patrick for testing!
I made some changes to incorporate a bulletproof solution for expanding collapsing the accordion. It looks like this:

On loading the page:
screen shot 2015-03-19 at 5 03 25

On clicking on Expand all slides button on the right top corner
screen shot 2015-03-19 at 5 03 30

And then on clicking on Collapse all slides
screen shot 2015-03-19 at 5 03 32

This should solve the misbehaving button!

avatar RickR2H
RickR2H - comment - 10 Apr 2015

@test played arround using the filters. Patch seems to work.


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

avatar RickR2H RickR2H - test_item - 10 Apr 2015 - Tested successfully
avatar wilsonge wilsonge - change - 28 May 2015
Milestone Added:
avatar wilsonge
wilsonge - comment - 29 May 2015

@test nearly there. Looks good in the frontend. In the backend however if there are no indexed items and you try to create a new search filter (yes I know super unlikely but....) then the buttons still show

image

and actually by clicking on "Expand All" the view starts to fall apart :P

However other than that one weird test case things look good :) Nice work!!

avatar wilsonge wilsonge - test_item - 29 May 2015 - Tested unsuccessfully
avatar joomla-cms-bot joomla-cms-bot - change - 3 Jun 2015
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - change - 3 Jun 2015
Labels Added: ?
avatar dgt41
dgt41 - comment - 8 Jun 2015

I totally missed the front end module, but it should be fine now:
screenshot 2015-06-09 00 53 34

@wilsonge shall I hide the buttons when items aren't indexed?

avatar wilsonge
wilsonge - comment - 8 Jun 2015

In the backend for the stuff we discussed yes. In the frontend it's really weird. I'd leave it for another PR - because really we probably shouldn't render the module at all or something

avatar designbengel
designbengel - comment - 8 Jun 2015

A Notice Message would be great for the user - if nothing is indexed -> the search module reports that nothing will be shown then. Same for not enabled plugin...

avatar wilsonge
wilsonge - comment - 8 Jun 2015

It's way outside the scope of this PR tho. Let's get that backend stuff fixed @dgt41 that we talked about at JAB (adding that method into the model) then lets get this tested and merged

avatar dgt41
dgt41 - comment - 9 Jun 2015

@wilsonge done!

avatar designbengel
designbengel - comment - 9 Jun 2015

#7140
bildschirmfoto 2015-06-09 um 20 38 15

The filters are overflowing now at the bottom - didn´t found out why yet.

avatar dgt41
dgt41 - comment - 9 Jun 2015

@designbengel I was doing something stupid (inline styling) that’s why you got overflowing modules. Can you retry with the new code?

avatar designbengel
designbengel - comment - 9 Jun 2015

@dgt41 yes great! now it´s fine - and the other stuff i tested long before successfully :)


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

avatar zero-24 zero-24 - alter_testresult - 9 Jun 2015 - wilsonge: Not tested
avatar zero-24 zero-24 - alter_testresult - 9 Jun 2015 - RickR2H: Not tested
avatar roland-d
roland-d - comment - 9 Jun 2015

@test All works as described. The module also fits correctly.

@dgt41 The map count in the backend, would be nice if it is updated on-the-fly as items are checked/unchecked. Can you have a look at that?

avatar zero-24 zero-24 - alter_testresult - 9 Jun 2015 - roland-d: Tested successfully
avatar dgt41
dgt41 - comment - 9 Jun 2015

@roland-d it’s fairly easy, but shall i do it in another PR so we can go ahead and merge this?

avatar roland-d
roland-d - comment - 9 Jun 2015

@dgt41 Sounds good to me.

avatar designbengel
designbengel - comment - 9 Jun 2015

@dgt41 No - sorry now i tested the other stuff as well and The "Expand all" Button doesn´t expand all.
When expanding some slides are closed. When open slides manually some remain open, some not. Strange behaviour...
bildschirmfoto 2015-06-09 um 21 59 57
bildschirmfoto 2015-06-09 um 21 59 44

avatar designbengel
designbengel - comment - 9 Jun 2015

@dgt41 would be great for UX if the checkboxes would check also by clicking on the label. Is that possible?

avatar roland-d
roland-d - comment - 9 Jun 2015

@dgt41 I can confirm the findings by @designbengel. As for the suggestion for clicking the label, that is a good enhancement.

avatar dgt41
dgt41 - comment - 9 Jun 2015

@designbengel @roland-d what browser?

avatar roland-d
roland-d - comment - 9 Jun 2015

@dgt41 FF 38.0.5 on Windows 8.1 in my case.

avatar dgt41
dgt41 - comment - 9 Jun 2015

@roland-d can’t replicate it here! can you give me some more info how this is failing?

avatar roland-d
roland-d - comment - 9 Jun 2015

@dgt41 While I was writing the instructions I can't reproduce it anymore :) Perhaps it was a cache issue. Sorry for the trouble ;)

avatar dgt41
dgt41 - comment - 9 Jun 2015

@roland-d haha spooky code ????
I guess if also @designbengel can confirm that this is a cache problem we can move it to rtc
And make all other improvements in another PR

avatar designbengel
designbengel - comment - 9 Jun 2015

My Browser: Safari 8.0.5 / O SX
cleared the cache -> it worked
Played arround with toggle on/off close/open slides and then the expand all didn´t worked anymore...


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

avatar dgt41
dgt41 - comment - 9 Jun 2015

@designbengel fixed it

avatar designbengel
designbengel - comment - 10 Jun 2015

tested successfully :+1:


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

avatar zero-24 zero-24 - change - 11 Jun 2015
Status Pending Ready to Commit
avatar zero-24
zero-24 - comment - 11 Jun 2015

RTC Thanks for testing and coding here :smile:


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

avatar zero-24 zero-24 - change - 11 Jun 2015
Labels Added: ?
avatar roland-d
roland-d - comment - 8 Sep 2015

@dgt41 Can you please fix the conflicts so we can go ahead and merge it? Thank you.

a74073a 9 Sep 2015 avatar dgt41 CS
4ceb11b 9 Sep 2015 avatar dgt41 more
avatar dgt41
dgt41 - comment - 9 Sep 2015

@roland-d done!

avatar roland-d
roland-d - comment - 9 Sep 2015

@dgt41 Not having much luck today ;) Now Travis throws a fit:

FILE: ...s/build/joomla/joomla-cms/components/com_finder/helpers/html/filter.php

--------------------------------------------------------------------------------

FOUND 1 ERROR(S) AFFECTING 1 LINE(S)

--------------------------------------------------------------------------------

 372 | ERROR | Please consider a blank line preceding your comment
ff2b8d8 9 Sep 2015 avatar dgt41 CS
avatar zero-24
zero-24 - comment - 9 Sep 2015

@roland-d Travis is happy now with the last commit. ;)

avatar roland-d
roland-d - comment - 13 Sep 2015

@dgt41 Sorry to bother this PR further but I would like to ask some more questions. In your images I see your front-end view gives bootstrapped dropdowns, I don't get them. They are regular dropdowns, is that supposed to be the case?

Second is concerning the backend, when creating a filter, you build the according sliders, inside the slider is the content. The sample data has 24 catgories, there is so much whitespace between each entry that the list gets pretty long. Now imagine on a site with many more categories, that means a scroll craze. Can you have a look at reducing the spacing between each item?


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

avatar dgt41
dgt41 - comment - 14 Sep 2015

@roland-d front end select tags have no bootstrap touches (the preview is safari browser and should be different in each browser). We could apply chosen there to modify the look and feel but I wouldn’t recommended for the front end. For the input tags inside of the slider a simple css addition should fix the spacing. By the way, which browser you’ve used to test this?

avatar roland-d
roland-d - comment - 14 Sep 2015

@dgt41 As for front-end, I agree, let's not touch it just was looking to understand the difference between your image and what I saw.

Backend, I am using Firefox on a Mac.

avatar dgt41
dgt41 - comment - 21 Sep 2015

@roland-d It should be ok now

avatar roland-d
roland-d - comment - 3 Oct 2015

@dgt41 The input height is OK now. Even so, I think we may need to move to chozen at some point, as that is much friendlier with long lists, out of scope for this PR.

avatar roland-d roland-d - reference | b3ac598 - 3 Oct 15
avatar roland-d
roland-d - comment - 3 Oct 2015

This has been merged into 3.5-dev with commit b3ac598 Thanks.

avatar roland-d roland-d - change - 3 Oct 2015
Status Ready to Commit Closed
Closed_Date 0000-00-00 00:00:00 2015-10-03 09:10:21
Closed_By roland-d
avatar roland-d roland-d - close - 3 Oct 2015
avatar zero-24 zero-24 - change - 3 Oct 2015
Labels Removed: ?
avatar dgt41 dgt41 - head_ref_deleted - 3 Oct 2015

Add a Comment

Login with GitHub to post a comment