From c331ca7eeafaf1f5386cc106a88f0cda08c7df23 Mon Sep 17 00:00:00 2001 From: "argiro.kokogiannaki" Date: Wed, 3 Jun 2020 09:49:18 +0000 Subject: [PATCH] [Library|Trunk] ThemeComponent: add it in library - contains sample html and css git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58826 d315682c-612b-4755-9ff5-7f18f6832af3 --- utils/theme/theme-routing.module.ts | 14 + utils/theme/theme.component.html | 798 ++++++++++++++++++++++++++++ utils/theme/theme.component.ts | 11 + utils/theme/theme.module.ts | 19 + 4 files changed, 842 insertions(+) create mode 100644 utils/theme/theme-routing.module.ts create mode 100644 utils/theme/theme.component.html create mode 100644 utils/theme/theme.component.ts create mode 100644 utils/theme/theme.module.ts diff --git a/utils/theme/theme-routing.module.ts b/utils/theme/theme-routing.module.ts new file mode 100644 index 00000000..142f9bb3 --- /dev/null +++ b/utils/theme/theme-routing.module.ts @@ -0,0 +1,14 @@ +import { NgModule} from '@angular/core'; +import { RouterModule } from '@angular/router'; +import {ThemeComponent} from "./theme.component"; + + +@NgModule({ + imports: [ + RouterModule.forChild([ + { path: '', component: ThemeComponent} + ]) + ] +}) +export class ThemeRoutingModule { +} diff --git a/utils/theme/theme.component.html b/utils/theme/theme.component.html new file mode 100644 index 00000000..9ded1579 --- /dev/null +++ b/utils/theme/theme.component.html @@ -0,0 +1,798 @@ +
+ + + +
+
+ +
+
+ + + +
+ +

Article Title

+ +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+ +

Written by Super User on 12 April 2012. Posted in Blog

+ +
+ +
+
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+
    +
  • em element
    • +
  • ins element
    • +
  • mark element
    • +
  • q inside a q
    • +
  • strong element
    • +
  • Link Reset
    • +
+
+
+
    +
  • Text Muted
    • +
  • Text Emphasis
    • +
  • Text Primary
    • +
  • Text Secondary
    • +
  • Text Success
    • +
  • Text Warning
    • +
  • Text Danger
    • +
  • Text Meta
    • +
+
+
+
    +
  • Default
    • +
  • Success
    • +
  • Warning
    • +
  • Danger
    • +
  • 1
    • +
  • + + + +
    • +
+
+
+ + 
<div class="myclass">...<div>
+ +
+

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

+ +
+ +
+
+ Read more +
+ +
+ +
+ +
+ +
    +
  • +
    +
    +
    +
    + +
    +
    +

    Author

    +

    12 days ago

    +
    +
    +
    Reply
    +
    +
    +

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    +
    +
    +
    • +
+ +
    +
    • +
  • 1
    • +
  • ...
    • +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
  • 8
    • +
  • 9
    • +
  • 10
    • +
  • ...
    • +
  • 20
    • +
    • +
+ +
+
+ +
+
+ + +
+
+ + + +
+

Default

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+

Primary

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+

Secondary

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+

Hover

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+ +
+
+ +
+ +
+
+ +
+
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+ +
+
+ +
+ +
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Table HeadingTable HeadingTable Heading
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
Table DataTable DataTable Data
+
+ +
+ +

Default

+
+ +
+ +

Primary

+
+ +
+ +

Success

+
+ +
+ +

Warning

+
+ +
+ +

Danger

+
+ +
+
+
06
+
+
:
+
+
23
+
+
:
+
+
59
+
+
:
+
+
50
+
+
+ + + +
+
+ +

2XL

+

XLarge

+

Heading L

+

Heading M

+

Heading S

+ +

Heading H1

+

Heading H2

+

Heading H3

+

Heading H4

+
Heading H5
+
Heading H6
+ +

Heading Divider

+

Heading Bullet

+

Heading Line

+ +
+
+ +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ +
+

Default Lorem ipsum dolor sit amet, consectetur.

+
+
+ +
+
+ +
+ +
+

Primary Lorem ipsum dolor sit amet, consectetur.

+
+
+ +
+
+ +
+ +
+ +
+
+ +
+
+ +
+ +
+
+ + + +
+
+ + + + +
+
+ +
    +
    • +
    • +
    • +
+ +
+
+ +
Tooltip
+ +
+
+ + 45% + +
+
+ + + +
+
+ + + +
+
+ +
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+ +
+
+ +
    +
  • List item 1
    • +
  • List item 2
    • +
  • List item 3
    • +
+ +
    +
  • List item 1
    • +
  • List item 2
    • +
  • List item 3
    • +
+ +
+
+ +
    +
  • List item 1
    • +
  • List item 2
    • +
  • List item 3
    • +
+ +
+
Description lists
+
A description text
+
Description lists
+
A description text
+
+ +
+
+ +
    +
  • + + Item 1 +
    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

    +
    + +
    • +
  • + + Item 2 + + +
    • +
  • + + Item 3 + + +
    • +
+ +
+
+ +
+
+ +
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
+
+
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ +
+
+ +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

+
+
+ Button +
+
+ +
+
+ + + + + +
+
+ +
portal-color
+
portal-secondary-color
+
portal-background-color
+ portal-link +
portal-box
+
portal-icon-button + uk-icon-button uk-icon
+ +
+
+
small container
+ + +
+
+
large container
+ + +
+
+
large container
+ + +
+ +. diff --git a/utils/theme/theme.component.ts b/utils/theme/theme.component.ts new file mode 100644 index 00000000..297bb143 --- /dev/null +++ b/utils/theme/theme.component.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; + + +@Component({ + selector: 'theme', + templateUrl: 'theme.component.html', +}) + +export class ThemeComponent { + +} diff --git a/utils/theme/theme.module.ts b/utils/theme/theme.module.ts new file mode 100644 index 00000000..bdea91d5 --- /dev/null +++ b/utils/theme/theme.module.ts @@ -0,0 +1,19 @@ +import { NgModule} from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { RouterModule } from '@angular/router'; +import {ThemeRoutingModule} from "./theme-routing.module"; +import {ThemeComponent} from "./theme.component"; + +@NgModule({ + imports: [ + CommonModule, RouterModule, + ThemeRoutingModule + ], + declarations: [ + ThemeComponent + ], + exports: [ + ThemeComponent + ] +}) +export class ThemeModule {}