Hi Anil ,

Further to the video below, there are still a number of issues with the front-end search including:

1. Selecting "Enter" on your keyboard after entering a term into search field should cause the search to run.
2. On the result page, please explain how documents are ordered by Relevance.
3. For tagged excerpts, further work is needed to match the formatting in the HTML document
4. For tagged excerpts, selecting the excerpt should take the user directly to the except with full text of the document ( Stefanie and Ryan , please confirm whether you agree with this requirement).
5. For keyword results, the search is not picking up all the keywords that match the searched term in certain documents.
6. For keyword excerpts, please ensure the excerpts match the formatting of the HTML.
7. For keyword excerpts, when selecting view in entire document, it doesn't take the user to the appropriate place in the document, nor does it highlight the relevant keyword.
8. For keyword search, there is no way to jump through the different keyword matches (already mention by Stefanie above).

Thanks,

Morgan

Problem with front-end P3 search (3-Aug-18).mp4 44.4 MB • Download

Hello Morgan and Stefanie ,

1. Selecting "Enter" on your keyboard after entering a term into search field should cause the search to run. - Done
2. On the result page, please explain how documents are ordered by Relevance. - Documents will be ordered by sum of tags and keywords count. Please let us know your thoughts.
3. For tagged excerpts, further work is needed to match the formatting in the HTML document. - requires more r & d 
4. For tagged excerpts, selecting the excerpt should take the user directly to the except with full text of the document ( Stefanie and Ryan , please confirm whether you agree with this requirement). - Done
5. For keyword results, the search is not picking up all the keywords that match the searched term in certain documents. - Done
6. For keyword excerpts, please ensure the excerpts match the formatting of the HTML. - This is default view generated by dtSearch and hence there are limitations. Please suggest.
7. For keyword excerpts, when selecting view in entire document, it doesn't take the user to the appropriate place in the document, nor does it highlight the relevant keyword. - Requires r & d, in progress
8. For keyword search, there is no way to jump through the different keyword matches (already mention by Stefanie above). - Done

Hi Anil ,

Further to the video below, issues #4 and #7 are partially complete. However, I discovered some other issues that need to be resolved:

• #4: navigating to tagged excerpts is not highlighting entire excerpt
• #7: we need to display HTML is separate window with its own scrolling bar, so that the user does not need to scroll through the entire document to navigate to the top of the page.

Thanks,

Morgan

Problems with P3 front-end search (14-Aug-18).mp4 68.5 MB • Download

Anil  

In order to have the main header sticky the height of the header will need to be offset in the position of the other sticky elements.

To make the header sticky add the following CSS

#headerDisplay{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

var headerHeight = $('#headerDisplay').outerHeight();

$(window).resize(function(){
  headerHeight = $('#headerDisplay').outerHeight();
  checkScrolled();
});

checkScrolled();

function checkScrolled(){
    $('body').css('padding-top', headerHeight + 'px');
}

$('.scroll-fixed1').css('top', headerHeight + 'px');
$('.scroll-fixed').css('top', 50 + headerHeight + 'px');

Anil

Looks good on desktop, just needs 1 fix for mobile:

Screen Shot 2018-08-29 at 8.58.07 AM.png 45.3 KB • Download

Similarly to how we are detecting the vertical offset of the main header, we will need to offset "Tagged Highlights/Keyword Highlights" by the height of the main header + red links

headerHeight = $('#headerDisplay').outerHeight();
// Include a script to detect the height of the red links container here

$('.scroll-fixed').css('top', redlinksHeight + headerHeight + 'px');