nestjs · kamilmysliwiec · Apr 21, 2020 · Apr 21, 2020
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,7 +25,6 @@
     "@angular/common": "9.1.2",
     "@angular/compiler": "9.1.2",
     "@angular/core": "9.1.2",
-    "@angular/elements": "9.1.2",
     "@angular/flex-layout": "8.0.0-beta.27",
     "@angular/forms": "9.1.2",
     "@angular/http": "7.2.16",

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -1,5 +1,5 @@
 import { HttpClientModule } from '@angular/common/http';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import {
@@ -35,23 +35,20 @@ import { BasePageComponent } from './homepage/pages/page/page.component';
 import { PipesComponent } from './homepage/pages/pipes/pipes.component';
 import { SupportComponent } from './homepage/pages/support/support.component';
 import { SharedModule } from './shared/shared.module';
-import { CustomElementsModule } from './custom-elements/custom-elements.module';
 
 const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
   suppressScrollX: true,
   wheelPropagation: true,
 };
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
     AppRoutingModule,
     HttpClientModule,
     PerfectScrollbarModule,
     SharedModule,
-    CustomElementsModule,
   ],
   declarations: [
     AppComponent,

diff --git a/src/app/custom-elements/README.md b/src/app/custom-elements/README.md
diff --git a/src/app/custom-elements/code/code.component.html b/src/app/custom-elements/code/code.component.html
diff --git a/src/app/custom-elements/code/code.component.scss b/src/app/custom-elements/code/code.component.scss
diff --git a/src/app/custom-elements/code/code.component.ts b/src/app/custom-elements/code/code.component.ts
diff --git a/src/app/custom-elements/custom-elements.module.ts b/src/app/custom-elements/custom-elements.module.ts
diff --git a/src/app/homepage/pages/cli/cli.module.ts b/src/app/homepage/pages/cli/cli.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from './../../../shared/shared.module';
 import { CliLibrariesComponent } from './libraries/libaries.component';
@@ -51,7 +51,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     CliOverviewComponent,

diff --git a/src/app/homepage/pages/faq/faq.module.ts b/src/app/homepage/pages/faq/faq.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { GlobalPrefixComponent } from './global-prefix/global-prefix.component';
@@ -37,7 +37,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     GlobalPrefixComponent,

diff --git a/src/app/homepage/pages/fundamentals/fundamentals.module.ts b/src/app/homepage/pages/fundamentals/fundamentals.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { AsyncComponentsComponent } from './async-components/async-components.component';
@@ -83,7 +83,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     AsyncComponentsComponent,

diff --git a/src/app/homepage/pages/graphql/graphql.module.ts b/src/app/homepage/pages/graphql/graphql.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { CliPluginComponent } from './cli-plugin/cli-plugin.component';
@@ -105,7 +105,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     QuickStartComponent,

diff --git a/src/app/homepage/pages/microservices/custom-transport/custom-transport.component.spec.ts b/src/app/homepage/pages/microservices/custom-transport/custom-transport.component.spec.ts
@@ -1,12 +1,14 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CustomTransportComponent } from './custom-transport.component';
+import { TabsComponent } from '../../../../shared/components/tabs/tabs.component';
 import { ExtensionPipe } from '../../../../shared/pipes/extension.pipe';
 
 describe('CustomTransportComponent', () => {
   beforeEach(async(() => {
     return TestBed.configureTestingModule({
       declarations: [
+        TabsComponent,
         ExtensionPipe,
         CustomTransportComponent
       ]

diff --git a/src/app/homepage/pages/microservices/microservices.module.ts b/src/app/homepage/pages/microservices/microservices.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { BasicsComponent } from './basics/basics.component';
@@ -79,7 +79,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     BasicsComponent,

diff --git a/src/app/homepage/pages/recipes/recipes.module.ts b/src/app/homepage/pages/recipes/recipes.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { CqrsComponent } from './cqrs/cqrs.component';
@@ -76,7 +76,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     SqlTypeormComponent,

diff --git a/src/app/homepage/pages/techniques/techniques.module.ts b/src/app/homepage/pages/techniques/techniques.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { AuthenticationComponent } from './authentication/authentication.component';
@@ -111,7 +111,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     SqlComponent,

diff --git a/src/app/homepage/pages/websockets/websockets.module.ts b/src/app/homepage/pages/websockets/websockets.module.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { SharedModule } from '../../../shared/shared.module';
 import { AdapterComponent } from './adapter/adapter.component';
@@ -43,7 +43,6 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [CommonModule, SharedModule, RouterModule.forChild(routes)],
   declarations: [
     GatewaysComponent,

diff --git a/src/app/shared/components/tabs/tabs.component.html b/src/app/shared/components/tabs/tabs.component.html
@@ -0,0 +1,8 @@
+<div class="tabs-wrapper">
+  <span class="tab" [class.active]="isJsActive" (click)="isJsActive = true">
+    JS
+  </span>
+  <span class="tab active" [class.active]="!isJsActive" (click)="isJsActive = false">
+    TS
+  </span>
+</div>
diff --git a/src/app/shared/components/tabs/tabs.component.scss b/src/app/shared/components/tabs/tabs.component.scss
@@ -0,0 +1,41 @@
+@import './../../../../scss/utils.scss';
+
+.tabs-wrapper {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+
+  /*@include media(medium) {
+    position: static;
+    margin: 15px -20px -15px;
+
+    .tab {
+      float: none;
+      display: inline-block;
+      margin: 0 !important;
+    }
+  }*/
+}
+
+.tab {
+  color: #dfdfdf;
+  cursor: pointer;
+  margin: 0;
+  float: right;
+  font-weight: 600;
+  height: 100%;
+  padding: 12px 20px;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+
+  &:hover:not(.active) {
+    color: #efefef;
+    // background: #232323;
+  }
+  &.active {
+    // color: #fff;
+    // background: #1d1d1d;
+    display: none;
+  }
+}
diff --git a/src/app/shared/components/tabs/tabs.component.spec.ts b/src/app/shared/components/tabs/tabs.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TabsComponent } from './tabs.component';
+
+describe('TabsComponent', () => {
+  beforeEach(async(() => {
+    return TestBed.configureTestingModule({
+      declarations: [ TabsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  let fixture: ComponentFixture<TabsComponent>;
+  let component: TabsComponent;
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TabsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});