UPDATED - Actions Menu

Hi Harsh , 

I just want to confirm that you are using this JS file for the actions menu: 

http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/assets/scripts/min/sassquatch.min.js

We are not experiencing any issues on our side, so the problem may lie in your implementation. 

Let us know if you have any questions. 

Savannah

Hi Savannah ,

We have checked with your above JS file and still issue occurred.

I think in your template the action menu is old.

The new action menu style is as per following screen shot.

action-menu-ac.png 90 KB • Download

We are using this action menu in all research tools.

Please use this above style action menu and check the action menu in compact view in all research tool.

Hi Harsh ,

We looked at the js file currently being used on the app (http://rebuilddemo.investorstatelawguide.com/FEassets/scripts/min/sassquatch.min.js), and it is not up to date.

Please use this file and let us know if the issue is still occurring:
http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/assets/scripts/sassquatch.js

Thanks

Savannah

Hi Savannah ,

We checked with your updated JS file in our local environment but still issue is there.

Could you please check with replace the action menu as per above screenshot and provide that html template again so we can check and compare.

Hi Harsh ,

Here is a file containing the function so you can implement it into your code.

Please let me know if you are still having issues.

dropdowns.js 598 Bytes • Download

Hi Savannah Melissa ,

I am not going to use above drodown.js function until we get confirmation from Stephanie side.

Hi Harsh , 

here is the updated template: http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/article-citator.html#

Let us know if you are still encountering issues. 

Hi Savannah ​,


Could you please confirm that dropdown.js function  need to integrate or not?

Or there is change in AC template?

Hi Harsh ,

We updated the action menu on our end, so:

This template: http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/article-citator.html#
This JS: http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/assets/scripts/sassquatch.js

Should be used. You do not need to integrate the dropdown.js

Savannah

Here is the js file as well: 

sassquatch.js 31.9 KB • Download

Hi Harsh , 

Here is the updated JS file for the actions menu: 

https://tologix-islg-subscribers.s3.ca-central-1.amazonaws.com/assets/scripts/sassquatch.js

Let me know if you have any issues (I also updated the css file in the CSS folder).  

Savannah

Hi Savannah ,

We have found so many issue after integrated new JS and CSS file.

The Filter popup is overlapping in JC. In your template you don't have data so you can not find that issue.

jc_searchpoup.png 149 KB • Download

Also, Due to following function in JS file, we are not able to load the data in PC, SN & TP module.

//$('.item-list').each(function () {
    //    dropdownCount++;
    //    var dropdownIndex = dropdownTotal - dropdownCount;
    //    $(this).css('position', 'relative');
    //    $(this).css('z-index', dropdownIndex);
    //});

In previous version of JS the above function was not avilable that time it works. but in new js file, due to above function the data is not loading in PC, TP and SN tool.

Hi Savannah ,

Also, still there and overlapping issue in action menu. Today we have call with Melisa and Naomi at 8:30 AM Ottawa time. 

IF possible then please join with your developer so we can discuss over call.

Hi Harsh , 

We've taken a look at the templates. The overlapping issue is occurring because you removed the functions we wrote to fix it. We understand you removed them because they were preventing your data from loading.

We recommend generating the z-indexes on the elements in the templating language you are using, and remove the need for JS to generate them. This method will be far more effective than anything we provide using JS. 

Savannah 

Hi Savannah ,

We are not able to understand how we will do at template level. IF you do at common JS level then it will be good for us so we don't want to go each tool template and change it.

Please clarify how we can achieve this ?

We are ready to take call with your developer and resolve this thing.

Hi Harsh , 

Are you free for a call tomorrow (Tuesday, Aug. 18) at 9am Ottawa time?

Savannah

Hi Savannah ,

We are available today 9:00 AM Ottawa time. Please send invitation details.

Hi Savannah ,

Due to medical emergency in my relative, I am not able to take call today. 

Can we take call tomorrow (19/08) same time (9:00 AM Ottawa time ) ?

Hi Harsh , 

No problem. I rescheduled it to Friday. 

Hi Harsh , 

Here are the updated files for the action menu: 
http://tologix-islg-subscribers.s3.ca-central-1.amazonaws.com/publication-citator-devit.html

https://tologix-islg-subscribers.s3.ca-central-1.amazonaws.com/assets/scripts/sassquatch.js

A few notes from our developer: 

 

The classes I added to our function are .specific-references > .card--details and .all-references > .card--details. 

Before testing the page above, clear your cache. 

Please test this before our call at 9am if you have time so you can let us know if you encounter any issues. 

Savannah

Hi Savannah and Kevin ,

By using updated JS, The issue is resolved for JC & PC tool but for SN, AC, TP & DD tool the issue is still there.

Actually, We have found that the hierarchy which you used in JS file is work for JC & PC tool.



$('.item-list > .card--details, .specific-references > .card--details, .dropdown__content > .card--details, .all-references > .card--details').each(function () {
        dropdownCount++;
        var dropdownIndex = dropdownTotal - dropdownCount;
        console.log('test' + dropdownCount);
        $(this).css('position', 'relative');
        $(this).css('z-index', dropdownIndex);
    });

But, same hierarchy is not same for other research tool. Hence, if we apply specific-reference or all-reference class on those tool but still action menu overlap issue is not resolved.


Also, The bug which produced by Naomi  in Publication Citator,(https://industrialagency.tpondemand.com/restui/board.aspx?#page=board/5596457270758793748&appConfig=eyJhY2lkIjoiNEIyRDU0NTZFNkFEOUY1MUQwQzA5QzI5QjBBNjM1OTMifQ==&boardPopup=bug/17318/silent)

The overlap issue as per following screenshot in action menu is still there for all tools.

pc-action-menu-25082020.PNG 35.8 KB • Download

Please suggest.

Hi Savannah ,

The new single Search for JC tool after merged latest CSS looks as per following screen shot.

Please confirm that is it OK ?

JC_Single_Search.png 121 KB • Download

Hi Harsh , 

You need to use the same classes as used in the JC and PC tool. 

And for single search, that's not quite right. We will be in touch regarding how to proceed. 

Hi Savannah ,

We have used same class for other tool but the template is not set as per PC & JC. Hence, It is not working.

Could you please test in your template and provide the template for AC, SN, TP & DD for same ?

We have call tomorrow with Melisa and Naomi. so your developer can join then we can talk over call.

Hi Harsh , 

I have added our developer to the call tomorrow. 


For the drop down menu, please follow the template we provided here: 
http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/jurisprudence-citator.html

You'll see that you're missing some padding around the search suggestions and the font weight is incorrect. Also, please make sure the behaviour is single select, not multi. 

Thanks

Savannah

Hi Savannah ,

We did one minor change in our css and the search suggestion for single select is working as per our expectation.

single_Search.png 118 KB • Download

Regarding, Action menu, we will talk with your developer today and let you know.

Hi Harsh , 

The HTML Files you gave us for Subject-Navigator, Term and Phrases and Dispute Document were incomplete because some of the element are loading in AJAX. We did our best to figure it out from what you have on the app.

 

https://tologix-islg-subscribers.s3.ca-central-1.amazonaws.com/assets/scripts/sassquatch.js

Article Citator HTML was complete. You can see on this example that it's fixed: 
http://tologix-islg-subscribers.s3.ca-central-1.amazonaws.com/devit-article-citator.html

Let us know if you have any questions or encounter any other issues. 

Savannah

Hi Savannah ​,

Could you please able to tell what we need to change for Article citator template?

Hi Savannah ,

The above JS file we integrated in application and it works for Article Citator template.

Now, The Subject Navigator, Term & Phrase, Treaty & Rule and Dispute Document tool is pending to resolve action menu issue.

Hi Savannah ,

After integrated above js file we found that, The Subject Navigator and Term & Phrase action menu is not working due to run time calculate the z-index and it is causing us in development.

If we going to click the Action menu then it is not working due to Z-index applied on those action menu.

Please update us as soon as possible that how we can resolve the issue.

Hi Harsh ,

I have updated the files under actions menu at the top of this thread so they are easier for you to access.

We have tested what we can on our end. Please let us know if there are issues once you've implemented and perhaps we can discuss on our Monday morning call.

Savannah

CC Morgan  

Hi Savannah ​,

Thanks. We need to replace both JS and CSS file?

Could you please attache the files with send separate message again  in this thred. so will take those files only.

Hi Harsh , 

Yes. We updated both files, here they are: 

sassquatch.min (17).css 179 KB • Download

sassquatch.min (10).js 21.6 KB • Download

Thanks Savannah ​. We will migrate those files before our monday call and will do primary testing. if any thing we find then will let you know.

Hi Savannah ,

Due to Priority of this issue, Today, We integrated above attached JS file and CSS in application and the our major issue of z-index which was blocked us to open accordion in SN and TP is resolved.

But, We found still some issues in Action Menu while we compact the card. Particular this issue only occur in AC, TP and DD module and header action menu of application.

This thing is not blocking us for next release but please look into this and resolve it.

Following, I have attached the Screenshots and video for your reference.

Thank you Harsh . Kev will work on this this week and I will keep you updated on our progress. 

Savannah

Hi Savannah ,

Any update on this ? Due to this issue, 2 cards are in blocked state of Term & Phrase module. 

Hi Harsh , 

This original thread was updated on October 8th with the updated files and CSS. We aren't experiencing any issues on our end so please double check that you are implementing them correctly once you update your files (above, in original message). 

Let us know if you have any issues, 

Savannah

Hi Savannah ,

Could you please attached that CSS and JS file in this thread ? so we can integrate and check it.

No problem  Harsh , the message is at the top of this thread but it is copied below:

Hi Harsh ,

We have attached updated assets for issues in the header, however all the dropdowns within the content of those pages work in our templates. Please take a closer look at their markup vs. what we have in the templates and make sure it matches, as there is nothing we can do from our end to resolve this. Once you have implemented the new CSS, we can have a call to discuss issues might be having.

Here are the updated files for the Actions Menu:

sassquatch.min (21).css 179 KB • Download

Templates:

http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/terms-phrases.html
http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/article-citator.html
http://tologix-islg-subscribers.s3-website.ca-central-1.amazonaws.com/dispute-documents.html

OK Thanks Savannah . We will integrate the CSS file and let you know if we face any issue.

Hi Savannah ,

Does the JS file required any changes or did you change anything in Template level in Term and Phrase ?

We integrated only CSS file but it is not work in our side.

Please suggest.

Hi Harsh , 

No changes were made to the JS. If you are still having issues please provide videos and which files you are working with. 

Savannah