Skip to content

Commit

Permalink
Add tutorial texts to new search
Browse files Browse the repository at this point in the history
  • Loading branch information
@ommann
ommann committed Mar 4, 2024
1 parent 8e5f134 commit 58da2f6
Show file tree
Hide file tree
Showing 8 changed files with 220 additions and 50 deletions.
92 changes: 89 additions & 3 deletions src/app/portal/components/results/publications2/publications2.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -478,12 +478,70 @@ <h3 style='font-size: 1.4rem; margin: 0'>Rajaa hakua</h3>
</div>
</ng-template>

<ng-template #tutorialDialog>
<div class='dialog-header' style='display: flex; justify-content: space-between; padding: 18px 16px'>
<div style='display: flex; align-items: center'>
<i class='fa fa-info-circle' style='font-size: 1.3rem; color: #4546b9; padding-right: 16px' aria-hidden='true'></i>
<h3 style='font-size: 1.4rem; margin: 0' i18n='@@searchHelpButton'>Hakuohje</h3>
</div>

<app-close-button tabindex="-1"
(click)='closeTutorialDialog()'
(keydown.enter)='closeTutorialDialog()'
></app-close-button>
</div>

<div style='background-color: white; width: 100%; padding: 1rem'>
<p i18n="@@publication2.tutorial.1">
Testaa uudistetun haun betaversiota. Uudistettua hakua on toistaiseksi mahdollista testata ainoastaan julkaisutietojen hakemisessa.
</p>

<p i18n="@@publication2.tutorial.2">
Kirjoita hakukenttään esimerkiksi julkaisun tai tekijän nimi, tai julkaisuun liittyvä asiasana.
</p>

<p i18n="@@publication2.tutorial.3">
Haku käyttää sanojen välissä oletuksena OR-hakuoperaattioria. Halutessasi voit käyttää myös AND- ja NOT- hakuoperaattoireita. Esimerkiksi haku Innovation AND gamification NOT games etsii julkaisuja, joissa esiintyvät yhtä aikaa sanat "innovation" ja "gamification", mutta joissa ei ole mukana sanaa "games". Huomioithan, että AND, NOT ja OR -hakuoperaattorit tulee kirjoittaa hakukenttään isoilla kirjaimilla.
</p>

<p i18n="@@publication2.tutorial.4">
Sulkemalla haussa esiintyvät sanat lainausmerkeillä fraasiksi voit etsiä osumia jotka ovat täsmälleen samassa muodossa. Esimerkiksi fraasihaku "Innovations in gamifications" etsii julkaisuja, joissa esiintyy juuri tämä lause. Voit myös yhdistää useampia fraasihakuja AND-, OR- tai NOT-hakuoperaattoreilla.
</p>

<p i18n="@@publication2.tutorial.5">
Voit hakea kohdistetusti joitakin metatietoja suoraan hakukentässä käyttämällä niille erikseen määriteltyjä komentoja. Haussa on käytettävä fraasihakua. Toistaiseksi haku on mahdollista kohdistaa seuraaviin metatietoihin:
</p>

<ul>
<li i18n="@@publication2.tutorial.6">
DOI, kirjoita hakukenttään doi:"haettava tunnus", esimerkiksi doi:"100100100"
</li>

<li i18n="@@publication2.tutorial.7">
ISSN, kirjoita hakukenttään issn:"haettava tunnnus", esimerkiksi issn:"1234-1234"
</li>

<li i18n="@@publication2.tutorial.8">
ISBN, kirjoita hakukenttään isbn:"haettava tunnus", esimerkiksi isbn:"123-0-456-12345-1"
</li>

<li i18n="@@publication2.tutorial.9">
JUFO-tunnus, kirjoita hakukenttään jufoCode:"haettava tunnus", esimerkiksi jufoCode:"12345"
</li>
</ul>

<p i18n="@@publication2.tutorial.10">
Huomioithan, että kohdistetussa haussa metatietokentät tulee kirjoittaa pienillä kirjaimilla.
</p>
</div>
</ng-template>

<div class="search-container">

<!-- TODO: standalone-header here -->

<div class='search-bar' style="background-color: orange; height: 100px; display: flex; justify-content: center; align-items: center">
<app-search-bar2 [(value)]='keywords' (search)='searchKeywords(keywords)'></app-search-bar2>
<app-search-bar2 [(value)]='keywords' (search)='searchKeywords(keywords)' (instructions)='openTutorialDialog()'></app-search-bar2>
</div>

<!-- TODO HIDE FOR NOW -->
Expand Down Expand Up @@ -556,14 +614,18 @@ <h2>Julkaisut - {{total$ | async}}</h2>
</div>

<div style='height: 58px; padding: 16px'>
Näytetään tulokset {{(page - 1) * size + 1}} - {{page * size}} / {{total$ | async}}
<ng-container i18n='@@paginationResultCount'>Näytetään tulokset </ng-container>

{{(page - 1) * size + 1}} - {{page * size}} / {{total$ | async}}

<select [ngModel]='size' (ngModelChange)='setPageSize($event)'>
<option [ngValue]='10'>10</option>
<option [ngValue]='100'>100</option>
</select>

tulosta / sivu

<ng-container i18n='@@search-bar.results'> tulosta </ng-container> / <ng-container i18n='@@search-bar.page'> sivu </ng-container>


<a [routerLink]='["/service-info"]' fragment='service-info2'>
<ng-container i18n="@@publication2.contentInfo">
Expand Down Expand Up @@ -654,6 +716,30 @@ <h2>Julkaisut - {{total$ | async}}</h2>
</ng-container>
</ng-container>

<!-- fieldOfScience -->
<ng-container *ngFor='let fieldsOfScienceFilter of fieldsOfScienceFilters$ | async'>
<ng-container *ngIf='fieldsOfScienceFilter.enabled'>

<div style='display: inline-flex; align-items: center; background-color: white; border: 2px solid #4546b9; padding: 7px 3px; border-radius: 4px; cursor: pointer; font-weight: bold; margin: 4px' (click)='toggleParam("fieldOfScience", fieldsOfScienceFilter.id)'>
<div style='font-size: 0.8rem; padding-left: 8px'>{{fieldsOfScienceFilter.name}}</div>
<i class='fa fa-times' style='padding-left: 7px; padding-right: 8px' aria-hidden='true'></i>
</div>

</ng-container>
</ng-container>

<!-- publicationTypeCodeFilters$ -->
<ng-container *ngFor='let publicationTypeCodeFilter of publicationTypeCodeFilters$ | async'>
<ng-container *ngIf='publicationTypeCodeFilter.enabled'>

<div style='display: inline-flex; align-items: center; background-color: white; border: 2px solid #4546b9; padding: 7px 3px; border-radius: 4px; cursor: pointer; font-weight: bold; margin: 4px' (click)='toggleParam("publicationType", publicationTypeCodeFilter.id)'>
<div style='font-size: 0.8rem; padding-left: 8px'>{{publicationTypeCodeFilter.name}}</div>
<i class='fa fa-times' style='padding-left: 7px; padding-right: 8px' aria-hidden='true'></i>
</div>

</ng-container>
</ng-container>

<!-- languageCode -->
<ng-container *ngFor='let languageCodeFilter of languageCodeFilters$ | async'>
<ng-container *ngIf='languageCodeFilter.enabled'>
Expand Down
19 changes: 18 additions & 1 deletion src/app/portal/components/results/publications2/publications2.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,9 +68,26 @@ export class Publications2Component implements OnDestroy {
sort = "";

dialogRef?: DialogRef<any>;

@ViewChild('searchDialog') dialogTemplate: TemplateRef<any>;

// Dialog for insturctions / tutorial
tutorialDialogRef?: DialogRef<any>;
@ViewChild('tutorialDialog') tutorialDialogTemplate: TemplateRef<any>;

openTutorialDialog() {
this.tutorialDialogRef = this.dialog.open(this.tutorialDialogTemplate, {
panelClass: 'large-responsive-panel',
});

this.tutorialDialogRef.closed.subscribe(() => {
console.log('The tutorial dialog was closed');
});
}

closeTutorialDialog() {
this.tutorialDialogRef?.close();
}

labelText = {
yearOfPublication: $localize`:@@yearOfPublication:Julkaisuvuosi`,
organization: $localize`:@@organization:Organisaatio`,
Expand Down
7 changes: 5 additions & 2 deletions src/app/portal/search-bar2/search-bar2.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,11 @@
Hae
</button>

<div matRipple i18n='@@searchHelpButton' style='cursor: pointer; user-select: none; color: white; font-size: 14px; padding: 0 1rem; display: flex; justify-content: center; align-items: center; margin-right: 8px' (click)='instructions.emit()'>
Hakuohje
<div matRipple style='cursor: pointer; user-select: none; color: white; font-size: 14px; padding: 0 1rem; display: flex; justify-content: center; align-items: center; margin-right: 8px' (click)='instructions.emit()'>
<ng-container i18n='@@searchHelpButton'>
Hakuohje
</ng-container>

<i class='fas fa-chevron-down' style='margin-left: 0.5rem'></i>
</div>
</div>
4 changes: 0 additions & 4 deletions src/app/portal/search-bar2/search-bar2.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,4 @@ export class SearchBar2Component {
@Output() instructions = new EventEmitter<void>();

public keywords = this.route.snapshot.queryParams.q ?? "";

searchKeywords(keywords: string) {
this.router.navigate([], { queryParams: { q: keywords }, queryParamsHandling: 'merge' });
}
}
52 changes: 36 additions & 16 deletions src/i18n/messages.en.xlf
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6692,52 +6692,72 @@
</trans-unit>

<trans-unit id="publication2.tutorial.1">
<source>Kirjoita hakukenttään julkaisun nimi tai asiasana.</source>
<target>In the search field, enter the name of the publication or keyword.</target>
<source>Testaa uudistetun haun betaversiota. Uudistettua hakua on toistaiseksi mahdollista testata ainoastaan julkaisutietojen hakemisessa.</source>
<target>Test the beta version of the improved search function. The new search can currently only be tested in publication information retrieval.</target>
</trans-unit>

<trans-unit id="publication2.tutorial.2">
<source>Hakutulosten rajaaminen onnistuu haun jälkeen hakunäkymässä.</source>
<target>You can filter search results after searching in the search view.</target>
<source>Kirjoita hakukenttään esimerkiksi julkaisun tai tekijän nimi, tai julkaisuun liittyvä asiasana.</source>
<target>Write in the search field, for example, the name of the publication or author, or a keyword related to the publication.</target>

</trans-unit>

<trans-unit id="publication2.tutorial.3">
<source>Haku kohdistuu julkaisuihin.</source>
<target>The search targets publications.</target>
<source>Haku käyttää sanojen välissä oletuksena OR-hakuoperaattioria. Halutessasi voit käyttää myös AND- ja NOT- hakuoperaattoireita. Esimerkiksi haku Innovation AND gamification NOT games etsii julkaisuja, joissa esiintyvät yhtä aikaa sanat "innovation" ja "gamification", mutta joissa ei ole mukana sanaa "games". Huomioithan, että AND, NOT ja OR -hakuoperaattorit tulee kirjoittaa hakukenttään isoilla kirjaimilla.</source>
<target>The search uses the OR search operator by default between words. If you wish, you can also use the AND and NOT search operators. For example, the search Innovation AND gamification NOT games search for publications that simultaneously contain the words “innovation” and “gamification”, but do not include the word “games”. Please note that the AND, NOT, and OR search operators must be written in capital letters in the search field.</target>
</trans-unit>

<trans-unit id="publication2.tutorial.4">
<source>Haku käyttää sanojen välissä oletuksena OR-komentoa. Halutessasi voit lisätä sanojen väliin AND- tai NOT-komennon. Esimerkiksi Innovation AND gamification NOT games, jolloin haku etsii julkaisuja, joissa molemmat "innovation" ja "gamification" sanat, mutta ei "games" sanaa. Huomioithan, että AND, NOT ja OR -komennot tulee kirjoittaa hakukenttään isoilla kirjaimilla.</source>
<target>The search uses the OR command between words by default. If you want, you can add the AND or NOT command between words. For example, Innovation AND gamification NOT games, then the search looks for publications that contain both “innovation” and “gamification” words, but not the “games” word.</target>
<source>Sulkemalla haussa esiintyvät sanat lainausmerkeillä fraasiksi voit etsiä osumia jotka ovat täsmälleen samassa muodossa. Esimerkiksi fraasihaku "Innovations in gamifications" etsii julkaisuja, joissa esiintyy juuri tämä lause. Voit myös yhdistää useampia fraasihakuja AND-, OR- tai NOT-hakuoperaattoreilla.</source>
<target>By enclosing the phrases appearing in the search in quotation marks, you can search for matches exactly in the same form. For example, the phrase search "Innovations in gamifications" searches for publications that contain exactly this sentence. You can also combine several phrase searches with AND, OR, or NOT search operators.</target>
</trans-unit>

<trans-unit id="publication2.tutorial.5">
<source>Sulkemalla lauseen "fraasiksi" voit etsiä juuri siinä muodossa olevaa lausetta. Esimerkiksi "Innovations in gamifications", jolloin haku etsii julkaisuja, joissa löytyy juuri tämä lause. Voit yhdistää fraaseja AND-, OR- tai NOT-komennoilla.</source>
<target>By closing the sentence as a “phrase” you can search for a sentence that is exactly in that form. For example, “Innovations in gamifications”, then the search looks for publications that contain exactly this sentence. You can combine phrases with AND, OR or NOT commands.</target>
<source>Voit hakea kohdistetusti joitakin metatietoja suoraan hakukentässä käyttämällä niille erikseen määriteltyjä komentoja. Haussa on käytettävä fraasihakua. Toistaiseksi haku on mahdollista kohdistaa seuraaviin metatietoihin:</source>
<target>You can also search for some metadata directly in the search field using commands defined separately for them. Phrase search must be used in the search. At the moment, the search can be targeted at the following metadata:</target>
</trans-unit>

<trans-unit id="publication2.tutorial.6">
<source>Voit hakea seuraavia metatietoja suoraan hakukentällä käyttämällä niille määriteltyjä komentoja. Haussa on käytettävä fraasihakua:</source>
<target>You can search for the following metadata directly in the search field by using the commands defined for them. The search must use phrase search:</target>
<source>DOI, kirjoita hakukenttään doi:"haettava tunnus", esimerkiksi doi:"100100100"</source>
<target>DOI, write in the search field doi:"searched identifier", for example, doi:"100100100"</target>
</trans-unit>

<trans-unit id="publication2.tutorial.7">
<source>Haettaessa DOI:ta: doi:"100100100"</source>
<target>When searching for DOI: doi:"100100100"</target>
<source>ISSN, kirjoita hakukenttään issn:"haettava tunnnus", esimerkiksi issn:"1234-1234"</source>
<target>ISSN, write in the search field issn:"searched identifier", for example, issn:"1234-1234"</target>
</trans-unit>

<trans-unit id="publication2.tutorial.8">
<source>Haettaessa ISSN:ä: issn:"1234-1234"</source>
<target>When searching for ISSN: issn:"1234-1234"</target>
<source>ISBN, kirjoita hakukenttään isbn:"haettava tunnus", esimerkiksi isbn:"123-0-456-12345-1"</source>
<target>ISBN, write in the search field isbn:"searched identifier", for example, isbn:"123-0-456-12345-1"</target>
</trans-unit>

<trans-unit id="publication2.tutorial.9">
<source>JUFO-tunnus, kirjoita hakukenttään jufoCode:"haettava tunnus", esimerkiksi jufoCode:"12345"</source>
<target>JUFO code, write in the search field jufoCode:"searched identifier", for example, jufoCode:"12345"</target>
</trans-unit>

<trans-unit id="publication2.tutorial.10">
<source>Huomioithan, että kohdistetussa haussa metatietokentät tulee kirjoittaa pienillä kirjaimilla.</source>
<target>Please note that metadata fields must be written in lowercase in targeted search.</target>
</trans-unit>


<trans-unit id="publication2.contentInfo">
<source>Mitä julkaisutietoja palvelu sisältää?</source>
<target>What publication information is included in the service?</target>
</trans-unit>

<trans-unit id="search-bar.results">
<source> tulosta </source>
<target> results </target>
</trans-unit>

<trans-unit id="search-bar.page">
<source> sivu </source>
<target> page </target
</trans-unit>

</body>
</file>
</xliff>
Loading

0 comments on commit 58da2f6

Please sign in to comment.