├── .editorconfig
├── .gitignore
├── LICENSE
├── README.md
├── angular.json
├── e2e
    ├── protractor.conf.js
    ├── src
    │   ├── app.e2e-spec.ts
    │   └── app.po.ts
    └── tsconfig.e2e.json
├── package-lock.json
├── package.json
├── src
    ├── app
    │   ├── app-routing.module.ts
    │   ├── app.component.html
    │   ├── app.component.ts
    │   ├── app.module.ts
    │   └── swagger
    │   │   ├── swagger.component.html
    │   │   └── swagger.component.ts
    ├── assets
    │   └── .gitkeep
    ├── browserslist
    ├── environments
    │   ├── environment.prod.ts
    │   └── environment.ts
    ├── favicon.ico
    ├── index.html
    ├── jumbotron.css
    ├── karma.conf.js
    ├── main.ts
    ├── polyfills.ts
    ├── styles.css
    ├── test.ts
    ├── tsconfig.app.json
    ├── tsconfig.spec.json
    └── tslint.json
├── tsconfig.json
├── tslint.json
└── yarn.lock


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Editor configuration, see https://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | charset = utf-8
 6 | indent_style = space
 7 | indent_size = 2
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # compiled output
 4 | /dist
 5 | /tmp
 6 | /out-tsc
 7 | # Only exists if Bazel was run
 8 | /bazel-out
 9 | 
10 | # dependencies
11 | /node_modules
12 | 
13 | # profiling files
14 | chrome-profiler-events.json
15 | speed-measure-plugin.json
16 | 
17 | # IDEs and editors
18 | /.idea
19 | .project
20 | .classpath
21 | .c9/
22 | *.launch
23 | .settings/
24 | *.sublime-workspace
25 | 
26 | # IDE - VSCode
27 | .vscode/*
28 | !.vscode/settings.json
29 | !.vscode/tasks.json
30 | !.vscode/launch.json
31 | !.vscode/extensions.json
32 | .history/*
33 | 
34 | # misc
35 | /.sass-cache
36 | /connect.lock
37 | /coverage
38 | /libpeerconnection.log
39 | npm-debug.log
40 | yarn-error.log
41 | testem.log
42 | /typings
43 | 
44 | # System Files
45 | .DS_Store
46 | Thumbs.db
47 | 
48 | ### JetBrains template
49 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
50 | # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
51 | 
52 | # User-specific stuff:
53 | **/.idea/
54 | 
55 | ## File-based project format:
56 | **/*.iws
57 | **/*.iml
58 | 
59 | ## Plugin-specific files:
60 | 
61 | # IntelliJ
62 | out/
63 | 
64 | # mpeltonen/sbt-idea plugin
65 | .idea_modules/
66 | 
67 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Antonio Goncalves
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Angular CLI 7 + Angular 7 + Swagger-UI + Bootstrap 4.1 + FontAwesome 5 example app
 2 | 
 3 | This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.4.
 4 | 
 5 | ## Start the project
 6 | 
 7 | Run `npm install` and `ng serve`. Server will start at port 4200. Go to localhost:4200.
 8 | 
 9 | ## How the project was created
10 | 
11 | Here are the commands and the steps that were used to create this project 
12 | 
13 | ### Angular CLI commands
14 | 
15 | ```
16 | # Create a new Angular project with Angular CLI
17 | $ ng new swagger --directory swagger-ui-angular6 --routing true --skip-tests true --inline-style true --style=css
18 | 
19 | # Add the needed dependencies
20 | $ npm install @fortawesome/fontawesome-free@5.7.2
21 | $ npm install popper.js@1.14.7
22 | $ npm install jquery@3.3.1
23 | $ npm install bootstrap@4.3.1
24 | $ npm install @ng-bootstrap/ng-bootstrap@4.1.0
25 | $ npm install swagger-ui@3.21.0
26 | $ npm install rxjs-compat@6.4.0
27 | $ npm install stream@0.0.2
28 | 
29 | # Create a new Swagger component
30 | $ ng generate component swagger --spec false --module app --export true --inline-style true
31 | ```
32 | 
33 | ## Configuration
34 | 
35 | In `angular.json` file add :
36 | 
37 | ```
38 | "styles": [
39 |   "node_modules/bootstrap/dist/css/bootstrap.css",
40 |   "node_modules/swagger-ui/dist/swagger-ui.css",
41 |   "node_modules/@fortawesome/fontawesome-free/css/all.css",
42 |   "src/jumbotron.css",
43 |   {
44 |     "input": "src/styles.css"
45 |   }
46 | ],
47 | "scripts": [
48 |   "node_modules/jquery/dist/jquery.slim.js",
49 |   "node_modules/popper.js/dist/umd/popper.js",
50 |   "node_modules/bootstrap/dist/js/bootstrap.js"
51 | ]
52 | ```
53 | 
54 | In `app.module.ts` add NG Bootstrap
55 | 
56 | ```
57 | import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
58 | 
59 |   imports: [
60 |     NgbModule.forRoot()
61 |   ],
62 | ```
63 | 
64 | ## References
65 | 
66 | * https://github.com/shockey/swagger-ui-angular4
67 | 


--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  3 |   "version": 1,
  4 |   "newProjectRoot": "projects",
  5 |   "projects": {
  6 |     "swagger": {
  7 |       "root": "",
  8 |       "sourceRoot": "src",
  9 |       "projectType": "application",
 10 |       "prefix": "app",
 11 |       "schematics": {
 12 |         "@schematics/angular:component": {
 13 |           "inlineStyle": true,
 14 |           "skipTests": true
 15 |         },
 16 |         "@schematics/angular:class": {
 17 |           "skipTests": true
 18 |         },
 19 |         "@schematics/angular:directive": {
 20 |           "skipTests": true
 21 |         },
 22 |         "@schematics/angular:guard": {
 23 |           "skipTests": true
 24 |         },
 25 |         "@schematics/angular:module": {
 26 |           "skipTests": true
 27 |         },
 28 |         "@schematics/angular:pipe": {
 29 |           "skipTests": true
 30 |         },
 31 |         "@schematics/angular:service": {
 32 |           "skipTests": true
 33 |         }
 34 |       },
 35 |       "architect": {
 36 |         "build": {
 37 |           "builder": "@angular-devkit/build-angular:browser",
 38 |           "options": {
 39 |             "outputPath": "dist/swagger",
 40 |             "index": "src/index.html",
 41 |             "main": "src/main.ts",
 42 |             "polyfills": "src/polyfills.ts",
 43 |             "tsConfig": "src/tsconfig.app.json",
 44 |             "assets": [
 45 |               "src/favicon.ico",
 46 |               "src/assets"
 47 |             ],
 48 |             "styles": [
 49 |               "node_modules/bootstrap/dist/css/bootstrap.css",
 50 |               "node_modules/swagger-ui/dist/swagger-ui.css",
 51 |               "node_modules/@fortawesome/fontawesome-free/css/all.css",
 52 |               "src/jumbotron.css",
 53 |               "src/styles.css"
 54 |             ],
 55 |             "scripts": [
 56 |               "node_modules/jquery/dist/jquery.slim.js",
 57 |               "node_modules/popper.js/dist/umd/popper.js",
 58 |               "node_modules/bootstrap/dist/js/bootstrap.js"
 59 |             ],
 60 |             "es5BrowserSupport": true
 61 |           },
 62 |           "configurations": {
 63 |             "production": {
 64 |               "fileReplacements": [
 65 |                 {
 66 |                   "replace": "src/environments/environment.ts",
 67 |                   "with": "src/environments/environment.prod.ts"
 68 |                 }
 69 |               ],
 70 |               "optimization": true,
 71 |               "outputHashing": "all",
 72 |               "sourceMap": false,
 73 |               "extractCss": true,
 74 |               "namedChunks": false,
 75 |               "aot": true,
 76 |               "extractLicenses": true,
 77 |               "vendorChunk": false,
 78 |               "buildOptimizer": true,
 79 |               "budgets": [
 80 |                 {
 81 |                   "type": "initial",
 82 |                   "maximumWarning": "2mb",
 83 |                   "maximumError": "5mb"
 84 |                 }
 85 |               ]
 86 |             }
 87 |           }
 88 |         },
 89 |         "serve": {
 90 |           "builder": "@angular-devkit/build-angular:dev-server",
 91 |           "options": {
 92 |             "browserTarget": "swagger:build"
 93 |           },
 94 |           "configurations": {
 95 |             "production": {
 96 |               "browserTarget": "swagger:build:production"
 97 |             }
 98 |           }
 99 |         },
100 |         "extract-i18n": {
101 |           "builder": "@angular-devkit/build-angular:extract-i18n",
102 |           "options": {
103 |             "browserTarget": "swagger:build"
104 |           }
105 |         },
106 |         "test": {
107 |           "builder": "@angular-devkit/build-angular:karma",
108 |           "options": {
109 |             "main": "src/test.ts",
110 |             "polyfills": "src/polyfills.ts",
111 |             "tsConfig": "src/tsconfig.spec.json",
112 |             "karmaConfig": "src/karma.conf.js",
113 |             "styles": [
114 |               "src/styles.css"
115 |             ],
116 |             "scripts": [],
117 |             "assets": [
118 |               "src/favicon.ico",
119 |               "src/assets"
120 |             ]
121 |           }
122 |         },
123 |         "lint": {
124 |           "builder": "@angular-devkit/build-angular:tslint",
125 |           "options": {
126 |             "tsConfig": [
127 |               "src/tsconfig.app.json",
128 |               "src/tsconfig.spec.json"
129 |             ],
130 |             "exclude": [
131 |               "**/node_modules/**"
132 |             ]
133 |           }
134 |         }
135 |       }
136 |     },
137 |     "swagger-e2e": {
138 |       "root": "e2e/",
139 |       "projectType": "application",
140 |       "prefix": "",
141 |       "architect": {
142 |         "e2e": {
143 |           "builder": "@angular-devkit/build-angular:protractor",
144 |           "options": {
145 |             "protractorConfig": "e2e/protractor.conf.js",
146 |             "devServerTarget": "swagger:serve"
147 |           },
148 |           "configurations": {
149 |             "production": {
150 |               "devServerTarget": "swagger:serve:production"
151 |             }
152 |           }
153 |         },
154 |         "lint": {
155 |           "builder": "@angular-devkit/build-angular:tslint",
156 |           "options": {
157 |             "tsConfig": "e2e/tsconfig.e2e.json",
158 |             "exclude": [
159 |               "**/node_modules/**"
160 |             ]
161 |           }
162 |         }
163 |       }
164 |     }
165 |   },
166 |   "defaultProject": "swagger"
167 | }


--------------------------------------------------------------------------------
/e2e/protractor.conf.js:
--------------------------------------------------------------------------------
 1 | // Protractor configuration file, see link for more information
 2 | // https://github.com/angular/protractor/blob/master/lib/config.ts
 3 | 
 4 | const { SpecReporter } = require('jasmine-spec-reporter');
 5 | 
 6 | exports.config = {
 7 |   allScriptsTimeout: 11000,
 8 |   specs: [
 9 |     './src/**/*.e2e-spec.ts'
10 |   ],
11 |   capabilities: {
12 |     'browserName': 'chrome'
13 |   },
14 |   directConnect: true,
15 |   baseUrl: 'http://localhost:4200/',
16 |   framework: 'jasmine',
17 |   jasmineNodeOpts: {
18 |     showColors: true,
19 |     defaultTimeoutInterval: 30000,
20 |     print: function() {}
21 |   },
22 |   onPrepare() {
23 |     require('ts-node').register({
24 |       project: require('path').join(__dirname, './tsconfig.e2e.json')
25 |     });
26 |     jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
27 |   }
28 | };


--------------------------------------------------------------------------------
/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
 1 | import { AppPage } from './app.po';
 2 | import { browser, logging } from 'protractor';
 3 | 
 4 | describe('workspace-project App', () => {
 5 |   let page: AppPage;
 6 | 
 7 |   beforeEach(() => {
 8 |     page = new AppPage();
 9 |   });
10 | 
11 |   it('should display welcome message', () => {
12 |     page.navigateTo();
13 |     expect(page.getTitleText()).toEqual('Welcome to swagger!');
14 |   });
15 | 
16 |   afterEach(async () => {
17 |     // Assert that there are no errors emitted from the browser
18 |     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
19 |     expect(logs).not.toContain(jasmine.objectContaining({
20 |       level: logging.Level.SEVERE,
21 |     } as logging.Entry));
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
 1 | import { browser, by, element } from 'protractor';
 2 | 
 3 | export class AppPage {
 4 |   navigateTo() {
 5 |     return browser.get(browser.baseUrl) as Promise<any>;
 6 |   }
 7 | 
 8 |   getTitleText() {
 9 |     return element(by.css('app-root h1')).getText() as Promise<string>;
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "../tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "../out-tsc/app",
 5 |     "module": "commonjs",
 6 |     "target": "es5",
 7 |     "types": [
 8 |       "jasmine",
 9 |       "jasminewd2",
10 |       "node"
11 |     ]
12 |   }
13 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "swagger",
 3 |   "version": "0.0.0",
 4 |   "scripts": {
 5 |     "ng": "ng",
 6 |     "start": "ng serve",
 7 |     "build": "ng build",
 8 |     "test": "ng test",
 9 |     "lint": "ng lint",
10 |     "e2e": "ng e2e"
11 |   },
12 |   "private": true,
13 |   "dependencies": {
14 |     "@angular/animations": "~7.2.0",
15 |     "@angular/common": "~7.2.0",
16 |     "@angular/compiler": "~7.2.0",
17 |     "@angular/core": "~7.2.0",
18 |     "@angular/forms": "~7.2.0",
19 |     "@angular/platform-browser": "~7.2.0",
20 |     "@angular/platform-browser-dynamic": "~7.2.0",
21 |     "@angular/router": "~7.2.0",
22 |     "@fortawesome/fontawesome-free": "^5.7.2",
23 |     "@ng-bootstrap/ng-bootstrap": "^4.1.0",
24 |     "bootstrap": "^4.3.1",
25 |     "core-js": "^2.5.4",
26 |     "jquery": "^3.3.1",
27 |     "popper.js": "^1.14.7",
28 |     "rxjs": "~6.3.3",
29 |     "rxjs-compat": "^6.4.0",
30 |     "stream": "0.0.2",
31 |     "swagger-ui": "^3.21.0",
32 |     "tslib": "^1.9.0",
33 |     "zone.js": "~0.8.26"
34 |   },
35 |   "devDependencies": {
36 |     "@angular-devkit/build-angular": "~0.13.0",
37 |     "@angular/cli": "~7.3.4",
38 |     "@angular/compiler-cli": "~7.2.0",
39 |     "@angular/language-service": "~7.2.0",
40 |     "@types/node": "~8.9.4",
41 |     "@types/jasmine": "~2.8.8",
42 |     "@types/jasminewd2": "~2.0.3",
43 |     "codelyzer": "~4.5.0",
44 |     "jasmine-core": "~2.99.1",
45 |     "jasmine-spec-reporter": "~4.2.1",
46 |     "karma": "~4.0.0",
47 |     "karma-chrome-launcher": "~2.2.0",
48 |     "karma-coverage-istanbul-reporter": "~2.0.1",
49 |     "karma-jasmine": "~1.1.2",
50 |     "karma-jasmine-html-reporter": "^0.2.2",
51 |     "protractor": "~5.4.0",
52 |     "ts-node": "~7.0.0",
53 |     "tslint": "~5.11.0",
54 |     "typescript": "~3.2.2"
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
 1 | import { NgModule } from '@angular/core';
 2 | import { Routes, RouterModule } from '@angular/router';
 3 | import {SwaggerComponent} from "./swagger/swagger.component";
 4 | 
 5 | const routes: Routes = [
 6 |   {path: 'swagger', component: SwaggerComponent}
 7 | ];
 8 | 
 9 | @NgModule({
10 |   imports: [RouterModule.forRoot(routes)],
11 |   exports: [RouterModule]
12 | })
13 | export class AppRoutingModule { }
14 | 


--------------------------------------------------------------------------------
/src/app/app.component.html:
--------------------------------------------------------------------------------
 1 | <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
 2 |   <a class="navbar-brand" href="#">{{ title }}</a>
 3 |   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
 4 |           aria-controls="navbarsExampleDefault" aria-expanded="false"
 5 |           aria-label="Toggle navigation">
 6 |     <span class="navbar-toggler-icon"></span>
 7 |   </button>
 8 | 
 9 |   <div class="collapse navbar-collapse" id="navbars">
10 |     <ul class="navbar-nav mr-auto">
11 | 
12 |       <li class="nav-item dropdown">
13 |         <a class="nav-link dropdown-toggle" id="dropdown-administrator" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Swagger</a>
14 |         <ul class="dropdown-menu" aria-labelledby="dropdown-admin">
15 |           <li>
16 |             <a class="dropdown-item" [routerLink]="['/swagger']">
17 |               <i class="fas fa-fw fa-book" aria-hidden="true"></i>
18 |               <span>Swagger UI</span>
19 |             </a>
20 |           </li>
21 |         </ul>
22 |       </li>
23 |     </ul>
24 |   </div>
25 | </nav>
26 | 
27 | <main role="main">
28 | 
29 |   <div class="jumbotron">
30 |     <div class="container">
31 |       <h3>Angular CLI 7 + Angular 7 + Swagger-UI + Bootstrap 4.1 + FontAwesome 5 example app</h3>
32 |       <img width="200" alt="Angular Logo"
33 |            src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
34 |     </div>
35 |   </div>
36 | 
37 |   <div class="container">
38 |     <router-outlet></router-outlet>
39 |     <hr>
40 |   </div>
41 | 
42 | </main>
43 | 
44 | <footer class="container">
45 |   <p><a href="https://twitter.com/agoncal">@agoncal</a></p>
46 | </footer>
47 | 


--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-root',
 5 |   templateUrl: './app.component.html',
 6 |   styles: []
 7 | })
 8 | export class AppComponent {
 9 |   title = 'Angular 7';
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
 1 | import { BrowserModule } from '@angular/platform-browser';
 2 | import { NgModule } from '@angular/core';
 3 | import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 4 | 
 5 | import { AppRoutingModule } from './app-routing.module';
 6 | import { AppComponent } from './app.component';
 7 | import { SwaggerComponent } from './swagger/swagger.component';
 8 | 
 9 | @NgModule({
10 |   declarations: [
11 |     AppComponent,
12 |     SwaggerComponent
13 |   ],
14 |   imports: [
15 |     BrowserModule,
16 |     AppRoutingModule,
17 |     NgbModule.forRoot()
18 |   ],
19 |   providers: [],
20 |   bootstrap: [AppComponent],
21 |   exports: [SwaggerComponent]
22 | })
23 | export class AppModule { }
24 | 


--------------------------------------------------------------------------------
/src/app/swagger/swagger.component.html:
--------------------------------------------------------------------------------
1 | <div class="swagger-container"></div>
2 | 


--------------------------------------------------------------------------------
/src/app/swagger/swagger.component.ts:
--------------------------------------------------------------------------------
 1 | import {AfterViewInit, Component, ElementRef} from '@angular/core';
 2 | 
 3 | import SwaggerUI from 'swagger-ui';
 4 | 
 5 | @Component({
 6 |   selector: 'app-swagger',
 7 |   templateUrl: './swagger.component.html',
 8 |   styles: []
 9 | })
10 | export class SwaggerComponent implements AfterViewInit {
11 | 
12 |   constructor(private el: ElementRef) {
13 |   }
14 | 
15 |   ngAfterViewInit() {
16 |     const ui = SwaggerUI({
17 |       url: 'http://petstore.swagger.io/v2/swagger.json',
18 |       domNode: this.el.nativeElement.querySelector('.swagger-container'),
19 |       deepLinking: true,
20 |       presets: [
21 |         SwaggerUI.presets.apis
22 |       ],
23 |     });
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/agoncal/swagger-ui-angular6/2fe8c45c6786ad862e3d99139b2cca600e32db27/src/assets/.gitkeep


--------------------------------------------------------------------------------
/src/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 | not IE 9-11


--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 |   production: true
3 | };
4 | 


--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
 1 | // This file can be replaced during build by using the `fileReplacements` array.
 2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 3 | // The list of file replacements can be found in `angular.json`.
 4 | 
 5 | export const environment = {
 6 |   production: false
 7 | };
 8 | 
 9 | /*
10 |  * For easier debugging in development mode, you can import the following file
11 |  * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 |  *
13 |  * This import should be commented out in production mode because it will have a negative impact
14 |  * on performance if an error is thrown.
15 |  */
16 | // import 'zone.js/dist/zone-error';  // Included with Angular CLI.
17 | 


--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/agoncal/swagger-ui-angular6/2fe8c45c6786ad862e3d99139b2cca600e32db27/src/favicon.ico


--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>Swagger</title>
 6 |   <base href="/">
 7 | 
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   <link rel="icon" type="image/x-icon" href="favicon.ico">
10 | </head>
11 | <body>
12 |   <app-root></app-root>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/src/jumbotron.css:
--------------------------------------------------------------------------------
1 | /* Move down content because we have a fixed navbar that is 3.5rem tall */
2 | body {
3 |   padding-top: 3.5rem;
4 | }
5 | 
6 | .jumbotron {
7 |   padding: 1rem 1rem;
8 | }
9 | 


--------------------------------------------------------------------------------
/src/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('karma-jasmine-html-reporter'),
12 |       require('karma-coverage-istanbul-reporter'),
13 |       require('@angular-devkit/build-angular/plugins/karma')
14 |     ],
15 |     client: {
16 |       clearContext: false // leave Jasmine Spec Runner output visible in browser
17 |     },
18 |     coverageIstanbulReporter: {
19 |       dir: require('path').join(__dirname, '../coverage/swagger'),
20 |       reports: ['html', 'lcovonly', 'text-summary'],
21 |       fixWebpackSourcePaths: true
22 |     },
23 |     reporters: ['progress', 'kjhtml'],
24 |     port: 9876,
25 |     colors: true,
26 |     logLevel: config.LOG_INFO,
27 |     autoWatch: true,
28 |     browsers: ['Chrome'],
29 |     singleRun: false,
30 |     restartOnFileChange: true
31 |   });
32 | };


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This file includes polyfills needed by Angular and is loaded before the app.
 3 |  * You can add your own extra polyfills to this file.
 4 |  *
 5 |  * This file is divided into 2 sections:
 6 |  *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
 7 |  *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
 8 |  *      file.
 9 |  *
10 |  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 |  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 |  * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 |  *
14 |  * Learn more in https://angular.io/guide/browser-support
15 |  */
16 | 
17 | /***************************************************************************************************
18 |  * BROWSER POLYFILLS
19 |  */
20 | 
21 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
22 | // import 'classlist.js';  // Run `npm install --save classlist.js`.
23 | 
24 | /**
25 |  * Web Animations `@angular/platform-browser/animations`
26 |  * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
27 |  * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
28 |  */
29 | // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
30 | 
31 | /**
32 |  * By default, zone.js will patch all possible macroTask and DomEvents
33 |  * user can disable parts of macroTask/DomEvents patch by setting following flags
34 |  * because those flags need to be set before `zone.js` being loaded, and webpack
35 |  * will put import in the top of bundle, so user need to create a separate file
36 |  * in this directory (for example: zone-flags.ts), and put the following flags
37 |  * into that file, and then add the following code before importing zone.js.
38 |  * import './zone-flags.ts';
39 |  *
40 |  * The flags allowed in zone-flags.ts are listed here.
41 |  *
42 |  * The following flags will work for all browsers.
43 |  *
44 |  * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
45 |  * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
46 |  * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
47 |  *
48 |  * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
49 |  * with the following flag, it will bypass `zone.js` patch for IE/Edge
50 |  *
51 |  *  (window as any).__Zone_enable_cross_context_check = true;
52 |  *
53 |  */
54 | 
55 | /***************************************************************************************************
56 |  * Zone JS is required by default for Angular itself.
57 |  */
58 | import 'zone.js/dist/zone';  // Included with Angular CLI.
59 | 
60 | 
61 | /***************************************************************************************************
62 |  * APPLICATION IMPORTS
63 |  */
64 | (window as any).global = window;
65 | // @ts-ignore
66 | window.Buffer = window.Buffer || require('buffer').Buffer;
67 | 


--------------------------------------------------------------------------------
/src/styles.css:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | 


--------------------------------------------------------------------------------
/src/test.ts:
--------------------------------------------------------------------------------
 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 2 | 
 3 | import 'zone.js/dist/zone-testing';
 4 | import { getTestBed } from '@angular/core/testing';
 5 | import {
 6 |   BrowserDynamicTestingModule,
 7 |   platformBrowserDynamicTesting
 8 | } from '@angular/platform-browser-dynamic/testing';
 9 | 
10 | declare const require: any;
11 | 
12 | // First, initialize the Angular testing environment.
13 | getTestBed().initTestEnvironment(
14 |   BrowserDynamicTestingModule,
15 |   platformBrowserDynamicTesting()
16 | );
17 | // Then we find all the tests.
18 | const context = require.context('./', true, /\.spec\.ts$/);
19 | // And load the modules.
20 | context.keys().map(context);
21 | 


--------------------------------------------------------------------------------
/src/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "../tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "../out-tsc/app",
 5 |     "types": []
 6 |   },
 7 |   "exclude": [
 8 |     "test.ts",
 9 |     "**/*.spec.ts"
10 |   ]
11 | }
12 | 


--------------------------------------------------------------------------------
/src/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 |     "test.ts",
12 |     "polyfills.ts"
13 |   ],
14 |   "include": [
15 |     "**/*.spec.ts",
16 |     "**/*.d.ts"
17 |   ]
18 | }
19 | 


--------------------------------------------------------------------------------
/src/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 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compileOnSave": false,
 3 |   "compilerOptions": {
 4 |     "baseUrl": "./",
 5 |     "outDir": "./dist/out-tsc",
 6 |     "sourceMap": true,
 7 |     "declaration": false,
 8 |     "module": "es2015",
 9 |     "moduleResolution": "node",
10 |     "emitDecoratorMetadata": true,
11 |     "experimentalDecorators": true,
12 |     "importHelpers": true,
13 |     "target": "es5",
14 |     "typeRoots": [
15 |       "node_modules/@types"
16 |     ],
17 |     "lib": [
18 |       "es2018",
19 |       "dom"
20 |     ]
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "tslint:recommended",
 3 |   "rulesDirectory": [
 4 |     "codelyzer"
 5 |   ],
 6 |   "rules": {
 7 |     "array-type": false,
 8 |     "arrow-parens": false,
 9 |     "deprecation": {
10 |       "severity": "warn"
11 |     },
12 |     "import-blacklist": [
13 |       true,
14 |       "rxjs/Rx"
15 |     ],
16 |     "interface-name": false,
17 |     "max-classes-per-file": false,
18 |     "max-line-length": [
19 |       true,
20 |       140
21 |     ],
22 |     "member-access": false,
23 |     "member-ordering": [
24 |       true,
25 |       {
26 |         "order": [
27 |           "static-field",
28 |           "instance-field",
29 |           "static-method",
30 |           "instance-method"
31 |         ]
32 |       }
33 |     ],
34 |     "no-consecutive-blank-lines": false,
35 |     "no-console": [
36 |       true,
37 |       "debug",
38 |       "info",
39 |       "time",
40 |       "timeEnd",
41 |       "trace"
42 |     ],
43 |     "no-empty": false,
44 |     "no-inferrable-types": [
45 |       true,
46 |       "ignore-params"
47 |     ],
48 |     "no-non-null-assertion": true,
49 |     "no-redundant-jsdoc": true,
50 |     "no-switch-case-fall-through": true,
51 |     "no-use-before-declare": true,
52 |     "no-var-requires": false,
53 |     "object-literal-key-quotes": [
54 |       true,
55 |       "as-needed"
56 |     ],
57 |     "object-literal-sort-keys": false,
58 |     "ordered-imports": false,
59 |     "quotemark": [
60 |       true,
61 |       "single"
62 |     ],
63 |     "trailing-comma": false,
64 |     "no-output-on-prefix": true,
65 |     "use-input-property-decorator": true,
66 |     "use-output-property-decorator": true,
67 |     "use-host-property-decorator": true,
68 |     "no-input-rename": true,
69 |     "no-output-rename": true,
70 |     "use-life-cycle-interface": true,
71 |     "use-pipe-transform-interface": true,
72 |     "component-class-suffix": true,
73 |     "directive-class-suffix": true
74 |   }
75 | }
76 | 


--------------------------------------------------------------------------------