From 1aa8a91d63b805dec799b32edf66c5f6208e91a2 Mon Sep 17 00:00:00 2001 From: ludmilanesvitiy Date: Mon, 16 Sep 2019 16:05:17 +0300 Subject: [PATCH] feat(common): add discovery page --- demo/src/app/app.module.ts | 3 +- demo/src/app/app.routing.ts | 6 ++ .../common/discover/discover.component.html | 63 +++++++++++++++++++ .../common/discover/discover.component.scss | 26 ++++++++ .../app/common/discover/discover.component.ts | 51 +++++++++++++++ .../app/common/sidebar/sidebar.component.html | 3 +- 6 files changed, 150 insertions(+), 2 deletions(-) create mode 100644 demo/src/app/common/discover/discover.component.html create mode 100644 demo/src/app/common/discover/discover.component.scss create mode 100644 demo/src/app/common/discover/discover.component.ts diff --git a/demo/src/app/app.module.ts b/demo/src/app/app.module.ts index 1264505526..66f96e6451 100644 --- a/demo/src/app/app.module.ts +++ b/demo/src/app/app.module.ts @@ -15,13 +15,14 @@ import { routes } from './app.routing'; import { DocumentationComponent } from './common/documentation/documentation.component'; import { LandingComponent } from './common/landing/landing.component'; import { TopMenuComponent } from './common/top-menu/top-menu.component'; +import { DiscoverComponent } from './common/discover/discover.component'; import { DocsModule } from './docs'; import { NgApiDoc } from './docs/api-docs/api-docs.model'; import { StyleManager } from './theme/style-manager'; import { ThemeStorage } from './theme/theme-storage'; @NgModule({ - declarations: [AppComponent, DocumentationComponent, TopMenuComponent, LandingComponent], + declarations: [AppComponent, DocumentationComponent, TopMenuComponent, LandingComponent, DiscoverComponent], imports: [ BrowserAnimationsModule, DocsModule, diff --git a/demo/src/app/app.routing.ts b/demo/src/app/app.routing.ts index e85818e25f..f1a0796d51 100644 --- a/demo/src/app/app.routing.ts +++ b/demo/src/app/app.routing.ts @@ -1,5 +1,6 @@ import { LandingComponent } from './common/landing/landing.component'; import { DocumentationComponent } from './common/documentation/documentation.component'; +import { DiscoverComponent } from './common/discover/discover.component'; export const routes = [ { @@ -12,6 +13,11 @@ export const routes = [ data: ['Documentation'], component: DocumentationComponent }, + { + path: 'discover', + data: ['Discover'], + component: DiscoverComponent + }, { path: 'accordion', data: ['Accordion', {moduleName: 'AccordionModule', moduleFolder: 'accordion'}], diff --git a/demo/src/app/common/discover/discover.component.html b/demo/src/app/common/discover/discover.component.html new file mode 100644 index 0000000000..29786b7eb6 --- /dev/null +++ b/demo/src/app/common/discover/discover.component.html @@ -0,0 +1,63 @@ + + + +

+ ngx-bootstrap +

+ +

+ The best way to quickly integrate Bootstrap 3 or Bootstrap 4 Components with Angular +

+ +

Table of contents

+
    +
  1. Who is using ngx-bootstrap
  2. +
  3. Versioning and Releases
  4. +
  5. Changelog
  6. +
  7. Community
  8. +
+ +

Who is using ngx-bootstrap

+ +

Some time ago, we've started to investigate companies, which using library ngx-bootstrap in + their projects.

+

We know, that for now, we have more than 40000 dependents, but + let's see who are they:

+ +
+
If your company also using ngx-bootstrap and you want to be in this list: + just add an appropriate comment to this investigation issue: 5168.
+ +

Versioning and Releases

+
We make all possible to make ngx-bootstrap wide-compatible. Compatibility table you can find in the documentation.
+
All our issues , enhancements, feature requests, which would be taken into work first you can find in the nearest Milestone.
+ +

Changelog

+

All notable changes are described in the CHANGELOG.md file.

+ +

Community

+ +

Chat with us on Slack.

+

For help using NGX-bootstrap, ask on StackOverflow using the tag ngx-bootstrap.

+

Follow our core team member @valorkin on Twitter.

+ +

If you also would like to show support or simply give back to Open Source community, please consider becoming a + backer sponsor of ngx-bootstrap on OpenCollective.

+
diff --git a/demo/src/app/common/discover/discover.component.scss b/demo/src/app/common/discover/discover.component.scss new file mode 100644 index 0000000000..067627b143 --- /dev/null +++ b/demo/src/app/common/discover/discover.component.scss @@ -0,0 +1,26 @@ +.company-card { + height: 150px; + padding: 8px 0; + + .logo-name { + padding: 16px; + } + + img { + width: 125px; + } + + .company-info-wrapper { + height: 100%; + border: 1px solid lightgray; + border-radius: 4px; + margin: 8px; + display: flex; + flex-direction: row; + align-items: center; + padding-right: 8px; + + text-transform: none; + color: inherit; + } +} diff --git a/demo/src/app/common/discover/discover.component.ts b/demo/src/app/common/discover/discover.component.ts new file mode 100644 index 0000000000..2d3c204490 --- /dev/null +++ b/demo/src/app/common/discover/discover.component.ts @@ -0,0 +1,51 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'discover', + templateUrl: './discover.component.html', + styleUrls: ['discover.component.scss'] +}) + +export class DiscoverComponent { + name = `Native Angular widgets for Bootstrap 3 and Bootstrap 4 - Discover more`; + src = 'https://github.com/valor-software/ngx-bootstrap'; + + companies = [ + { + logo: 'https://www.lumeer.io/wp-content/themes/lumeer/assets/img/logo-big.svg', + name: 'Lumeer', + description: 'Easy visual tool for project and team management, that covers all your needs', + link: 'https://www.lumeer.io/' + }, + { + logo: 'https://user-images.githubusercontent.com/663563/57700709-ceca2800-765a-11e9-9484-a7a9bb1e6485.png', + name: 'Sustainablebuildings', + description: 'SaaS product that give users insight in their power, gas consumption and other data', + link: 'https://sustainablebuildings.nl' + }, + { + logo: 'https://marketplace.vmware.com/resources/profiles/emc-corporation__1534778173832.png', + name: 'Dell EMC US', + description: 'Data Storage, Cloud, Converged and Data Protection', + link: 'https://www.dellemc.com/en-us/index.htm' + }, + { + logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Soci%C3%A9t%C3%A9_G%C3%A9n%C3%A9rale.svg/279px-Soci%C3%A9t%C3%A9_G%C3%A9n%C3%A9rale.svg.png', + name: 'Societe Generale Group', + description: 'The Bank serving 31 million clients worldwide', + link: 'https://www.societegenerale.com/en/home' + }, + { + logo: 'http://www.azerothcore.org/images/logo.png', + name: 'AzerothCore', + description: 'AzerothCore, a no-profit organisation composed by volunteers who have a passion for open source', + link: 'http://www.azerothcore.org/' + }, + { + logo: 'https://res.cloudinary.com/developerhub/image/upload/v1561908888/1/gmoiyrndwsboeffgiz1x.svg', + name: 'DeveloperHub', + description: 'DeveloperHub.io - Hosted Documentation Portals for Product And API Docs', + link: 'https://developerhub.io' + } + ]; +} diff --git a/demo/src/app/common/sidebar/sidebar.component.html b/demo/src/app/common/sidebar/sidebar.component.html index b6fce0bcfb..46a1bf8fcb 100644 --- a/demo/src/app/common/sidebar/sidebar.component.html +++ b/demo/src/app/common/sidebar/sidebar.component.html @@ -18,12 +18,13 @@
  • {{routes[1].data}} + {{routes[2].data}}