Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-21 21:40:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(bootstrap): update bootstrap to beta.2, nebular to rc.3

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-10-24 17:25:35 +03:00
parent 3429ed0a8d
commit b52521386b
11 changed files with 149 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

80
package-lock.json generated
View file

@ -379,19 +379,19 @@
}
},
"@nebular/auth": {
"version": "2.0.0-rc.2",
"resolved": "https://registry.npmjs.org/@nebular/auth/-/auth-2.0.0-rc.2.tgz",
"integrity": "sha512-ZXxH4tVQuY/xjdasaroHKb5xnE6uSG+s8DiSnhbupUGZwLMQboU8HjxemL45IQluHVTuLAuTVev2tYLKGNpHnw=="
"version": "2.0.0-rc.3",
"resolved": "https://registry.npmjs.org/@nebular/auth/-/auth-2.0.0-rc.3.tgz",
"integrity": "sha512-VVEt8PimJ1l3GwGD+UdrgfXpKL5kM586cKAuSlhw+kKakVA1KQPLOZhGe6GUqeqt761ySiwGH3efi15bs3a+tg=="
},
"@nebular/theme": {
"version": "2.0.0-rc.2",
"resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-2.0.0-rc.2.tgz",
"integrity": "sha512-TaF2ACM2CIDl4pBDMy9wyypl29S/P95tSgEXu0xALexlb9luhxSLTgw0KXKQKNoIsIeYc0RAuIV4k5Yhbku1lQ=="
"version": "2.0.0-rc.3",
"resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-2.0.0-rc.3.tgz",
"integrity": "sha512-xCRJHqw1MtpqU6amgVAPvlEbRVsnUAnw9BrQdh9Zp39ZnLOJNPLmyeIT/eV0S06uGR4W9aV5Tpa9vCkVC6NKsQ=="
},
"@ng-bootstrap/ng-bootstrap": {
"version": "1.0.0-alpha.26",
"resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-1.0.0-alpha.26.tgz",
"integrity": "sha1-89nha1aC7CDts/E5fT1FpXbz9qQ="
"version": "1.0.0-beta.5",
"resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-1.0.0-beta.5.tgz",
"integrity": "sha1-2iuQZrNwGihMrFoWFop33vlHtKs="
},
"@ngtools/json-schema": {
"version": "1.1.0",
@ -1178,13 +1178,9 @@
}
},
"bootstrap": {
"version": "4.0.0-alpha.6",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0-alpha.6.tgz",
"integrity": "sha1-T1TdM6wN6sOyhAe8LffsYIhpycg=",
"requires": {
"jquery": "3.2.1",
"tether": "1.4.0"
}
"version": "4.0.0-beta.2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0-beta.2.tgz",
"integrity": "sha512-DzGtdTlKbrMoGMpz0LigKSqJ+MgtFKxA791PU/q062OlRG0HybNZcTLH7rpDAmLS66Y3esN9yzKHLLbqa5UR3w=="
},
"brace-expansion": {
"version": "1.1.8",
@ -2077,16 +2073,6 @@
"integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
"dev": true
},
"cors": {
"version": "2.8.4",
"resolved": "https://registry.npmjs.org/cors/-/cors-2.8.4.tgz",
"integrity": "sha1-K9OB8usgECAQXNUOpZ2mMJBpRoY=",
"dev": true,
"requires": {
"object-assign": "4.1.1",
"vary": "1.1.2"
}
},
"cosmiconfig": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz",
@ -6540,11 +6526,6 @@
"integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=",
"dev": true
},
"jquery": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.2.1.tgz",
"integrity": "sha1-XE2d5lKvbNCncBVKYxu6ErAVx4c="
},
"js-base64": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.3.2.tgz",
@ -7007,6 +6988,31 @@
"integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
"dev": true
},
"cors": {
"version": "2.8.4",
"resolved": "https://registry.npmjs.org/cors/-/cors-2.8.4.tgz",
"integrity": "sha1-K9OB8usgECAQXNUOpZ2mMJBpRoY=",
"dev": true,
"requires": {
"object-assign": "4.1.1",
"vary": "1.1.2"
}
},
"event-stream": {
"version": "3.3.4",
"resolved": "https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz",
"integrity": "sha1-SrTJoPWlTbkzi0w02Gv86PSzVXE=",
"dev": true,
"requires": {
"duplexer": "0.1.1",
"from": "0.1.7",
"map-stream": "0.1.0",
"pause-stream": "0.0.11",
"split": "0.3.3",
"stream-combiner": "0.0.4",
"through": "2.3.8"
}
},
"faye-websocket": {
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.1.tgz",
@ -7031,6 +7037,12 @@
"is-wsl": "1.1.0"
}
},
"proxy-middleware": {
"version": "0.15.0",
"resolved": "https://registry.npmjs.org/proxy-middleware/-/proxy-middleware-0.15.0.tgz",
"integrity": "sha1-o/3xvvtzD5UZZYcqwvYHTGFHelY=",
"dev": true
},
"send": {
"version": "0.16.1",
"resolved": "https://registry.npmjs.org/send/-/send-0.16.1.tgz",
@ -9401,12 +9413,6 @@
"ipaddr.js": "1.5.2"
}
},
"proxy-middleware": {
"version": "0.15.0",
"resolved": "https://registry.npmjs.org/proxy-middleware/-/proxy-middleware-0.15.0.tgz",
"integrity": "sha1-o/3xvvtzD5UZZYcqwvYHTGFHelY=",
"dev": true
},
"prr": {
"version": "0.0.0",
"resolved": "https://registry.npmjs.org/prr/-/prr-0.0.0.tgz",

15
package.json
View file

@ -2,6 +2,13 @@
"name": "ngx-admin",
"version": "2.0.0",
"license": "MIT",
"repository": {
"type": "git",
"url": "git+https://github.com/akveo/ngx-admin.git"
},
"bugs": {
"url": "https://github.com/akveo/ngx-admin/issues"
},
"scripts": {
"ng": "ng",
"start": "ng serve",
@ -35,13 +42,13 @@
"@angular/platform-browser-dynamic": "^4.4.6",
"@angular/router": "^4.4.6",
"@asymmetrik/angular2-leaflet": "2.1.4",
"@nebular/auth": "2.0.0-rc.2",
"@nebular/theme": "2.0.0-rc.2",
"@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.26",
"@nebular/auth": "2.0.0-rc.3",
"@nebular/theme": "2.0.0-rc.3",
"@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
"@swimlane/ngx-charts": "5.2.0",
"angular2-chartjs": "^0.3.0",
"angular2-toaster": "4.0.0",
"bootstrap": "4.0.0-alpha.6",
"bootstrap": "4.0.0-beta.2",
"chart.js": "2.5.0",
"ckeditor": "4.6.2",
"classlist.js": "1.1.20150312",

8
protractor.conf.js
View file

@ -9,7 +9,10 @@ exports.config = {
'./e2e/**/*.e2e-spec.ts'
],
capabilities: {
'browserName': 'chrome'
'browserName': 'chrome',
'chromeOptions': {
'args': ['show-fps-counter=true', '--no-sandbox']
}
},
directConnect: true,
baseUrl: 'http://localhost:4200/',
@ -23,6 +26,7 @@ exports.config = {
require('ts-node').register({
project: 'e2e/tsconfig.e2e.json'
});
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
jasmine.getEnv().addReporter(new SpecReporter({ acspec: { displayStacktrace: true } }));
}
};

12
src/app/pages/components/notifications/notifications.component.html
View file

@ -9,11 +9,11 @@
<div class="col-md-6 col-sm-12">
<div class="form-group">
<label class="form-control-label">Place to show toast:</label>
<div ngbDropdown>
<div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ position }}
</button>
<ul class="dropdown-menu">
<ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let p of positions" (click)="position = p">
{{ p }}
</li>
@ -22,11 +22,11 @@
</div>
<div class="form-group">
<label class="form-control-label">Animation type:</label>
<div ngbDropdown>
<div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ animationType }}
</button>
<ul class="dropdown-menu">
<ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let at of animations" (click)="animationType = at">
{{ at }}
</li>
@ -56,11 +56,11 @@
</div>
<div class="form-group">
<label class="form-control-label">Toast type:</label>
<div ngbDropdown>
<div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ type }}
</button>
<ul class="dropdown-menu">
<ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li>
</ul>
</div>

4
src/app/pages/dashboard/electricity/electricity.component.html
View file

@ -40,12 +40,12 @@
</div>
</div>
<div ngbDropdown>
<div class="dropdown" ngbDropdown>
<button type="button" ngbDropdownToggle class="btn"
[ngClass]="{ 'btn-outline-success': currentTheme == 'default', 'btn-primary': currentTheme != 'default'}">
{{ type }}
</button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li>
</ul>
</div>

4
src/app/pages/dashboard/traffic/traffic.component.ts
View file

@ -8,12 +8,12 @@ import { NbThemeService } from '@nebular/theme';
<nb-card size="xsmall">
<nb-card-header>
<span>Traffic Consumption</span>
<div class="ghost-dropdown" ngbDropdown>
<div class="dropdown ghost-dropdown" ngbDropdown>
<button type="button" class="btn btn-sm" ngbDropdownToggle
[ngClass]="{ 'btn-success': currentTheme == 'default', 'btn-primary': currentTheme != 'default'}">
{{ type }}
</button>
<ul class="dropdown-menu">
<ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li>
</ul>
</div>

4
src/app/pages/forms/form-inputs/form-inputs.component.html
View file

@ -72,11 +72,11 @@
</span>
</div>
<div class="input-group">
<div class="input-group-btn" ngbDropdown>
<div class="dropdown input-group-btn" ngbDropdown>
<button type="button" class="btn btn-success dropdown-toggle" ngbDropdownToggle>
Action
</button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item">Action</li>
<li class="dropdown-item">Another action</li>
<li class="dropdown-item">Something else here</li>

112
src/app/pages/ui-features/buttons/button-groups/button-groups.component.html
View file

@ -7,25 +7,25 @@
<div class="container-title">Toggle Types</div>
<div [(ngModel)]="radioModel" ngbRadioGroup
class="btn-group btn-toggle-group btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
<label class="btn btn-outline-primary">
<input type="radio" value="left"> Left
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" value="left"> Left
</label>
<label class="btn btn-outline-primary">
<input type="radio" value="middle"> Middle
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" value="middle"> Middle
</label>
<label class="btn btn-outline-primary">
<input type="radio" value="right"> Right
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" value="right"> Right
</label>
</div>
<div class="btn-group btn-toggle-group btn-group-full-width" data-toggle="buttons">
<label class="btn btn-primary" [class.active]="checkboxModel.left">
<input type="checkbox" [(ngModel)]="checkboxModel.left"> Left
<label ngbButtonLabel class="btn btn-primary" [class.active]="checkboxModel.left">
<input ngbButton type="checkbox" [(ngModel)]="checkboxModel.left"> Left
</label>
<label class="btn btn-primary" [class.active]="checkboxModel.middle">
<input type="checkbox" [(ngModel)]="checkboxModel.middle"> Middle
<label ngbButtonLabel class="btn btn-primary" [class.active]="checkboxModel.middle">
<input ngbButton type="checkbox" [(ngModel)]="checkboxModel.middle"> Middle
</label>
<label class="btn btn-primary" [class.active]="checkboxModel.right">
<input type="checkbox" [(ngModel)]="checkboxModel.right"> Right
<label ngbButtonLabel class="btn btn-primary" [class.active]="checkboxModel.right">
<input ngbButton type="checkbox" [(ngModel)]="checkboxModel.right"> Right
</label>
</div>
</div>
@ -34,20 +34,20 @@
<div class="container-title">Pagination</div>
<div class="btn-group btn-toggle-group btn-outline-toggle-group" data-toggle="buttons"
[(ngModel)]="paginationModel" ngbRadioGroup>
<label class="btn btn-outline-success">
<input type="radio" [value]="1"> 1
<label ngbButtonLabel class="btn btn-outline-success">
<input ngbButton type="radio" [value]="1"> 1
</label>
<label class="btn btn-outline-success">
<input type="radio" [value]="2"> 2
<label ngbButtonLabel class="btn btn-outline-success">
<input ngbButton type="radio" [value]="2"> 2
</label>
<label class="btn btn-outline-success">
<input type="radio" [value]="3"> 3
<label ngbButtonLabel class="btn btn-outline-success">
<input ngbButton type="radio" [value]="3"> 3
</label>
<label class="btn btn-outline-success">
<input type="radio" [value]="4"> 4
<label ngbButtonLabel class="btn btn-outline-success">
<input ngbButton type="radio" [value]="4"> 4
</label>
<label class="btn btn-outline-success">
<input type="radio" [value]="5"> 5
<label ngbButtonLabel class="btn btn-outline-success">
<input ngbButton type="radio" [value]="5"> 5
</label>
</div>
</div>
@ -55,20 +55,20 @@
<div class="icon-toolbar-container">
<div class="container-title">Icon Toolbar</div>
<div class="btn-group btn-toggle-group" data-toggle="buttons">
<label class="btn btn-success" [class.active]="iconToolbarModel.one">
<input type="checkbox" [(ngModel)]="iconToolbarModel.one"> 1
<label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.one">
<input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.one"> 1
</label>
<label class="btn btn-success" [class.active]="iconToolbarModel.two">
<input type="checkbox" [(ngModel)]="iconToolbarModel.two"> 2
<label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.two">
<input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.two"> 2
</label>
<label class="btn btn-success" [class.active]="iconToolbarModel.three">
<input type="checkbox" [(ngModel)]="iconToolbarModel.three"> 3
<label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.three">
<input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.three"> 3
</label>
<label class="btn btn-success" [class.active]="iconToolbarModel.four">
<input type="checkbox" [(ngModel)]="iconToolbarModel.four"> 4
<label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.four">
<input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.four"> 4
</label>
<label class="btn btn-success" [class.active]="iconToolbarModel.five">
<input type="checkbox" [(ngModel)]="iconToolbarModel.five"> 5
<label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.five">
<input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.five"> 5
</label>
</div>
</div>
@ -77,26 +77,26 @@
<div class="container-title divided-button-group">Divided Button Group</div>
<div class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width btn-divided-checkbox-group "
data-toggle="buttons">
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.monday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.monday"> <i
<label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.monday">
<input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.monday"> <i
class="nb-arrow-thin-down"></i>
</label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.tuesday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.tuesday"> <i
<label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.tuesday">
<input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.tuesday"> <i
class="nb-arrow-thin-up"></i>
</label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.wednesday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.wednesday"> <i class="nb-arrow-thin-left"></i>
<label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.wednesday">
<input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.wednesday"> <i class="nb-arrow-thin-left"></i>
</label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.thursday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.thursday"> <i
<label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.thursday">
<input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.thursday"> <i
class="nb-arrow-thin-right"></i>
</label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.friday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.friday"> <i class="nb-arrow-left"></i>
<label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.friday">
<input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.friday"> <i class="nb-arrow-left"></i>
</label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.saturday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.saturday"> <i
<label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.saturday">
<input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.saturday"> <i
class="nb-arrow-right"></i>
</label>
</div>
@ -106,26 +106,26 @@
<div class="row">
<div [(ngModel)]="dividedButtonGroupOne" ngbRadioGroup
class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width col-md-12">
<label class="btn btn-outline-primary">
<input type="radio" value="left"> Left
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" value="left"> Left
</label>
<label class="btn btn-outline-primary">
<input type="radio" value="middle"> Middle
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" value="middle"> Middle
</label>
<label class="btn btn-outline-primary">
<input type="radio" value="right"> Right
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" value="right"> Right
</label>
</div>
</div>
<div class="btn-group btn-divided-group btn-group-full-width" data-toggle="buttons">
<label class="btn btn-primary" [class.active]="dividedButtonGroupTwo.left">
<input type="checkbox" [(ngModel)]="dividedButtonGroupTwo.left"> Left
<label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.left">
<input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.left"> Left
</label>
<label class="btn btn-primary" [class.active]="dividedButtonGroupTwo.middle">
<input type="checkbox" [(ngModel)]="dividedButtonGroupTwo.middle"> Middle
<label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.middle">
<input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.middle"> Middle
</label>
<label class="btn btn-primary" [class.active]="dividedButtonGroupTwo.right">
<input type="checkbox" [(ngModel)]="dividedButtonGroupTwo.right"> Right
<label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.right">
<input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.right"> Right
</label>
</div>
</div>

4
src/app/pages/ui-features/buttons/default-buttons/default-buttons.component.html
View file

@ -1,11 +1,11 @@
<nb-card>
<nb-card-header>
<span>Default Buttons</span>
<div ngbDropdown>
<div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ selectedView.title }}
</button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item" *ngFor="let v of buttonsViews" (click)="this.selectedView = v">{{ v.title }}</li>
</ul>
</div>

18
src/app/pages/ui-features/buttons/dropdown-buttons/dropdown-button.component.html
View file

@ -1,40 +1,40 @@
<nb-card>
<nb-card-header>Button Dropdowns</nb-card-header>
<nb-card-body>
<div class="btn-group" ngbDropdown>
<div class="dropdown btn-group" ngbDropdown>
<button type="button" class="btn btn-primary">Dropdown</button>
<button type="button" class="btn btn-primary" ngbDropdownToggle></button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item">Icon Button</li>
<li class="dropdown-item">Hero Button</li>
<li class="dropdown-item">Default</li>
</ul>
</div>
<div ngbDropdown>
<div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle>
Dropdown
</button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item">Icon Button</li>
<li class="dropdown-item">Hero Button</li>
<li class="dropdown-item">Default</li>
</ul>
</div>
<div ngbDropdown>
<div class="dropdown" placement="top" ngbDropdown>
<button class="btn btn-outline-primary" type="button" ngbDropdownToggle>
Dropdown
Dropup
</button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item">Icon Button</li>
<li class="dropdown-item">Hero Button</li>
<li class="dropdown-item">Default</li>
</ul>
</div>
<div class="ghost-dropdown" ngbDropdown>
<div class="dropdown ghost-dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle>
Dropdown
</button>
<ul class="dropdown-menu">
<ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item">Icon Button</li>
<li class="dropdown-item">Hero Button</li>
<li class="dropdown-item">Default</li>

12
src/tsconfig.app.json
View file

@ -2,9 +2,17 @@
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"baseUrl": "./",
"module": "es2015",
"types": []
"baseUrl": "./",
"types": [],
"paths": {
"@angular/*": [
"../node_modules/@angular/*"
],
"@nebular/*": [
"../node_modules/@nebular/*"
]
}
},
"exclude": [
"test.ts",