Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-09-22 05:50:48 +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": { "@nebular/auth": {
"version": "2.0.0-rc.2", "version": "2.0.0-rc.3",
"resolved": "https://registry.npmjs.org/@nebular/auth/-/auth-2.0.0-rc.2.tgz", "resolved": "https://registry.npmjs.org/@nebular/auth/-/auth-2.0.0-rc.3.tgz",
"integrity": "sha512-ZXxH4tVQuY/xjdasaroHKb5xnE6uSG+s8DiSnhbupUGZwLMQboU8HjxemL45IQluHVTuLAuTVev2tYLKGNpHnw==" "integrity": "sha512-VVEt8PimJ1l3GwGD+UdrgfXpKL5kM586cKAuSlhw+kKakVA1KQPLOZhGe6GUqeqt761ySiwGH3efi15bs3a+tg=="
}, },
"@nebular/theme": { "@nebular/theme": {
"version": "2.0.0-rc.2", "version": "2.0.0-rc.3",
"resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-2.0.0-rc.2.tgz", "resolved": "https://registry.npmjs.org/@nebular/theme/-/theme-2.0.0-rc.3.tgz",
"integrity": "sha512-TaF2ACM2CIDl4pBDMy9wyypl29S/P95tSgEXu0xALexlb9luhxSLTgw0KXKQKNoIsIeYc0RAuIV4k5Yhbku1lQ==" "integrity": "sha512-xCRJHqw1MtpqU6amgVAPvlEbRVsnUAnw9BrQdh9Zp39ZnLOJNPLmyeIT/eV0S06uGR4W9aV5Tpa9vCkVC6NKsQ=="
}, },
"@ng-bootstrap/ng-bootstrap": { "@ng-bootstrap/ng-bootstrap": {
"version": "1.0.0-alpha.26", "version": "1.0.0-beta.5",
"resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-1.0.0-alpha.26.tgz", "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-1.0.0-beta.5.tgz",
"integrity": "sha1-89nha1aC7CDts/E5fT1FpXbz9qQ=" "integrity": "sha1-2iuQZrNwGihMrFoWFop33vlHtKs="
}, },
"@ngtools/json-schema": { "@ngtools/json-schema": {
"version": "1.1.0", "version": "1.1.0",
@ -1178,13 +1178,9 @@
} }
}, },
"bootstrap": { "bootstrap": {
"version": "4.0.0-alpha.6", "version": "4.0.0-beta.2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0-alpha.6.tgz", "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.0.0-beta.2.tgz",
"integrity": "sha1-T1TdM6wN6sOyhAe8LffsYIhpycg=", "integrity": "sha512-DzGtdTlKbrMoGMpz0LigKSqJ+MgtFKxA791PU/q062OlRG0HybNZcTLH7rpDAmLS66Y3esN9yzKHLLbqa5UR3w=="
"requires": {
"jquery": "3.2.1",
"tether": "1.4.0"
}
}, },
"brace-expansion": { "brace-expansion": {
"version": "1.1.8", "version": "1.1.8",
@ -2077,16 +2073,6 @@
"integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
"dev": true "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": { "cosmiconfig": {
"version": "2.2.2", "version": "2.2.2",
"resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz", "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-2.2.2.tgz",
@ -6540,11 +6526,6 @@
"integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=", "integrity": "sha1-43zwsX8ZnM4jvqcbIDk5Uka07E4=",
"dev": true "dev": true
}, },
"jquery": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.2.1.tgz",
"integrity": "sha1-XE2d5lKvbNCncBVKYxu6ErAVx4c="
},
"js-base64": { "js-base64": {
"version": "2.3.2", "version": "2.3.2",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.3.2.tgz", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.3.2.tgz",
@ -7007,6 +6988,31 @@
"integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=", "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
"dev": true "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": { "faye-websocket": {
"version": "0.11.1", "version": "0.11.1",
"resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.1.tgz", "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.1.tgz",
@ -7031,6 +7037,12 @@
"is-wsl": "1.1.0" "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": { "send": {
"version": "0.16.1", "version": "0.16.1",
"resolved": "https://registry.npmjs.org/send/-/send-0.16.1.tgz", "resolved": "https://registry.npmjs.org/send/-/send-0.16.1.tgz",
@ -9401,12 +9413,6 @@
"ipaddr.js": "1.5.2" "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": { "prr": {
"version": "0.0.0", "version": "0.0.0",
"resolved": "https://registry.npmjs.org/prr/-/prr-0.0.0.tgz", "resolved": "https://registry.npmjs.org/prr/-/prr-0.0.0.tgz",

15
package.json
View file

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

8
protractor.conf.js
View file

@ -9,7 +9,10 @@ exports.config = {
'./e2e/**/*.e2e-spec.ts' './e2e/**/*.e2e-spec.ts'
], ],
capabilities: { capabilities: {
'browserName': 'chrome' 'browserName': 'chrome',
'chromeOptions': {
'args': ['show-fps-counter=true', '--no-sandbox']
}
}, },
directConnect: true, directConnect: true,
baseUrl: 'http://localhost:4200/', baseUrl: 'http://localhost:4200/',
@ -23,6 +26,7 @@ exports.config = {
require('ts-node').register({ require('ts-node').register({
project: 'e2e/tsconfig.e2e.json' 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="col-md-6 col-sm-12">
<div class="form-group"> <div class="form-group">
<label class="form-control-label">Place to show toast:</label> <label class="form-control-label">Place to show toast:</label>
<div ngbDropdown> <div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle> <button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ position }} {{ position }}
</button> </button>
<ul class="dropdown-menu"> <ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let p of positions" (click)="position = p"> <li class="dropdown-item" *ngFor="let p of positions" (click)="position = p">
{{ p }} {{ p }}
</li> </li>
@ -22,11 +22,11 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-control-label">Animation type:</label> <label class="form-control-label">Animation type:</label>
<div ngbDropdown> <div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle> <button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ animationType }} {{ animationType }}
</button> </button>
<ul class="dropdown-menu"> <ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let at of animations" (click)="animationType = at"> <li class="dropdown-item" *ngFor="let at of animations" (click)="animationType = at">
{{ at }} {{ at }}
</li> </li>
@ -56,11 +56,11 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-control-label">Toast type:</label> <label class="form-control-label">Toast type:</label>
<div ngbDropdown> <div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle> <button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ type }} {{ type }}
</button> </button>
<ul class="dropdown-menu"> <ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li> <li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li>
</ul> </ul>
</div> </div>

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

@ -40,12 +40,12 @@
</div> </div>
</div> </div>
<div ngbDropdown> <div class="dropdown" ngbDropdown>
<button type="button" ngbDropdownToggle class="btn" <button type="button" ngbDropdownToggle class="btn"
[ngClass]="{ 'btn-outline-success': currentTheme == 'default', 'btn-primary': currentTheme != 'default'}"> [ngClass]="{ 'btn-outline-success': currentTheme == 'default', 'btn-primary': currentTheme != 'default'}">
{{ type }} {{ type }}
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li> <li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li>
</ul> </ul>
</div> </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 size="xsmall">
<nb-card-header> <nb-card-header>
<span>Traffic Consumption</span> <span>Traffic Consumption</span>
<div class="ghost-dropdown" ngbDropdown> <div class="dropdown ghost-dropdown" ngbDropdown>
<button type="button" class="btn btn-sm" ngbDropdownToggle <button type="button" class="btn btn-sm" ngbDropdownToggle
[ngClass]="{ 'btn-success': currentTheme == 'default', 'btn-primary': currentTheme != 'default'}"> [ngClass]="{ 'btn-success': currentTheme == 'default', 'btn-primary': currentTheme != 'default'}">
{{ type }} {{ type }}
</button> </button>
<ul class="dropdown-menu"> <ul ngbDropdown class="dropdown-menu">
<li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li> <li class="dropdown-item" *ngFor="let t of types" (click)="type = t">{{ t }}</li>
</ul> </ul>
</div> </div>

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

@ -72,11 +72,11 @@
</span> </span>
</div> </div>
<div class="input-group"> <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> <button type="button" class="btn btn-success dropdown-toggle" ngbDropdownToggle>
Action Action
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu" ngbDropdownMenu>
<li class="dropdown-item">Action</li> <li class="dropdown-item">Action</li>
<li class="dropdown-item">Another action</li> <li class="dropdown-item">Another action</li>
<li class="dropdown-item">Something else here</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 class="container-title">Toggle Types</div>
<div [(ngModel)]="radioModel" ngbRadioGroup <div [(ngModel)]="radioModel" ngbRadioGroup
class="btn-group btn-toggle-group btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group"> class="btn-group btn-toggle-group btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
<label class="btn btn-outline-primary"> <label ngbButtonLabel class="btn btn-outline-primary">
<input type="radio" value="left"> Left <input ngbButton type="radio" value="left"> Left
</label> </label>
<label class="btn btn-outline-primary"> <label ngbButtonLabel class="btn btn-outline-primary">
<input type="radio" value="middle"> Middle <input ngbButton type="radio" value="middle"> Middle
</label> </label>
<label class="btn btn-outline-primary"> <label ngbButtonLabel class="btn btn-outline-primary">
<input type="radio" value="right"> Right <input ngbButton type="radio" value="right"> Right
</label> </label>
</div> </div>
<div class="btn-group btn-toggle-group btn-group-full-width" data-toggle="buttons"> <div class="btn-group btn-toggle-group btn-group-full-width" data-toggle="buttons">
<label class="btn btn-primary" [class.active]="checkboxModel.left"> <label ngbButtonLabel class="btn btn-primary" [class.active]="checkboxModel.left">
<input type="checkbox" [(ngModel)]="checkboxModel.left"> Left <input ngbButton type="checkbox" [(ngModel)]="checkboxModel.left"> Left
</label> </label>
<label class="btn btn-primary" [class.active]="checkboxModel.middle"> <label ngbButtonLabel class="btn btn-primary" [class.active]="checkboxModel.middle">
<input type="checkbox" [(ngModel)]="checkboxModel.middle"> Middle <input ngbButton type="checkbox" [(ngModel)]="checkboxModel.middle"> Middle
</label> </label>
<label class="btn btn-primary" [class.active]="checkboxModel.right"> <label ngbButtonLabel class="btn btn-primary" [class.active]="checkboxModel.right">
<input type="checkbox" [(ngModel)]="checkboxModel.right"> Right <input ngbButton type="checkbox" [(ngModel)]="checkboxModel.right"> Right
</label> </label>
</div> </div>
</div> </div>
@ -34,20 +34,20 @@
<div class="container-title">Pagination</div> <div class="container-title">Pagination</div>
<div class="btn-group btn-toggle-group btn-outline-toggle-group" data-toggle="buttons" <div class="btn-group btn-toggle-group btn-outline-toggle-group" data-toggle="buttons"
[(ngModel)]="paginationModel" ngbRadioGroup> [(ngModel)]="paginationModel" ngbRadioGroup>
<label class="btn btn-outline-success"> <label ngbButtonLabel class="btn btn-outline-success">
<input type="radio" [value]="1"> 1 <input ngbButton type="radio" [value]="1"> 1
</label> </label>
<label class="btn btn-outline-success"> <label ngbButtonLabel class="btn btn-outline-success">
<input type="radio" [value]="2"> 2 <input ngbButton type="radio" [value]="2"> 2
</label> </label>
<label class="btn btn-outline-success"> <label ngbButtonLabel class="btn btn-outline-success">
<input type="radio" [value]="3"> 3 <input ngbButton type="radio" [value]="3"> 3
</label> </label>
<label class="btn btn-outline-success"> <label ngbButtonLabel class="btn btn-outline-success">
<input type="radio" [value]="4"> 4 <input ngbButton type="radio" [value]="4"> 4
</label> </label>
<label class="btn btn-outline-success"> <label ngbButtonLabel class="btn btn-outline-success">
<input type="radio" [value]="5"> 5 <input ngbButton type="radio" [value]="5"> 5
</label> </label>
</div> </div>
</div> </div>
@ -55,20 +55,20 @@
<div class="icon-toolbar-container"> <div class="icon-toolbar-container">
<div class="container-title">Icon Toolbar</div> <div class="container-title">Icon Toolbar</div>
<div class="btn-group btn-toggle-group" data-toggle="buttons"> <div class="btn-group btn-toggle-group" data-toggle="buttons">
<label class="btn btn-success" [class.active]="iconToolbarModel.one"> <label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.one">
<input type="checkbox" [(ngModel)]="iconToolbarModel.one"> 1 <input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.one"> 1
</label> </label>
<label class="btn btn-success" [class.active]="iconToolbarModel.two"> <label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.two">
<input type="checkbox" [(ngModel)]="iconToolbarModel.two"> 2 <input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.two"> 2
</label> </label>
<label class="btn btn-success" [class.active]="iconToolbarModel.three"> <label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.three">
<input type="checkbox" [(ngModel)]="iconToolbarModel.three"> 3 <input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.three"> 3
</label> </label>
<label class="btn btn-success" [class.active]="iconToolbarModel.four"> <label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.four">
<input type="checkbox" [(ngModel)]="iconToolbarModel.four"> 4 <input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.four"> 4
</label> </label>
<label class="btn btn-success" [class.active]="iconToolbarModel.five"> <label ngbButtonLabel class="btn btn-success" [class.active]="iconToolbarModel.five">
<input type="checkbox" [(ngModel)]="iconToolbarModel.five"> 5 <input ngbButton type="checkbox" [(ngModel)]="iconToolbarModel.five"> 5
</label> </label>
</div> </div>
</div> </div>
@ -77,26 +77,26 @@
<div class="container-title divided-button-group">Divided Button Group</div> <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 " <div class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width btn-divided-checkbox-group "
data-toggle="buttons"> data-toggle="buttons">
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.monday"> <label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.monday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.monday"> <i <input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.monday"> <i
class="nb-arrow-thin-down"></i> class="nb-arrow-thin-down"></i>
</label> </label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.tuesday"> <label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.tuesday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.tuesday"> <i <input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.tuesday"> <i
class="nb-arrow-thin-up"></i> class="nb-arrow-thin-up"></i>
</label> </label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.wednesday"> <label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.wednesday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.wednesday"> <i class="nb-arrow-thin-left"></i> <input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.wednesday"> <i class="nb-arrow-thin-left"></i>
</label> </label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.thursday"> <label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.thursday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.thursday"> <i <input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.thursday"> <i
class="nb-arrow-thin-right"></i> class="nb-arrow-thin-right"></i>
</label> </label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.friday"> <label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.friday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.friday"> <i class="nb-arrow-left"></i> <input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.friday"> <i class="nb-arrow-left"></i>
</label> </label>
<label class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.saturday"> <label ngbButtonLabel class="btn btn-outline-success btn-icon" [class.active]="dividedCheckboxModel.saturday">
<input type="checkbox" [(ngModel)]="dividedCheckboxModel.saturday"> <i <input ngbButton type="checkbox" [(ngModel)]="dividedCheckboxModel.saturday"> <i
class="nb-arrow-right"></i> class="nb-arrow-right"></i>
</label> </label>
</div> </div>
@ -106,26 +106,26 @@
<div class="row"> <div class="row">
<div [(ngModel)]="dividedButtonGroupOne" ngbRadioGroup <div [(ngModel)]="dividedButtonGroupOne" ngbRadioGroup
class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width col-md-12"> class="btn-group btn-divided-group btn-outline-divided-group btn-group-full-width col-md-12">
<label class="btn btn-outline-primary"> <label ngbButtonLabel class="btn btn-outline-primary">
<input type="radio" value="left"> Left <input ngbButton type="radio" value="left"> Left
</label> </label>
<label class="btn btn-outline-primary"> <label ngbButtonLabel class="btn btn-outline-primary">
<input type="radio" value="middle"> Middle <input ngbButton type="radio" value="middle"> Middle
</label> </label>
<label class="btn btn-outline-primary"> <label ngbButtonLabel class="btn btn-outline-primary">
<input type="radio" value="right"> Right <input ngbButton type="radio" value="right"> Right
</label> </label>
</div> </div>
</div> </div>
<div class="btn-group btn-divided-group btn-group-full-width" data-toggle="buttons"> <div class="btn-group btn-divided-group btn-group-full-width" data-toggle="buttons">
<label class="btn btn-primary" [class.active]="dividedButtonGroupTwo.left"> <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.left">
<input type="checkbox" [(ngModel)]="dividedButtonGroupTwo.left"> Left <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.left"> Left
</label> </label>
<label class="btn btn-primary" [class.active]="dividedButtonGroupTwo.middle"> <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.middle">
<input type="checkbox" [(ngModel)]="dividedButtonGroupTwo.middle"> Middle <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.middle"> Middle
</label> </label>
<label class="btn btn-primary" [class.active]="dividedButtonGroupTwo.right"> <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.right">
<input type="checkbox" [(ngModel)]="dividedButtonGroupTwo.right"> Right <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.right"> Right
</label> </label>
</div> </div>
</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>
<nb-card-header> <nb-card-header>
<span>Default Buttons</span> <span>Default Buttons</span>
<div ngbDropdown> <div class="dropdown" ngbDropdown>
<button class="btn btn-primary" type="button" ngbDropdownToggle> <button class="btn btn-primary" type="button" ngbDropdownToggle>
{{ selectedView.title }} {{ selectedView.title }}
</button> </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> <li class="dropdown-item" *ngFor="let v of buttonsViews" (click)="this.selectedView = v">{{ v.title }}</li>
</ul> </ul>
</div> </div>

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

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

12
src/tsconfig.app.json
View file

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