2018-03-22 22:32:33 +01:00
< div class = "uk-grid-collapse uk-child-width-expand uk-text-middle" uk-grid >
< h4 class = "cm-margin-medium" > Test area< / h4 >
< div class = "uk-text-right" >
2018-03-23 15:02:35 +01:00
< button id = "next-button" class = "uk-button cm-button-primary uk-margin-small-top" ( click ) = " saveProfile ( ) " > Continue< / button >
2018-03-22 22:32:33 +01:00
< / div >
< / div >
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-22 22:32:33 +01:00
< p > Select or upload a dataset to test the mining algorithm. Each dataset contains documents from various sources according to its title.< / 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> -->
2018-03-22 22:32:33 +01:00
< button * ngIf = "documentsLoaded>0" class = "uk-button cm-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" >
2018-03-19 13:44:18 +01:00
< button class = "uk-button cm-button-examples" ( click ) = " chooseSample ( doc . name ) " > {{doc.name}}< / button >
2018-02-28 12:41:06 +01:00
< / 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" >
2018-03-23 15:02:35 +01:00
< span class = "uk-link" > Upload your documents< / span >
2018-03-02 11:07:03 +01:00
< / div >
2018-04-12 12:48:02 +02:00
< span class = "cm-tooltip" uk-icon = "icon: info" title = "<span class='cm-label cm-label-docs'>PDF</span><span class='cm-label cm-label-docs'>TXT</span><span class='cm-label cm-label-docs'>JSON</span><span class='uk-text uk-text-small cm-coloured-text-meta'>file type<br>maximum 1MB</span><br><br>Upload either 1 <b>single PDF</b> or 1 <b>single TXT</b> file or a valid <b>JSON file with two keys (id, text)</b><br>JSON files are necessary when you want to test the algorithm in <b>many publications.</b>" uk-tooltip = "pos: right" > < / span >
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" >
< div class = "uk-display-inline" >
2018-03-19 13:44:18 +01:00
< button id = "run-mining-btn" class = "uk-button cm-run-test-button" [ disabled ] = " documentsLoaded < 1 " ( click ) = " runMining ( ) " > Run rules test< / button >
2018-03-26 12:55:47 +02:00
< span * ngIf = "matches_number !== ''" id = "results-number" class = "cm-coloured-text uk-margin-left uk-text-bottom" > {{matches_number}} matche{{matches_number===1?'':'s'}} found< / span >
< span * ngIf = "prev_matches_number !== ''" id = "results-number-previous" class = "cm-text-muted uk-text-bottom" > , {{prev_matches_number}} matche{{prev_matches_number===1?'':'s'}} found previously< / span >
2018-03-02 11:07:03 +01:00
< / 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 >