14 |
16 |
2 |
3 |
5 |
9 |
--------------------------------------------------------------------------------
/projects/go-tester/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/app",
5 | "resolveJsonModule": true,
6 | "esModuleInterop": true,
7 | "types": []
8 | },
9 | "exclude": [
10 | "test.ts",
11 | "**/*.spec.ts"
12 | ]
13 | }
14 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.directive.ts:
--------------------------------------------------------------------------------
1 | import { Directive, ViewContainerRef } from "@angular/core";
2 |
3 | @Directive({
4 | selector: '[go-off-canvas-host]'
5 | })
6 | export class GoOffCanvasDirective {
7 | constructor(
8 | public viewContainerRef: ViewContainerRef
9 | ) { }
10 | }
11 |
--------------------------------------------------------------------------------
/projects/go-lib/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "go",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "go",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/projects/go-lib/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts"
12 | ],
13 | "include": [
14 | "**/*.spec.ts",
15 | "**/*.d.ts"
16 | ]
17 | }
18 |
--------------------------------------------------------------------------------
/projects/go-tester/src/app/components/search-test/search-test.component.html:
--------------------------------------------------------------------------------
1 |
6 |
8 | | {{ item.id }} | 4 |{{ item.name.first }} | 5 |{{ item.name.last }} | 6 |{{ item.email }} | 7 |{{ item.gender }} | 8 |{{ item.ip_address }} | 9 |
3 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-modal/go-modal.component.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/projects/go-tester-e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to go-tester!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-card/go-card.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoCardComponent } from './go-card.component';
5 |
6 | @NgModule({
7 | declarations: [GoCardComponent],
8 | imports: [
9 | CommonModule
10 | ],
11 | exports: [GoCardComponent]
12 | })
13 |
14 | export class GoCardModule { }
15 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-icon/go-icon.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoIconComponent } from './go-icon.component';
5 |
6 | @NgModule({
7 | declarations: [GoIconComponent],
8 | imports: [
9 | CommonModule
10 | ],
11 | exports: [GoIconComponent]
12 | })
13 |
14 | export class GoIconModule { }
15 |
--------------------------------------------------------------------------------
/projects/go-tester/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-accordion/go-accordion.component.scss:
--------------------------------------------------------------------------------
1 | @import '~@tangoe/gosheets/base/_variables';
2 |
3 | .go-accordion {
4 | border-radius: $global-radius;
5 | display: flex;
6 | flex-direction: column;
7 | min-width: 200px;
8 | }
9 |
10 | .go-accordion--theme-light {
11 | background: $theme-light-bg;
12 | border: 1px solid $theme-light-border;
13 | color: $theme-light-color;
14 | }
15 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-card/go-card.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ViewEncapsulation } from '@angular/core';
2 |
3 | @Component({
4 | encapsulation: ViewEncapsulation.None,
5 | selector: 'go-card',
6 | styleUrls: ['./go-card.component.scss'],
7 | templateUrl: './go-card.component.html'
8 | })
9 |
10 | export class GoCardComponent {
11 |
12 | @Input() showHeader: boolean = true;
13 |
14 | }
15 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Observable, of as observableOf, BehaviorSubject } from 'rxjs';
3 |
4 | @Injectable({
5 | providedIn: 'root'
6 | })
7 |
8 | export class GoSideNavService {
9 | public navOpen = true;
10 |
11 | constructor() { }
12 |
13 | toggleNav() {
14 | this.navOpen = !this.navOpen;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-table/go-table-sort.model.ts:
--------------------------------------------------------------------------------
1 | export class GoTableSortConfig {
2 | column: string;
3 | direction: SortDirection = SortDirection.ascending;
4 |
5 | constructor(fields?: {
6 | column: string,
7 | direction?: SortDirection
8 | }) {
9 | if (fields) Object.assign(this, fields);
10 | }
11 | }
12 |
13 | export enum SortDirection {
14 | ascending = 1,
15 | descending = 0
16 | }
17 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-toaster/go-toaster.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
4 |
6 |
3 |
--------------------------------------------------------------------------------
/projects/go-tester/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/projects/go-tester/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | IE 9-11
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-button/go-button.component.html:
--------------------------------------------------------------------------------
1 |
16 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/--feature-request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: "\U0001F4A1Feature request"
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: enhancement
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
12 |
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-button/go-button.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoButtonComponent } from './go-button.component';
5 | import { GoIconModule } from '../go-icon/go-icon.module';
6 |
7 | @NgModule({
8 | declarations: [GoButtonComponent],
9 | imports: [
10 | CommonModule,
11 | GoIconModule
12 | ],
13 | exports: [GoButtonComponent]
14 | })
15 |
16 | export class GoButtonModule { }
17 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-toaster/go-toaster.component.scss:
--------------------------------------------------------------------------------
1 | @import '~@tangoe/gosheets/base/_variables';
2 | @import '../../../styles/mixins';
3 |
4 | .go-toaster {
5 | bottom: 0;
6 | overflow: hidden;
7 | padding: 1rem;
8 | position: fixed;
9 | right: 0;
10 | width: 400px;
11 | z-index: z-index(toaster);
12 |
13 | @media(max-width: $breakpoint-mobile) {
14 | left: 0;
15 | max-width: 100vw;
16 | width: auto;
17 | }
18 | }
19 |
20 | .go-toaster__item {
21 | padding-top: 1rem;
22 | }
23 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-toast/go-toast.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoIconModule } from '../go-icon/go-icon.module';
5 |
6 | import { GoToastComponent } from './go-toast.component';
7 |
8 | @NgModule({
9 | declarations: [
10 | GoToastComponent
11 | ],
12 | imports: [
13 | CommonModule,
14 | GoIconModule
15 | ],
16 | exports: [
17 | GoToastComponent
18 | ]
19 | })
20 |
21 | export class GoToastModule { }
22 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-toaster/go-toaster.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | import { GoToasterService } from './go-toaster.service';
4 | import { toastAnimation } from '../../animations/toasts';
5 |
6 | @Component({
7 | animations: [toastAnimation],
8 | selector: 'go-toaster',
9 | templateUrl: './go-toaster.component.html',
10 | styleUrls: ['./go-toaster.component.scss']
11 | })
12 | export class GoToasterComponent {
13 | constructor(public goToasterService: GoToasterService) { }
14 | }
15 |
--------------------------------------------------------------------------------
/projects/go-lib/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@tangoe/goponents",
3 | "version": "1.1.1",
4 | "repository": {
5 | "type": "git",
6 | "url": "git+https://github.com/mobi/goponents.git"
7 | },
8 | "author": "Tangoe Mobile",
9 | "description": "A library of UI components for Angular v7+.",
10 | "license": "MIT",
11 | "peerDependencies": {
12 | "@tangoe/gosheets": "^1.0.0"
13 | },
14 | "devDependencies": {
15 | "@angular/common": "^7.0.0",
16 | "@angular/core": "^7.0.0",
17 | "@tangoe/gosheets": "^1.0.0"
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-side-nav/go-nav-item/go-nav-item.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { NavItem } from '../nav-item.model';
3 | import { GoSideNavService } from '../go-side-nav/go-side-nav.service';
4 |
5 | @Component({
6 | selector: 'go-nav-item',
7 | templateUrl: './go-nav-item.component.html',
8 | styleUrls: ['./go-nav-item.component.scss']
9 | })
10 | export class GoNavItemComponent {
11 | @Input() navItem: NavItem;
12 |
13 | constructor (public navService: GoSideNavService) { }
14 | }
15 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-icon-button/go-icon-button.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoIconModule } from '../go-icon/go-icon.module';
5 |
6 | import { GoIconButtonComponent } from './go-icon-button.component';
7 |
8 | @NgModule({
9 | declarations: [
10 | GoIconButtonComponent
11 | ],
12 | imports: [
13 | CommonModule,
14 | GoIconModule
15 | ],
16 | exports: [
17 | GoIconButtonComponent
18 | ]
19 | })
20 | export class GoIconButtonModule { }
21 |
--------------------------------------------------------------------------------
/projects/go-lib/src/styles/_mixins.scss:
--------------------------------------------------------------------------------
1 | @mixin transition($prop){
2 | -webkit-transition: $prop .25s cubic-bezier(.25,.8,.25,1);
3 | -moz-transition: $prop .25s cubic-bezier(.25,.8,.25,1);
4 | -ms-transition: $prop .25s cubic-bezier(.25,.8,.25,1);
5 | -o-transition: $prop .25s cubic-bezier(.25,.8,.25,1);
6 | transition: $prop .25s cubic-bezier(.25,.8,.25,1);
7 | }
8 |
9 | $z-index: (
10 | navigation: 100,
11 | search: 200,
12 | off-canvas: 300,
13 | modal: 400,
14 | toaster: 500,
15 | );
16 |
17 | @function z-index($key) {
18 | @return map-get($z-index, $key);
19 | }
20 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/animations/off-canvas.animation.ts:
--------------------------------------------------------------------------------
1 | import {
2 | animate,
3 | state,
4 | style,
5 | transition,
6 | trigger
7 | } from '@angular/animations';
8 |
9 | import { easing, timing } from './_configs';
10 |
11 | export const offCanvasAnimation = trigger('offCanvas', [
12 | state('slideIn', style({
13 | transform: 'translateX(-300px)'
14 | })),
15 | state('slideOut', style({
16 | transform: 'translateX(0)',
17 | visibility: 'hidden'
18 | })),
19 | transition('slideIn <=> slideOut', [
20 | animate(timing + easing)
21 | ])
22 | ]);
23 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-icon-button/go-icon-button.component.scss:
--------------------------------------------------------------------------------
1 | @import '~@tangoe/gosheets/base/variables';
2 | @import '~@tangoe/gosheets/base/mixins';
3 |
4 | .go-icon-button {
5 | @include transition(background-color);
6 |
7 | background: $theme-light-bg;
8 | border: 0;
9 | border-radius: $global-radius--round;
10 | cursor: pointer;
11 | display: inline-flex;
12 | outline: none;
13 | padding: .5rem;
14 |
15 | .go-icon-button__icon {
16 | display: flex;
17 | }
18 |
19 | &:hover, &:active, &:focus {
20 | background: $theme-light-bg-hover;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-icon-button/go-icon-button.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Input, Output } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'go-icon-button',
5 | templateUrl: './go-icon-button.component.html',
6 | styleUrls: ['./go-icon-button.component.scss']
7 | })
8 | export class GoIconButtonComponent {
9 | @Input() buttonDisabled: boolean;
10 | @Input() buttonIcon: string;
11 | @Input() buttonTitle: string;
12 |
13 | @Output() handleClick = new EventEmitter();
14 |
15 | public clicked(): void {
16 | this.handleClick.emit();
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-modal/go-modal.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoModalComponent } from './go-modal.component';
5 | import { GoModalDirective } from './go-modal.directive';
6 |
7 | import { GoIconModule } from '../go-icon/go-icon.module';
8 |
9 | @NgModule({
10 | declarations: [
11 | GoModalComponent,
12 | GoModalDirective
13 | ],
14 | imports: [
15 | CommonModule,
16 | GoIconModule
17 | ],
18 | exports: [GoModalComponent]
19 | })
20 |
21 | export class GoModalModule { }
22 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/--bug-report.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: "\U0001F41EBug report"
3 | about: Create a report to help us improve
4 | title: "[BUG]"
5 | labels: bug
6 | assignees: ''
7 |
8 | ---
9 |
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 |
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 |
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 |
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-accordion/go-accordion.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoAccordionComponent } from './go-accordion.component';
5 | import { GoAccordionPanelComponent } from './go-accordion-panel.component';
6 |
7 | @NgModule({
8 | declarations: [
9 | GoAccordionComponent,
10 | GoAccordionPanelComponent
11 | ],
12 | imports: [
13 | CommonModule
14 | ],
15 | exports: [
16 | GoAccordionComponent,
17 | GoAccordionPanelComponent
18 | ]
19 | })
20 |
21 | export class GoAccordionModule { }
22 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.html:
--------------------------------------------------------------------------------
1 |
6 |
10 |
2 |
5 |
6 |
16 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/animations/toasts.ts:
--------------------------------------------------------------------------------
1 | import {
2 | animate,
3 | style,
4 | transition,
5 | trigger
6 | } from '@angular/animations';
7 |
8 | import { easing, timing } from './_configs';
9 |
10 | export const toastAnimation = trigger('toastAnimation', [
11 | transition(':enter', [
12 | style({
13 | height: 0,
14 | opacity: 0
15 | }),
16 | animate(timing + easing, style({
17 | height: '*',
18 | opacity: 1
19 | }))
20 | ]),
21 | transition(':leave', [
22 | animate(timing + easing, style({
23 | paddingTop: 0,
24 | opacity: 0,
25 | height: 0
26 | }))
27 | ])
28 | ]);
29 |
--------------------------------------------------------------------------------
/projects/go-tester/src/app/app.guard.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import {
3 | ActivatedRouteSnapshot,
4 | CanActivate,
5 | Router,
6 | RouterStateSnapshot
7 | } from '@angular/router';
8 |
9 | import { Observable } from 'rxjs';
10 |
11 | @Injectable()
12 | export class AppGuard implements CanActivate {
13 |
14 | constructor(private router: Router) { }
15 |
16 | canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable
9 |
15 |
10 |
14 |
11 |
13 |
7 |
8 |
13 |
26 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-table/go-table-column.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
2 | import { extractFieldData } from './go-table-utils';
3 |
4 | @Component({
5 | selector: 'go-table-column',
6 | template: ''
7 | })
8 | export class GoTableColumnComponent {
9 | @Input() field: string;
10 | @Input() title: string;
11 | @Input() width: number;
12 |
13 | @ContentChild('goTableCell') goTableCell: TemplateRef
14 |
21 |
22 |
23 |
25 |
2 |
3 |
16 |
--------------------------------------------------------------------------------
/projects/go-lib/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('@angular-devkit/build-angular/plugins/karma')
12 | ],
13 | client: {
14 | clearContext: false // leave Jasmine Spec Runner output visible in browser
15 | },
16 | reporters: ['dots'],
17 | port: 9876,
18 | colors: true,
19 | logLevel: config.LOG_INFO,
20 | autoWatch: true,
21 | browsers: ['Chrome'],
22 | singleRun: false
23 | });
24 | };
25 |
--------------------------------------------------------------------------------
/projects/go-lib/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'core-js/es7/reflect';
4 | import 'zone.js/dist/zone';
5 | import 'zone.js/dist/zone-testing';
6 | import { getTestBed } from '@angular/core/testing';
7 | import {
8 | BrowserDynamicTestingModule,
9 | platformBrowserDynamicTesting
10 | } from '@angular/platform-browser-dynamic/testing';
11 |
12 | declare const require: any;
13 |
14 | // First, initialize the Angular testing environment.
15 | getTestBed().initTestEnvironment(
16 | BrowserDynamicTestingModule,
17 | platformBrowserDynamicTesting()
18 | );
19 | // Then we find all the tests.
20 | const context = require.context('./', true, /\.spec\.ts$/);
21 | // And load the modules.
22 | context.keys().map(context);
23 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-header/go-header.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { GoIconButtonModule} from '../go-icon-button/go-icon-button.module';
5 | import { GoSideNavModule } from '../go-side-nav/go-side-nav.module';
6 |
7 | import { GoSideNavService } from '../go-side-nav/go-side-nav/go-side-nav.service';
8 |
9 | import { GoHeaderComponent } from './go-header.component';
10 |
11 | @NgModule({
12 | declarations: [
13 | GoHeaderComponent
14 | ],
15 | imports: [
16 | CommonModule,
17 | GoIconButtonModule,
18 | GoSideNavModule
19 | ],
20 | exports: [
21 | GoHeaderComponent
22 | ],
23 | providers: [
24 | GoSideNavService
25 | ]
26 | })
27 |
28 | export class GoHeaderModule { }
29 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { GoPanelComponent } from './go-panel.component';
4 |
5 | describe('GoPanelComponent', () => {
6 | let component: GoPanelComponent;
7 | let fixture: ComponentFixture
4 |
6 |
7 |
10 | {{ header }}
8 | 9 |
11 |
14 |
15 |
2 |
19 |
20 |
4 |
7 |
9 |
17 |
18 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-side-nav/go-side-nav.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { RouterModule } from '@angular/router';
4 |
5 | import { GoIconModule } from '../go-icon/go-icon.module';
6 |
7 | import { GoSideNavComponent } from './go-side-nav/go-side-nav.component';
8 | import { GoNavGroupComponent } from './go-nav-group/go-nav-group.component';
9 | import { GoNavItemComponent } from './go-nav-item/go-nav-item.component';
10 |
11 | @NgModule({
12 | declarations: [
13 | GoSideNavComponent,
14 | GoNavGroupComponent,
15 | GoNavItemComponent
16 | ],
17 | imports: [
18 | CommonModule,
19 | GoIconModule,
20 | RouterModule
21 | ],
22 | exports: [
23 | GoSideNavComponent,
24 | GoNavGroupComponent,
25 | GoNavItemComponent
26 | ]
27 | })
28 |
29 | export class GoSideNavModule { }
30 |
--------------------------------------------------------------------------------
/projects/go-tester/src/app/components/test-page-1/test-page-1.component.html:
--------------------------------------------------------------------------------
1 |
12 |
16 |
13 |
15 |
4 |
8 |
9 |
16 |
11 | ![{{ altText }}]()
14 |
15 |
19 |
21 |
22 |
24 |
4 |
34 |
7 |
20 |
21 |
22 |
8 |
11 |
12 |
13 | {{ navItem.routeTitle }}
14 |
15 |
16 |
23 |
33 |
24 |
27 |
28 |
29 |
31 |
32 |
2 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-header/go-header.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, ElementRef, Input, ViewChild } from '@angular/core';
2 | import { GoSideNavService } from '../go-side-nav/go-side-nav/go-side-nav.service';
3 | import { fromEvent, Observable, Subscription } from 'rxjs';
4 | import { debounceTime } from 'rxjs/operators';
5 |
6 | @Component({
7 | selector: 'go-header',
8 | templateUrl: './go-header.component.html',
9 | styleUrls: ['./go-header.component.scss']
10 | })
11 | export class GoHeaderComponent {
12 |
13 | @Input() altText: string = '';
14 | @Input() logo: string = '';
15 |
16 | @ViewChild('middleSection') middleSection: ElementRef;
17 |
18 | private minWidthBreakpoint: number = 768;
19 | private resizeObservable: Observable
4 |
15 |
37 |
18 |
20 |
26 |
28 |
34 | {{ goSearchService.noResultsMessage }}
35 |
36 |
2 |
82 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-toast/go-toast.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { GoToastComponent } from './go-toast.component';
4 | import { GoIconModule } from '../go-icon/go-icon.module';
5 |
6 | describe('GoToastComponent', () => {
7 | let component: GoToastComponent;
8 | let fixture: ComponentFixture
3 |
7 |
8 | 4 | Welcome to {{ title }}! 5 |
6 |
9 |
11 |
12 |
13 | Click me to open Action Sheet
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | Another test
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | Action Sheet
10 |
37 |
39 | Toggle Animation
40 |
41 |
42 |
43 |
51 |
52 | Loader
38 |42 |
43 |
44 |
50 |
45 |
49 |
53 |
55 | Hey
56 |
57 |
58 | Hey
59 |
60 |
61 | Hey
62 |
63 |
64 | Nope
65 |
66 |
67 | Hey
68 |
69 |
70 | Dark
71 |
72 |
73 |
74 | Buttons
54 |
75 |
79 |
80 |
81 | Toasts
76 |
2 |
102 |
103 |
109 |
110 |
111 |
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "version": 1,
4 | "newProjectRoot": "projects",
5 | "projects": {
6 | "go-lib": {
7 | "root": "projects/go-lib",
8 | "sourceRoot": "projects/go-lib/src",
9 | "projectType": "library",
10 | "prefix": "go",
11 | "architect": {
12 | "build": {
13 | "builder": "@angular-devkit/build-ng-packagr:build",
14 | "options": {
15 | "tsConfig": "projects/go-lib/tsconfig.lib.json",
16 | "project": "projects/go-lib/ng-package.json"
17 | }
18 | },
19 | "test": {
20 | "builder": "@angular-devkit/build-angular:karma",
21 | "options": {
22 | "main": "projects/go-lib/src/test.ts",
23 | "tsConfig": "projects/go-lib/tsconfig.spec.json",
24 | "karmaConfig": "projects/go-lib/karma.conf.js"
25 | }
26 | },
27 | "lint": {
28 | "builder": "@angular-devkit/build-angular:tslint",
29 | "options": {
30 | "tsConfig": [
31 | "projects/go-lib/tsconfig.lib.json",
32 | "projects/go-lib/tsconfig.spec.json"
33 | ],
34 | "exclude": [
35 | "**/node_modules/**"
36 | ]
37 | }
38 | }
39 | }
40 | },
41 | "go-tester": {
42 | "root": "projects/go-tester/",
43 | "sourceRoot": "projects/go-tester/src",
44 | "projectType": "application",
45 | "prefix": "app",
46 | "schematics": {
47 | "@schematics/angular:component": {
48 | "styleext": "scss"
49 | }
50 | },
51 | "architect": {
52 | "build": {
53 | "builder": "@angular-devkit/build-angular:browser",
54 | "options": {
55 | "outputPath": "dist/go-tester",
56 | "index": "projects/go-tester/src/index.html",
57 | "main": "projects/go-tester/src/main.ts",
58 | "polyfills": "projects/go-tester/src/polyfills.ts",
59 | "tsConfig": "projects/go-tester/tsconfig.app.json",
60 | "assets": [
61 | "projects/go-tester/src/favicon.ico",
62 | "projects/go-tester/src/assets"
63 | ],
64 | "styles": [
65 | "projects/go-tester/src/styles.scss"
66 | ],
67 | "scripts": []
68 | },
69 | "configurations": {
70 | "production": {
71 | "fileReplacements": [
72 | {
73 | "replace": "projects/go-tester/src/environments/environment.ts",
74 | "with": "projects/go-tester/src/environments/environment.prod.ts"
75 | }
76 | ],
77 | "optimization": true,
78 | "outputHashing": "all",
79 | "sourceMap": false,
80 | "extractCss": true,
81 | "namedChunks": false,
82 | "aot": true,
83 | "extractLicenses": true,
84 | "vendorChunk": false,
85 | "buildOptimizer": true,
86 | "budgets": [
87 | {
88 | "type": "initial",
89 | "maximumWarning": "2mb",
90 | "maximumError": "5mb"
91 | }
92 | ]
93 | }
94 | }
95 | },
96 | "serve": {
97 | "builder": "@angular-devkit/build-angular:dev-server",
98 | "options": {
99 | "browserTarget": "go-tester:build"
100 | },
101 | "configurations": {
102 | "production": {
103 | "browserTarget": "go-tester:build:production"
104 | }
105 | }
106 | },
107 | "extract-i18n": {
108 | "builder": "@angular-devkit/build-angular:extract-i18n",
109 | "options": {
110 | "browserTarget": "go-tester:build"
111 | }
112 | },
113 | "test": {
114 | "builder": "@angular-devkit/build-angular:karma",
115 | "options": {
116 | "main": "projects/go-tester/src/test.ts",
117 | "polyfills": "projects/go-tester/src/polyfills.ts",
118 | "tsConfig": "projects/go-tester/tsconfig.spec.json",
119 | "karmaConfig": "projects/go-tester/karma.conf.js",
120 | "styles": [
121 | "projects/go-tester/src/styles.css"
122 | ],
123 | "scripts": [],
124 | "assets": [
125 | "projects/go-tester/src/favicon.ico",
126 | "projects/go-tester/src/assets"
127 | ]
128 | }
129 | },
130 | "lint": {
131 | "builder": "@angular-devkit/build-angular:tslint",
132 | "options": {
133 | "tsConfig": [
134 | "projects/go-tester/tsconfig.app.json",
135 | "projects/go-tester/tsconfig.spec.json"
136 | ],
137 | "exclude": [
138 | "**/node_modules/**"
139 | ]
140 | }
141 | }
142 | }
143 | },
144 | "go-tester-e2e": {
145 | "root": "projects/go-tester-e2e/",
146 | "projectType": "application",
147 | "prefix": "",
148 | "architect": {
149 | "e2e": {
150 | "builder": "@angular-devkit/build-angular:protractor",
151 | "options": {
152 | "protractorConfig": "projects/go-tester-e2e/protractor.conf.js",
153 | "devServerTarget": "go-tester:serve"
154 | },
155 | "configurations": {
156 | "production": {
157 | "devServerTarget": "go-tester:serve:production"
158 | }
159 | }
160 | },
161 | "lint": {
162 | "builder": "@angular-devkit/build-angular:tslint",
163 | "options": {
164 | "tsConfig": "projects/go-tester-e2e/tsconfig.e2e.json",
165 | "exclude": [
166 | "**/node_modules/**"
167 | ]
168 | }
169 | }
170 | }
171 | }
172 | },
173 | "defaultProject": "go-lib"
174 | }
175 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss:
--------------------------------------------------------------------------------
1 | @import '~@tangoe/gosheets/base/_variables';
2 | @import '../../../styles/variables';
3 | @import '../../../styles/mixins';
4 |
5 | .go-accordion-panel__title-bar {
6 | cursor: pointer;
7 | display: flex;
8 | font-size: 1.2rem;
9 | padding: 1.2rem 0;
10 | position: relative;
11 | @include transition(all);
12 | }
13 |
14 | .go-accordion-panel__title {
15 | align-items: center;
16 | display: flex;
17 | flex-grow: 1;
18 | }
19 |
20 | .go-accordion-panel__title-icon {
21 | display: flex;
22 | flex-direction: column;
23 | justify-content: center;
24 | padding-left: 1rem;
25 | text-align: center;
26 | }
27 |
28 | .go-accordion-panel__title-text {
29 | padding-left: 1rem;
30 | }
31 |
32 | .go-accordion-panel__control {
33 | display: flex;
34 | flex-direction: column;
35 | justify-content: center;
36 | padding: 0 1rem;
37 | text-align: center;
38 | }
39 |
40 | .go-accordion-panel__control-icon {
41 | @include transition(all);
42 | }
43 |
44 | .go-accordion-panel__content-container {
45 | max-height: 0;
46 | opacity: 0;
47 | overflow: hidden;
48 | visibility: hidden;
49 | @include transition(max-height opacity);
50 | }
51 |
52 | .go-accordion-panel__content {
53 | display: block;
54 | padding: 0 1rem;
55 | @include transition(all);
56 | }
57 |
58 | // ----- Light Theme Classes
59 | .go-accordion--theme-light {
60 | background: $theme-light-bg;
61 | border: 1px solid $theme-light-border;
62 | color: $theme-light-color;
63 |
64 | go-accordion-panel:not(:first-of-type) .go-accordion-panel__title-bar,
65 | go-accordion-panel:last-of-type .go-accordion-panel__title-bar {
66 | border-top: 1px solid $theme-light-border;
67 | }
68 |
69 | .go-accordion-panel--border-top .go-accordion-panel__title-bar {
70 | border-top: 1px solid $theme-light-border;
71 | }
72 |
73 | .go-accordion-panel--active .go-accordion-panel__title-bar {
74 | background: $theme-light-bg-active;
75 | }
76 |
77 | .go-accordion-panel--inactive .go-accordion-panel__title-bar {
78 | background: $theme-light-bg;
79 | }
80 |
81 | .go-accordion-panel__title-bar:hover {
82 | background: $theme-light-bg-hover;
83 | }
84 |
85 | .go-accordion-panel__content {
86 | color: $theme-light-color;
87 | }
88 | }
89 |
90 | // ----- Dark Theme Classes
91 | .go-accordion--theme-dark {
92 | background: $theme-dark-bg;
93 | border: 1px solid $theme-dark-border;
94 | color: $theme-dark-color;
95 | font-weight: 300;
96 |
97 | go-accordion-panel:not(:first-of-type) .go-accordion-panel__title-bar,
98 | go-accordion-panel:last-of-type .go-accordion-panel__title-bar {
99 | border-top: 1px solid $theme-dark-border;
100 | }
101 |
102 | .go-accordion-panel--border-top .go-accordion-panel__title-bar {
103 | border-top: 1px solid $theme-dark-border;
104 | }
105 |
106 | .go-accordion-panel--active .go-accordion-panel__title-bar {
107 | background: $theme-dark-bg-active;
108 | }
109 |
110 | .go-accordion-panel--inactive .go-accordion-panel__title-bar {
111 | background: $theme-dark-bg;
112 | }
113 |
114 | .go-accordion-panel__title-bar:hover {
115 | background: $theme-dark-bg-hover;
116 | }
117 |
118 | .go-accordion-panel__content {
119 | color: $theme-dark-color;
120 | font-weight: 300;
121 | }
122 | }
123 |
124 | .go-action-sheet__go-accordion {
125 | .go-accordion {
126 | border: none;
127 | }
128 |
129 | .go-accordion-panel__title-bar {
130 | font-size: 1rem;
131 | padding: 1rem 0;
132 | }
133 |
134 | .go-accordion-panel__control-icon {
135 | font-size: 1rem;
136 | }
137 |
138 | go-accordion-panel:not(:first-of-type) .go-accordion-panel__title-bar,
139 | go-accordion-panel:last-of-type .go-accordion-panel__title-bar {
140 | border-top: none;
141 | }
142 |
143 | .go-accordion-panel {
144 | &:first-of-type::before,
145 | .go-accordion-panel__title-bar {
146 | border-radius: 0;
147 | }
148 | }
149 | }
150 |
151 | go-accordion-panel {
152 | &:last-of-type {
153 | .go-accordion-panel::before {
154 | border-bottom-left-radius: calc(#{$global-radius} - 1px);
155 | }
156 |
157 | .go-accordion-panel__title-bar {
158 | border-radius: 0 0 $global-radius $global-radius;
159 | overflow: hidden;
160 | }
161 | }
162 |
163 | &:first-of-type {
164 | .go-accordion-panel::before {
165 | border-top-left-radius: calc(#{$global-radius} - 1px);
166 | }
167 |
168 | .go-accordion-panel__title-bar {
169 | border-radius: $global-radius $global-radius 0 0 ;
170 | overflow: hidden;
171 | }
172 | }
173 | }
174 |
175 | .go-accordion-panel {
176 | position: relative;
177 |
178 | &::before {
179 | background: $brand-color-gradient;
180 | background-color: $brand-color;
181 | content: " ";
182 | height: 100%;
183 | left: 0;
184 | opacity: 0;
185 | position: absolute;
186 | transition: all 0.25s ease-in;
187 | width: 4px;
188 | z-index: 1;
189 | }
190 |
191 | &.go-accordion-panel--active {
192 |
193 | &::before {
194 | opacity: 1;
195 | }
196 |
197 | .go-accordion-panel__control .material-icons {
198 | transform: rotate(180deg);
199 | }
200 |
201 | .go-accordion-panel__content-container {
202 | max-height: 1000000px; // this is arbitrary, used for animation
203 | opacity: 1;
204 | visibility: visible;
205 | }
206 |
207 | .go-accordion-panel__content {
208 | padding: 1.5rem 1rem;
209 | }
210 | }
211 |
212 | &.go-accordion-panel--inactive {
213 | &::before {
214 | opacity: 0;
215 | }
216 |
217 | .go-accordion-panel__control .material-icons {
218 | transform: rotate(0deg);
219 | }
220 |
221 | .go-accordion-panel__content-container {
222 | max-height: 0;
223 | opacity: 0;
224 | visibility: hidden;
225 | }
226 | }
227 | }
228 |
229 | // ----- Utility Classes
230 | .go-accordion--slim {
231 | .go-accordion-panel__title-icon {
232 | font-size: 1rem;
233 | }
234 |
235 | &:hover {
236 | background: $theme-light-bg-hover;
237 | }
238 | }
239 |
--------------------------------------------------------------------------------
/projects/go-lib/src/lib/components/go-button/go-button.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { GoButtonComponent } from './go-button.component';
4 | import { GoIconModule } from '../go-icon/go-icon.module';
5 |
6 | describe('GoButtonComponent', () => {
7 | let component: GoButtonComponent;
8 | let fixture: ComponentFixture
3 |
8 | {{ tableTitle }}
4 |
5 |
7 |
9 |
13 |
14 |
52 |
53 |
96 | |
20 |
21 |
29 | |
30 |
|---|
|
42 | |
49 |
99 |
101 | | {{ localTableConfig.noDataText }} |