From 10de2e4ca1734f3f50d2e012fd5ab99203757823 Mon Sep 17 00:00:00 2001 From: Sheean Spoel Date: Thu, 7 Sep 2023 13:54:49 +0200 Subject: [PATCH] About page --- web-ui/src/app/app-routing/links.ts | 6 ++ web-ui/src/app/app-routing/routes.ts | 66 ++++++++++--------- web-ui/src/app/app.module.ts | 4 ++ .../about-page/about-content.component.html | 53 +++++++++++++++ .../about-page/about-content.component.scss | 0 .../about-content.component.spec.ts | 23 +++++++ .../about-page/about-content.component.ts | 9 +++ .../about-page/about-page.component.html | 8 +++ .../about-page/about-page.component.scss | 0 .../about-page/about-page.component.spec.ts | 23 +++++++ .../pages/about-page/about-page.component.ts | 15 +++++ .../home-content/home-content.component.html | 10 +++ 12 files changed, 187 insertions(+), 30 deletions(-) create mode 100644 web-ui/src/app/pages/about-page/about-content.component.html create mode 100644 web-ui/src/app/pages/about-page/about-content.component.scss create mode 100644 web-ui/src/app/pages/about-page/about-content.component.spec.ts create mode 100644 web-ui/src/app/pages/about-page/about-content.component.ts create mode 100644 web-ui/src/app/pages/about-page/about-page.component.html create mode 100644 web-ui/src/app/pages/about-page/about-page.component.scss create mode 100644 web-ui/src/app/pages/about-page/about-page.component.spec.ts create mode 100644 web-ui/src/app/pages/about-page/about-page.component.ts diff --git a/web-ui/src/app/app-routing/links.ts b/web-ui/src/app/app-routing/links.ts index 07245b55..de648ab9 100644 --- a/web-ui/src/app/app-routing/links.ts +++ b/web-ui/src/app/app-routing/links.ts @@ -28,6 +28,11 @@ const links: Link[] = [ link: '/mwe-search', proxy: false, }, + { + name: 'About', + link: '/about', + proxy: false, + }, { name: 'Documentation', link: '/documentation', @@ -42,6 +47,7 @@ const mainLinksName = [ 'Example-based Search', 'XPath Search', 'Multiword Expressions', + 'About', 'Documentation' ]; diff --git a/web-ui/src/app/app-routing/routes.ts b/web-ui/src/app/app-routing/routes.ts index 18c27a25..32d11cc4 100644 --- a/web-ui/src/app/app-routing/routes.ts +++ b/web-ui/src/app/app-routing/routes.ts @@ -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'; @@ -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 }; diff --git a/web-ui/src/app/app.module.ts b/web-ui/src/app/app.module.ts index fa784bf8..05f3c98b 100644 --- a/web-ui/src/app/app.module.ts +++ b/web-ui/src/app/app.module.ts @@ -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'; @@ -106,6 +108,8 @@ export const declarations: any[] = [ HighlightPipe, HighlightMatchPipe, TransitionNumbersPipe, + AboutContentComponent, + AboutPageComponent, HomeContentComponent, HomePageComponent, LoginStatusComponent, diff --git a/web-ui/src/app/pages/about-page/about-content.component.html b/web-ui/src/app/pages/about-page/about-content.component.html new file mode 100644 index 00000000..69a31152 --- /dev/null +++ b/web-ui/src/app/pages/about-page/about-content.component.html @@ -0,0 +1,53 @@ +
+

+ 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. +

+

+ Versions 1 through 3 of GrETEL were created by KU Leuven [Augustinus et al. 2012], Utrecht University´s Centre + for + Digital Humanities (Research Software Lab) has + continued the development with versions 4 (gretel.hum.uu.nl) and 5 (gretel5.hum.uu.nl). 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] +

+

+ 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] +

+

+ 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]. +

+

+ 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]. +

+

+ 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. (gretel.ivdnt.org) +

+
diff --git a/web-ui/src/app/pages/about-page/about-content.component.scss b/web-ui/src/app/pages/about-page/about-content.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/web-ui/src/app/pages/about-page/about-content.component.spec.ts b/web-ui/src/app/pages/about-page/about-content.component.spec.ts new file mode 100644 index 00000000..9560793a --- /dev/null +++ b/web-ui/src/app/pages/about-page/about-content.component.spec.ts @@ -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; + + beforeEach(waitForAsync(() => { + commonTestBed().testingModule.compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AboutContentComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/web-ui/src/app/pages/about-page/about-content.component.ts b/web-ui/src/app/pages/about-page/about-content.component.ts new file mode 100644 index 00000000..ac208a83 --- /dev/null +++ b/web-ui/src/app/pages/about-page/about-content.component.ts @@ -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 { +} diff --git a/web-ui/src/app/pages/about-page/about-page.component.html b/web-ui/src/app/pages/about-page/about-page.component.html new file mode 100644 index 00000000..5e72fbbb --- /dev/null +++ b/web-ui/src/app/pages/about-page/about-page.component.html @@ -0,0 +1,8 @@ +
+
+ About GrETEL +
+
+ +
+
diff --git a/web-ui/src/app/pages/about-page/about-page.component.scss b/web-ui/src/app/pages/about-page/about-page.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/web-ui/src/app/pages/about-page/about-page.component.spec.ts b/web-ui/src/app/pages/about-page/about-page.component.spec.ts new file mode 100644 index 00000000..1459497a --- /dev/null +++ b/web-ui/src/app/pages/about-page/about-page.component.spec.ts @@ -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; + + beforeEach(waitForAsync(() => { + commonTestBed().testingModule.compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AboutPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/web-ui/src/app/pages/about-page/about-page.component.ts b/web-ui/src/app/pages/about-page/about-page.component.ts new file mode 100644 index 00000000..81d51d2e --- /dev/null +++ b/web-ui/src/app/pages/about-page/about-page.component.ts @@ -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() { + } + +} diff --git a/web-ui/src/app/pages/home-page/home-content/home-content.component.html b/web-ui/src/app/pages/home-page/home-content/home-content.component.html index f85b4bc9..b2c183b8 100644 --- a/web-ui/src/app/pages/home-page/home-content/home-content.component.html +++ b/web-ui/src/app/pages/home-page/home-content/home-content.component.html @@ -27,6 +27,16 @@ treebanks. If you are new to GrETEL we recommend you to take a look at the documentation.

+

+ + + About GrETEL + + + + + +