Skip to content

Commit

Permalink
About page
Browse files Browse the repository at this point in the history
  • Loading branch information
oktaal committed Sep 7, 2023
1 parent efdf8a2 commit 10de2e4
Show file tree
Hide file tree
Showing 12 changed files with 187 additions and 30 deletions.
6 changes: 6 additions & 0 deletions web-ui/src/app/app-routing/links.ts
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,11 @@ const links: Link[] = [
link: '/mwe-search',
proxy: false,
},
{
name: 'About',
link: '/about',
proxy: false,
},
{
name: 'Documentation',
link: '/documentation',
Expand All @@ -42,6 +47,7 @@ const mainLinksName = [
'Example-based Search',
'XPath Search',
'Multiword Expressions',
'About',
'Documentation'
];

Expand Down
66 changes: 36 additions & 30 deletions web-ui/src/app/app-routing/routes.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,10 @@
* All the routes of the main pages
*/

import { HomePageComponent } from '../pages/home-page/home-page.component';
import { Routes } from '@angular/router';

import { AboutPageComponent } from '../pages/about-page/about-page.component';
import { HomePageComponent } from '../pages/home-page/home-page.component';
import { DocumentationComponent } from '../pages/documentation/documentation.component';
import { XpathSearchComponent } from '../pages/xpath-search/xpath-search.component';
import { MultiWordExpressionsComponent } from '../pages/multi-word-expressions/multi-word-expressions.component';
Expand All @@ -12,35 +14,39 @@ import { ExternalTreeVisualizerComponent } from '../components/tree-visualizer/e


const routes: Routes = [
{
path: 'home',
component: HomePageComponent,
},
{
path: 'example-based-search',
component: ExampleBasedSearchComponent,
},
{
path: 'xpath-search',
component: XpathSearchComponent,
},
{
path: 'mwe-search',
component: MultiWordExpressionsComponent,
},
{
path: 'documentation',
component: DocumentationComponent,
},
{
path: 'tree',
component: ExternalTreeVisualizerComponent,
},
{
path: '',
redirectTo: '/home',
pathMatch: 'full'
}
{
path: 'home',
component: HomePageComponent,
},
{
path: 'example-based-search',
component: ExampleBasedSearchComponent,
},
{
path: 'xpath-search',
component: XpathSearchComponent,
},
{
path: 'mwe-search',
component: MultiWordExpressionsComponent,
},
{
path: 'about',
component: AboutPageComponent,
},
{
path: 'documentation',
component: DocumentationComponent,
},
{
path: 'tree',
component: ExternalTreeVisualizerComponent,
},
{
path: '',
redirectTo: '/home',
pathMatch: 'full'
}
];

export { routes };
4 changes: 4 additions & 0 deletions web-ui/src/app/app.module.ts
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ import { LassyXPathModule } from 'lassy-xpath';
import { ClipboardModule } from 'ngx-clipboard';

import { AppComponent } from './app.component';
import { AboutContentComponent } from './pages/about-page/about-content.component';
import { AboutPageComponent } from './pages/about-page/about-page.component';
import { HomePageComponent } from './pages/home-page/home-page.component';
import { HomeContentComponent } from './pages/home-page/home-content/home-content.component';
import { AppRoutingModule } from './app-routing/app-routing.module';
Expand Down Expand Up @@ -106,6 +108,8 @@ export const declarations: any[] = [
HighlightPipe,
HighlightMatchPipe,
TransitionNumbersPipe,
AboutContentComponent,
AboutPageComponent,
HomeContentComponent,
HomePageComponent,
LoginStatusComponent,
Expand Down
53 changes: 53 additions & 0 deletions web-ui/src/app/pages/about-page/about-content.component.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<div class="content">
<p>
GrETEL is a web application that enables researchers to search for grammatical constructions in text corpora
based
on an example of the construction. This makes it possible for a user to search for grammatical constructions
without
having to know the full details of the syntactic structures used in GrETEL or a query language.
</p>
<p>
Versions 1 through 3 of GrETEL were created by KU Leuven [Augustinus et al. 2012], Utrecht University´s Centre
for
Digital Humanities (<a href="https://cdh.uu.nl/about/research-software-lab/">Research Software Lab</a>) has
continued the development with versions 4 (<a href="https://gretel.hum.uu.nl">gretel.hum.uu.nl</a>) and 5 (<a
href="https://gretel5.hum.uu.nl">gretel5.hum.uu.nl</a>). In version 4 the UU Centre for Digital Humanities
added
a component to analyse the search results and a component for users to upload their own text corpus [Odijk et
al.
2018]. In version 5, which is still under development, a component has been added to enable search for flexible
multiword expressions based on an example. [Odijk et al., to appear]. Further works on GreTEL include
[Augustinus et
al. 2017, Broeder & Odijk 2022, Odijk 2020a, Odijk 2022b, Odijk 2023]
</p>
<p>
GrETEL has been used for a wide variety of linguistic research, resulting in multiple Ph.D. theses and
scientific
articles. These include [Augustinus & van Eynde 2012, 2015, 2017], [Augustinus 2015], [Bloem 2021], [Van Tuyl &
Coopmans 2021], [Odijk 2015, 2016, 2020b, 2022a], [Van Eynde 2014], [Van Eynde et al. 2016]. And it is currently
being used by a range of researchers, including Martin Kroon (UL, UU), Marijana Marelj (UU), F. Groothoff (UU),
Floris Roelofsen (UvA), and the applicant, Aleksei Nazarov. It has also been used to enrich the Dutch
Taalportaal
with links to data in actual corpora [Bouma et al. 2015, Van der Wouden 2016, 2017]
</p>
<p>
An educational package for GrETEL was developed in 2014 [Augustinus et al, 2014], and more recently a tutorial
was
given on GrETEL 4. This tutorial was recorded and is online available, together with the tutorial materials
[Odijk
2022c].
</p>
<p>
The development of GrETEL at UU has also given rise to a spin-off application called SASTA (Semi-Automatic
Annotation of Spontaneous Language), which enables the automatic analysis of spontaneous language transcripts of
young children with suspected language development delays or disorders or of patients with aphasia in accordance
with a variety of established methods in this domain. [Odijk 2021].
</p>
<p>
The GrETEL web application is hosted on servers of the UU DH-LAB, but also on the servers of the recognized
CLARIN
Type B Centre Instituut voor de Nederlandse Taal in order to ensure long term availability of this application
to
the research community. (<a href="https://gretel.ivdnt.org" target="_blank">gretel.ivdnt.org</a>)
</p>
</div>
Empty file.
23 changes: 23 additions & 0 deletions web-ui/src/app/pages/about-page/about-content.component.spec.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';

import { AboutContentComponent } from './about-content.component';
import { commonTestBed } from '../../common-test-bed';

describe('AboutContentComponent', () => {
let component: AboutContentComponent;
let fixture: ComponentFixture<AboutContentComponent>;

beforeEach(waitForAsync(() => {
commonTestBed().testingModule.compileComponents();
}));

beforeEach(() => {
fixture = TestBed.createComponent(AboutContentComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
9 changes: 9 additions & 0 deletions web-ui/src/app/pages/about-page/about-content.component.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import { Component } from '@angular/core';

@Component({
selector: 'grt-about-content',
templateUrl: './about-content.component.html',
styleUrls: ['./about-content.component.scss']
})
export class AboutContentComponent {
}
8 changes: 8 additions & 0 deletions web-ui/src/app/pages/about-page/about-page.component.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<div class="columns is-multiline">
<div class="column is-full">
<grt-body-header>About GrETEL</grt-body-header>
</div>
<div class="column is-full">
<grt-about-content></grt-about-content>
</div>
</div>
Empty file.
23 changes: 23 additions & 0 deletions web-ui/src/app/pages/about-page/about-page.component.spec.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';

import { AboutPageComponent } from './about-page.component';
import { commonTestBed } from '../../common-test-bed';

describe('AboutPageComponent', () => {
let component: AboutPageComponent;
let fixture: ComponentFixture<AboutPageComponent>;

beforeEach(waitForAsync(() => {
commonTestBed().testingModule.compileComponents();
}));

beforeEach(() => {
fixture = TestBed.createComponent(AboutPageComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

it('should create', () => {
expect(component).toBeTruthy();
});
});
15 changes: 15 additions & 0 deletions web-ui/src/app/pages/about-page/about-page.component.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';

@Component({
selector: 'grt-about-page',
templateUrl: './about-page.component.html',
styleUrls: ['./about-page.component.scss']
})
export class AboutPageComponent implements OnInit {

constructor() { }

ngOnInit() {
}

}
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,16 @@
<i>treebanks</i>. If you are new to GrETEL we recommend you to take a look at the
<a [routerLink]="['/documentation']">documentation</a>.
</p>
<p class="has-text-right">
<a [routerLink]="['/about']">
<span>
About GrETEL
</span>
<span class="icon">
<fa-icon [icon]="faChevronRight" aria-hidden="true"></fa-icon>
</span>
</a>
</p>
</div>
<div class="columns is-desktop">
<div class="column">
Expand Down

0 comments on commit 10de2e4

Please sign in to comment.