2018-02-28 12:41:06 +01:00
< div class = "cm-results-section" >
< header id = "cm-results-section-header" class = "uk-container uk-container-expand" >
< div class = "cm-results-controls" >
< div class = "uk-margin" >
2018-03-08 11:19:06 +01:00
< h4 > Test area < span class = "cm-tooltip" uk-icon = "icon: info" title = "If you want the tooltip to appear with a little delay, just add the delay option to the uk-tooltip attribute with your value in milliseconds." uk-tooltip = "pos: bottom" > < / span > < / h4 >
2018-03-02 11:07:03 +01:00
< p > Choose a document sample to test your matchin results!< / p >
2018-03-08 11:19:06 +01:00
< div class = "uk-grid-collapse uk-child-width-expand" uk-grid >
2018-03-02 11:07:03 +01:00
<!-- <form class="uk - search uk - search - default uk - width - 1 - 5@m"> -->
<!-- <span class="uk - search - icon - flip" uk - search - icon></span> -->
<!-- <input class="uk - search - input" type="search" placeholder="Search..." style="background - color: white;"> -->
<!-- </form> -->
< button * ngIf = "documentsLoaded>0" class = "uk-button uk-button-primary uk-width-auto cm-doc-selected" > {{docNameLoaded}}< span uk-icon = "icon: check; ratio: 1" > < / span > < / button >
2018-02-28 12:41:06 +01:00
< div class = "uk-width-expand" uk-slider >
< div class = "uk-position-relative" >
< div class = "uk-slider-container" >
< ul class = "uk-slider-items uk-grid-small" >
< li * ngFor = "let doc of docSamples" >
< button class = "uk-button uk-button-primary" ( click ) = " chooseSample ( doc . name ) " > {{doc.name}}< / button >
< / li >
< / ul >
< / div >
< div >
< a class = "uk-position-center-left uk-position-small cm-slidenav cm-slidenav-left" href = "#" uk-slidenav-previous uk-slider-item = "previous" > < / a >
< a class = "uk-position-center-right uk-position-small cm-slidenav cm-slidenav-right" href = "#" uk-slidenav-next uk-slider-item = "next" > < / a >
< / div >
< / div >
< / div >
< / div >
2018-03-08 11:19:06 +01:00
< div class = "uk-grid-collapse uk-child-width-expand" uk-grid >
2018-03-02 11:07:03 +01:00
< span * ngIf = "documentsLoaded>0" class = "uk-text uk-text-success" style = "margin-top: 12px" > {{documentsLoaded}} document{{documentsLoaded===1?'':'s'}} loaded< / span >
< span * ngIf = "documentsLoaded<1" class = "uk-text uk-text-danger" style = "margin-top: 12px" > No documents selected< / span >
< div class = "uk-text-right uk-margin-small-top" >
< span class = "uk-text-middle" > or< / span >
< div uk-form-custom >
< input # docupload type = "file" ( change ) = " fileChangeUpload ( $ event ) ; docupload . value = '' " accept = ".txt,.pdf" >
< span class = "uk-link" > Upload your documents< / span >
< / div >
2018-02-28 12:41:06 +01:00
< / div >
< / div >
2018-03-02 11:07:03 +01:00
2018-02-28 12:41:06 +01:00
< / div >
< / div >
< / header >
2018-03-02 11:07:03 +01:00
< div id = "cm-run-test-section" >
< h4 > Test results < span class = "cm-tooltip" uk-icon = "icon: info" title = "If you want the tooltip to appear with a little delay, just add the delay option to the uk-tooltip attribute with your value in milliseconds." uk-tooltip = "pos: bottom" > < / span > < / h4 >
< div class = "uk-display-inline" >
2018-03-08 11:19:06 +01:00
< button id = "run-mining-btn" class = "uk-button uk-button-primary" [ disabled ] = " documentsLoaded < 1 " ( click ) = " runMining ( ) " > Test rules on the selected documents< / button >
2018-03-02 11:07:03 +01:00
< span * ngIf = "matches_number>0" id = "results-number" class = "uk-text-primary uk-margin-left uk-text-bottom" > {{matches_number}} matche{{matches_number===1?'':'s'}} found< / span >
< span * ngIf = "prev_matches_number>0" id = "results-number-previous" class = "cm-text-muted uk-text-bottom" > , {{prev_matches_number}} matche{{prev_matches_number===1?'':'s'}} found previously< / span >
< / div >
< / div >
2018-02-28 12:41:06 +01:00
< div id = "results-section" class = "cm-results-rows" >
< ul id = "docs-results" uk-accordion = "multiple: true" >
< li * ngFor = "let result of resultsArray;" class = "uk-card uk-card-default uk-card-small uk-card-body uk-open" >
< h3 class = "uk-accordion-title" > {{result.docTitle}}< / h3 >
< div class = "uk-accordion-content" aria-hidden = "false" >
< div * ngFor = "let match of result.matches" >
2018-03-02 11:07:03 +01:00
< div class = "match" > Match {{match.matchcounter}}: {{match.match}}< / div >
2018-02-28 12:41:06 +01:00
< p class = "cm-document-result" >
{{match.extraprev}} < span class = "textwindow" [ innerHTML ] = " match . context " > < / span > {{match.extranext}}
< / p >
< / div >
< / div >
< / li >
< / ul >
< / div >
< / div >
2018-03-02 11:07:03 +01:00
< div id = "wait-spinner-modal-center" class = "uk-flex-top" esc-close = "false" bg-close = "false" uk-modal [ ngClass ] = " { ' uk-open ' :runingMining } " [ style . display ] = " runingMining ? ' flex ' : ' none ' " >
< div class = "uk-modal-dialog uk-modal-body uk-margin-auto-vertical" >
< p class = "uk-text-center uk-text-middle uk-text-large" > Working on it, please wait... < span uk-spinner > < / span > < / p >
< / div >
< / div >