purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed pricing tables from components

Browse Source
This commit is contained in:
Sercan Yemen 2017-10-13 12:24:13 +03:00
parent 3198663430
commit 7615bc1d03
6 changed files with 909 additions and 362 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

918
package-lock.json generated
View File

@ -1290,6 +1290,7 @@
"requires": {
"anymatch": "1.3.0",
"async-each": "1.0.1",
"fsevents": "1.1.2",
"glob-parent": "2.0.0",
"inherits": "2.0.3",
"is-binary-path": "1.0.1",
@ -3323,6 +3324,905 @@
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
"dev": true
},
"fsevents": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.1.2.tgz",
"integrity": "sha512-Sn44E5wQW4bTHXvQmvSHwqbuiXtduD6Rrjm2ZtUEGbyrig+nUH3t/QD4M4/ZXViY556TBpRgZkHLDx3JxPwxiw==",
"dev": true,
"optional": true,
"requires": {
"nan": "2.6.2",
"node-pre-gyp": "0.6.36"
},
"dependencies": {
"abbrev": {
"version": "1.1.0",
"bundled": true,
"dev": true,
"optional": true
},
"ajv": {
"version": "4.11.8",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"co": "4.6.0",
"json-stable-stringify": "1.0.1"
}
},
"ansi-regex": {
"version": "2.1.1",
"bundled": true,
"dev": true
},
"aproba": {
"version": "1.1.1",
"bundled": true,
"dev": true,
"optional": true
},
"are-we-there-yet": {
"version": "1.1.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"delegates": "1.0.0",
"readable-stream": "2.2.9"
}
},
"asn1": {
"version": "0.2.3",
"bundled": true,
"dev": true,
"optional": true
},
"assert-plus": {
"version": "0.2.0",
"bundled": true,
"dev": true,
"optional": true
},
"asynckit": {
"version": "0.4.0",
"bundled": true,
"dev": true,
"optional": true
},
"aws-sign2": {
"version": "0.6.0",
"bundled": true,
"dev": true,
"optional": true
},
"aws4": {
"version": "1.6.0",
"bundled": true,
"dev": true,
"optional": true
},
"balanced-match": {
"version": "0.4.2",
"bundled": true,
"dev": true
},
"bcrypt-pbkdf": {
"version": "1.0.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"tweetnacl": "0.14.5"
}
},
"block-stream": {
"version": "0.0.9",
"bundled": true,
"dev": true,
"requires": {
"inherits": "2.0.3"
}
},
"boom": {
"version": "2.10.1",
"bundled": true,
"dev": true,
"requires": {
"hoek": "2.16.3"
}
},
"brace-expansion": {
"version": "1.1.7",
"bundled": true,
"dev": true,
"requires": {
"balanced-match": "0.4.2",
"concat-map": "0.0.1"
}
},
"buffer-shims": {
"version": "1.0.0",
"bundled": true,
"dev": true
},
"caseless": {
"version": "0.12.0",
"bundled": true,
"dev": true,
"optional": true
},
"co": {
"version": "4.6.0",
"bundled": true,
"dev": true,
"optional": true
},
"code-point-at": {
"version": "1.1.0",
"bundled": true,
"dev": true
},
"combined-stream": {
"version": "1.0.5",
"bundled": true,
"dev": true,
"requires": {
"delayed-stream": "1.0.0"
}
},
"concat-map": {
"version": "0.0.1",
"bundled": true,
"dev": true
},
"console-control-strings": {
"version": "1.1.0",
"bundled": true,
"dev": true
},
"core-util-is": {
"version": "1.0.2",
"bundled": true,
"dev": true
},
"cryptiles": {
"version": "2.0.5",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"boom": "2.10.1"
}
},
"dashdash": {
"version": "1.14.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"assert-plus": "1.0.0"
},
"dependencies": {
"assert-plus": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
}
}
},
"debug": {
"version": "2.6.8",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"ms": "2.0.0"
}
},
"deep-extend": {
"version": "0.4.2",
"bundled": true,
"dev": true,
"optional": true
},
"delayed-stream": {
"version": "1.0.0",
"bundled": true,
"dev": true
},
"delegates": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
},
"ecc-jsbn": {
"version": "0.1.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"jsbn": "0.1.1"
}
},
"extend": {
"version": "3.0.1",
"bundled": true,
"dev": true,
"optional": true
},
"extsprintf": {
"version": "1.0.2",
"bundled": true,
"dev": true
},
"forever-agent": {
"version": "0.6.1",
"bundled": true,
"dev": true,
"optional": true
},
"form-data": {
"version": "2.1.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"asynckit": "0.4.0",
"combined-stream": "1.0.5",
"mime-types": "2.1.15"
}
},
"fs.realpath": {
"version": "1.0.0",
"bundled": true,
"dev": true
},
"fstream": {
"version": "1.0.11",
"bundled": true,
"dev": true,
"requires": {
"graceful-fs": "4.1.11",
"inherits": "2.0.3",
"mkdirp": "0.5.1",
"rimraf": "2.6.1"
}
},
"fstream-ignore": {
"version": "1.0.5",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"fstream": "1.0.11",
"inherits": "2.0.3",
"minimatch": "3.0.4"
}
},
"gauge": {
"version": "2.7.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"aproba": "1.1.1",
"console-control-strings": "1.1.0",
"has-unicode": "2.0.1",
"object-assign": "4.1.1",
"signal-exit": "3.0.2",
"string-width": "1.0.2",
"strip-ansi": "3.0.1",
"wide-align": "1.1.2"
}
},
"getpass": {
"version": "0.1.7",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"assert-plus": "1.0.0"
},
"dependencies": {
"assert-plus": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
}
}
},
"glob": {
"version": "7.1.2",
"bundled": true,
"dev": true,
"requires": {
"fs.realpath": "1.0.0",
"inflight": "1.0.6",
"inherits": "2.0.3",
"minimatch": "3.0.4",
"once": "1.4.0",
"path-is-absolute": "1.0.1"
}
},
"graceful-fs": {
"version": "4.1.11",
"bundled": true,
"dev": true
},
"har-schema": {
"version": "1.0.5",
"bundled": true,
"dev": true,
"optional": true
},
"har-validator": {
"version": "4.2.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"ajv": "4.11.8",
"har-schema": "1.0.5"
}
},
"has-unicode": {
"version": "2.0.1",
"bundled": true,
"dev": true,
"optional": true
},
"hawk": {
"version": "3.1.3",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"boom": "2.10.1",
"cryptiles": "2.0.5",
"hoek": "2.16.3",
"sntp": "1.0.9"
}
},
"hoek": {
"version": "2.16.3",
"bundled": true,
"dev": true
},
"http-signature": {
"version": "1.1.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"assert-plus": "0.2.0",
"jsprim": "1.4.0",
"sshpk": "1.13.0"
}
},
"inflight": {
"version": "1.0.6",
"bundled": true,
"dev": true,
"requires": {
"once": "1.4.0",
"wrappy": "1.0.2"
}
},
"inherits": {
"version": "2.0.3",
"bundled": true,
"dev": true
},
"ini": {
"version": "1.3.4",
"bundled": true,
"dev": true,
"optional": true
},
"is-fullwidth-code-point": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"requires": {
"number-is-nan": "1.0.1"
}
},
"is-typedarray": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
},
"isarray": {
"version": "1.0.0",
"bundled": true,
"dev": true
},
"isstream": {
"version": "0.1.2",
"bundled": true,
"dev": true,
"optional": true
},
"jodid25519": {
"version": "1.0.2",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"jsbn": "0.1.1"
}
},
"jsbn": {
"version": "0.1.1",
"bundled": true,
"dev": true,
"optional": true
},
"json-schema": {
"version": "0.2.3",
"bundled": true,
"dev": true,
"optional": true
},
"json-stable-stringify": {
"version": "1.0.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"jsonify": "0.0.0"
}
},
"json-stringify-safe": {
"version": "5.0.1",
"bundled": true,
"dev": true,
"optional": true
},
"jsonify": {
"version": "0.0.0",
"bundled": true,
"dev": true,
"optional": true
},
"jsprim": {
"version": "1.4.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"assert-plus": "1.0.0",
"extsprintf": "1.0.2",
"json-schema": "0.2.3",
"verror": "1.3.6"
},
"dependencies": {
"assert-plus": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
}
}
},
"mime-db": {
"version": "1.27.0",
"bundled": true,
"dev": true
},
"mime-types": {
"version": "2.1.15",
"bundled": true,
"dev": true,
"requires": {
"mime-db": "1.27.0"
}
},
"minimatch": {
"version": "3.0.4",
"bundled": true,
"dev": true,
"requires": {
"brace-expansion": "1.1.7"
}
},
"minimist": {
"version": "0.0.8",
"bundled": true,
"dev": true
},
"mkdirp": {
"version": "0.5.1",
"bundled": true,
"dev": true,
"requires": {
"minimist": "0.0.8"
}
},
"ms": {
"version": "2.0.0",
"bundled": true,
"dev": true,
"optional": true
},
"node-pre-gyp": {
"version": "0.6.36",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"mkdirp": "0.5.1",
"nopt": "4.0.1",
"npmlog": "4.1.0",
"rc": "1.2.1",
"request": "2.81.0",
"rimraf": "2.6.1",
"semver": "5.3.0",
"tar": "2.2.1",
"tar-pack": "3.4.0"
}
},
"nopt": {
"version": "4.0.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"abbrev": "1.1.0",
"osenv": "0.1.4"
}
},
"npmlog": {
"version": "4.1.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"are-we-there-yet": "1.1.4",
"console-control-strings": "1.1.0",
"gauge": "2.7.4",
"set-blocking": "2.0.0"
}
},
"number-is-nan": {
"version": "1.0.1",
"bundled": true,
"dev": true
},
"oauth-sign": {
"version": "0.8.2",
"bundled": true,
"dev": true,
"optional": true
},
"object-assign": {
"version": "4.1.1",
"bundled": true,
"dev": true,
"optional": true
},
"once": {
"version": "1.4.0",
"bundled": true,
"dev": true,
"requires": {
"wrappy": "1.0.2"
}
},
"os-homedir": {
"version": "1.0.2",
"bundled": true,
"dev": true,
"optional": true
},
"os-tmpdir": {
"version": "1.0.2",
"bundled": true,
"dev": true,
"optional": true
},
"osenv": {
"version": "0.1.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"os-homedir": "1.0.2",
"os-tmpdir": "1.0.2"
}
},
"path-is-absolute": {
"version": "1.0.1",
"bundled": true,
"dev": true
},
"performance-now": {
"version": "0.2.0",
"bundled": true,
"dev": true,
"optional": true
},
"process-nextick-args": {
"version": "1.0.7",
"bundled": true,
"dev": true
},
"punycode": {
"version": "1.4.1",
"bundled": true,
"dev": true,
"optional": true
},
"qs": {
"version": "6.4.0",
"bundled": true,
"dev": true,
"optional": true
},
"rc": {
"version": "1.2.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"deep-extend": "0.4.2",
"ini": "1.3.4",
"minimist": "1.2.0",
"strip-json-comments": "2.0.1"
},
"dependencies": {
"minimist": {
"version": "1.2.0",
"bundled": true,
"dev": true,
"optional": true
}
}
},
"readable-stream": {
"version": "2.2.9",
"bundled": true,
"dev": true,
"requires": {
"buffer-shims": "1.0.0",
"core-util-is": "1.0.2",
"inherits": "2.0.3",
"isarray": "1.0.0",
"process-nextick-args": "1.0.7",
"string_decoder": "1.0.1",
"util-deprecate": "1.0.2"
}
},
"request": {
"version": "2.81.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"aws-sign2": "0.6.0",
"aws4": "1.6.0",
"caseless": "0.12.0",
"combined-stream": "1.0.5",
"extend": "3.0.1",
"forever-agent": "0.6.1",
"form-data": "2.1.4",
"har-validator": "4.2.1",
"hawk": "3.1.3",
"http-signature": "1.1.1",
"is-typedarray": "1.0.0",
"isstream": "0.1.2",
"json-stringify-safe": "5.0.1",
"mime-types": "2.1.15",
"oauth-sign": "0.8.2",
"performance-now": "0.2.0",
"qs": "6.4.0",
"safe-buffer": "5.0.1",
"stringstream": "0.0.5",
"tough-cookie": "2.3.2",
"tunnel-agent": "0.6.0",
"uuid": "3.0.1"
}
},
"rimraf": {
"version": "2.6.1",
"bundled": true,
"dev": true,
"requires": {
"glob": "7.1.2"
}
},
"safe-buffer": {
"version": "5.0.1",
"bundled": true,
"dev": true
},
"semver": {
"version": "5.3.0",
"bundled": true,
"dev": true,
"optional": true
},
"set-blocking": {
"version": "2.0.0",
"bundled": true,
"dev": true,
"optional": true
},
"signal-exit": {
"version": "3.0.2",
"bundled": true,
"dev": true,
"optional": true
},
"sntp": {
"version": "1.0.9",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"hoek": "2.16.3"
}
},
"sshpk": {
"version": "1.13.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"asn1": "0.2.3",
"assert-plus": "1.0.0",
"bcrypt-pbkdf": "1.0.1",
"dashdash": "1.14.1",
"ecc-jsbn": "0.1.1",
"getpass": "0.1.7",
"jodid25519": "1.0.2",
"jsbn": "0.1.1",
"tweetnacl": "0.14.5"
},
"dependencies": {
"assert-plus": {
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true
}
}
},
"string-width": {
"version": "1.0.2",
"bundled": true,
"dev": true,
"requires": {
"code-point-at": "1.1.0",
"is-fullwidth-code-point": "1.0.0",
"strip-ansi": "3.0.1"
}
},
"string_decoder": {
"version": "1.0.1",
"bundled": true,
"dev": true,
"requires": {
"safe-buffer": "5.0.1"
}
},
"stringstream": {
"version": "0.0.5",
"bundled": true,
"dev": true,
"optional": true
},
"strip-ansi": {
"version": "3.0.1",
"bundled": true,
"dev": true,
"requires": {
"ansi-regex": "2.1.1"
}
},
"strip-json-comments": {
"version": "2.0.1",
"bundled": true,
"dev": true,
"optional": true
},
"tar": {
"version": "2.2.1",
"bundled": true,
"dev": true,
"requires": {
"block-stream": "0.0.9",
"fstream": "1.0.11",
"inherits": "2.0.3"
}
},
"tar-pack": {
"version": "3.4.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"debug": "2.6.8",
"fstream": "1.0.11",
"fstream-ignore": "1.0.5",
"once": "1.4.0",
"readable-stream": "2.2.9",
"rimraf": "2.6.1",
"tar": "2.2.1",
"uid-number": "0.0.6"
}
},
"tough-cookie": {
"version": "2.3.2",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"punycode": "1.4.1"
}
},
"tunnel-agent": {
"version": "0.6.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"safe-buffer": "5.0.1"
}
},
"tweetnacl": {
"version": "0.14.5",
"bundled": true,
"dev": true,
"optional": true
},
"uid-number": {
"version": "0.0.6",
"bundled": true,
"dev": true,
"optional": true
},
"util-deprecate": {
"version": "1.0.2",
"bundled": true,
"dev": true
},
"uuid": {
"version": "3.0.1",
"bundled": true,
"dev": true,
"optional": true
},
"verror": {
"version": "1.3.6",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"extsprintf": "1.0.2"
}
},
"wide-align": {
"version": "1.1.2",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"string-width": "1.0.2"
}
},
"wrappy": {
"version": "1.0.2",
"bundled": true,
"dev": true
}
}
},
"fstream": {
"version": "1.0.11",
"resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz",
@ -7853,15 +8753,6 @@
"integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
"dev": true
},
"string_decoder": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
"integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
"dev": true,
"requires": {
"safe-buffer": "5.1.1"
}
},
"string-width": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
@ -7889,6 +8780,15 @@
}
}
},
"string_decoder": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
"integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
"dev": true,
"requires": {
"safe-buffer": "5.1.1"
}
},
"stringstream": {
"version": "0.0.5",
"resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",

6
src/app/main/content/components/components.module.ts
View File

@ -1,7 +1,6 @@
import { NgModule } from '@angular/core';
import { SharedModule } from '../../../core/modules/shared.module';
import { RouterModule } from '@angular/router';
import { FusePriceTablesComponent } from './price-tables/price-tables.component';
import { FuseCountdownDocsComponent } from './countdown/countdown.component';
import { FuseHljsDocsComponent } from './hljs/hljs.component';
import { FuseMaterialColorPickerDocsComponent } from './material-color-picker/material-color-picker.component';
@ -28,10 +27,6 @@ const routes = [
path : 'components/navigation',
component: FuseNavigationDocsComponent
},
{
path : 'components/price-tables',
component: FusePriceTablesComponent
},
{
path : 'components/search-bar',
component: FuseSearchBarDocsComponent
@ -57,7 +52,6 @@ const routes = [
FuseHljsDocsComponent,
FuseMaterialColorPickerDocsComponent,
FuseNavigationDocsComponent,
FusePriceTablesComponent,
FuseSearchBarDocsComponent,
FuseShortcutsDocsComponent,
FuseWidgetDocsComponent

320
src/app/main/content/components/price-tables/price-tables.component.html
View File

@ -1,320 +0,0 @@
<div id="price-tables" class="page-layout simple fullwidth" fusePerfectScrollbar>
<!-- HEADER -->
<div class="header mat-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-16">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Components</span>
</div>
<div class="h2 mt-16">Price Tables</div>
</div>
</div>
<!-- / HEADER -->
<!-- CONTENT -->
<div class="content p-24" fxLayout="column">
<!-- STYLE 1 -->
<div fxLayout="column" fxFlex="1 0 auto">
<div class="mat-title">Style 1</div>
<div class="price-tables" fxLayout="row" fxLayoutWrap>
<div class="price-table style-1 mat-elevation-z1" fxLayout="column">
<div class="package-type mat-primary-bg">
<span>BASIC</span>
</div>
<div class="price" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div fxLayout="row" fxLayoutAlign="center end">
<div class="value">4</div>
<div class="period">/ month</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="terms" fxLayout="column">
<div class="term">
<span class="text-bold">10</span>
Projects
</div>
<div class="term">
<span class="text-bold">10</span>
Pages
</div>
<div class="term">
<span class="text-bold">100</span>
Mb Disk Space
</div>
</div>
<button mat-raised-button class="cta-button" color="accent">BUY NOW</button>
</div>
<div class="price-table style-1 mat-elevation-z8" fxLayout="column">
<div class="package-type mat-primary-bg" fxLayout="row" fxLayoutAlign="space-between center">
<span>STANDARD</span>
<span class="sale mat-accent-color mat-hue-1">Save 15%</span>
</div>
<div class="price" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div fxLayout="row" fxLayoutAlign="center end">
<div class="value">8</div>
<div class="period">/ month</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="terms" fxLayout="column">
<div class="term">
<span class="text-bold">20</span>
Projects
</div>
<div class="term">
<span class="text-bold">20</span>
Pages
</div>
<div class="term">
<span class="text-bold">200</span>
Mb Disk Space
</div>
</div>
<button mat-raised-button class="cta-button" color="accent">BUY NOW</button>
</div>
<div class="price-table style-1 mat-elevation-z1" fxLayout="column">
<div class="package-type mat-primary-bg" fxLayout="row">
<span>ADVANCED</span>
</div>
<div class="price" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div fxLayout="row" fxLayoutAlign="center end">
<div class="value">12</div>
<div class="period">/ month</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="terms" fxLayout="column">
<div class="term">
<span class="text-bold">40</span>
Projects
</div>
<div class="term">
<span class="text-bold">40</span>
Pages
</div>
<div class="term">
<span class="text-bold">500</span>
Mb Disk Space
</div>
</div>
<button mat-raised-button class="cta-button" color="accent">BUY NOW</button>
</div>
</div>
</div>
<!-- / STYLE 1 -->
<!-- STYLE 2 -->
<div fxLayout="column" fxFlex="1 0 auto" class="mt-48">
<div class="mat-title">Style 2</div>
<div class="price-tables" fxLayout="row" fxLayoutWrap>
<div class="price-table style-2 mat-elevation-z1" fxLayout="column">
<div class="package-type mat-accent-fg">SILVER PACKAGE</div>
<div class="price" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div class="value">99</div>
</div>
<div class="period">PER MONTH</div>
<div class="terms" fxLayout="column" fxLayoutAlign="start center">
<div class="term">
<span class="text-bold">10</span>
Projects
</div>
<div class="term">
<span class="text-bold">10</span>
Pages
</div>
<div class="term">
<span class="text-bold">100</span>
Mb Disk Space
</div>
</div>
<button mat-raised-button class="cta-button" color="accent">GET STARTED</button>
</div>
<div class="price-table style-2 mat-elevation-z8" fxLayout="column">
<div class="badge mat-warn-bg">BEST VALUE</div>
<div class="package-type mat-accent-fg">GOLD PACKAGE</div>
<div class="price" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div class="value">299</div>
</div>
<div class="period">PER MONTH</div>
<div class="terms" fxLayout="column" fxLayoutAlign="start center">
<div class="term">
<span class="text-bold">20</span>
Projects
</div>
<div class="term">
<span class="text-bold">20</span>
Pages
</div>
<div class="term">
<span class="text-bold">200</span>
Mb Disk Space
</div>
</div>
<button mat-raised-button class="cta-button" color="accent">GET STARTED</button>
</div>
<div class="price-table style-2 mat-elevation-z1" fxLayout="column">
<div class="package-type mat-accent-fg">PLATINUM PACKAGE</div>
<div class="price" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div class="value">499</div>
</div>
<div class="period">PER MONTH</div>
<div class="terms" fxLayout="column" fxLayoutAlign="start center">
<div class="term">
<span class="text-bold">40</span>
Projects
</div>
<div class="term">
<span class="text-bold">40</span>
Pages
</div>
<div class="term">
<span class="text-bold">500</span>
Mb Disk Space
</div>
</div>
<button mat-raised-button class="cta-button" color="accent">GET STARTED</button>
</div>
</div>
</div>
<!-- / STYLE 2 -->
<!-- STYLE 3 -->
<div fxLayout="column" fxFlex="1 0 auto" class="mt-48">
<div class="mat-title">Style 3</div>
<div class="price-tables" fxLayout="row" fxLayoutAlign="start start" fxLayoutWrap>
<div class="price-table style-3 mat-elevation-z1" fxLayout="column">
<div class="package-type">
<div class="title">Starter</div>
<div class="subtitle">For small teams</div>
</div>
<div class="price mat-primary-300-bg" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div fxLayout="row" fxLayoutAlign="center end">
<div class="value">29</div>
<div class="period">monthly per user</div>
</div>
</div>
<div class="terms" fxLayout="column" fxLayoutAlign="start center">
<div class="term">Unlimited projects</div>
<div class="term">Unlimited pages</div>
<div class="term">Unlimited disk space</div>
<div class="term">24 / 7 Free support</div>
</div>
<button mat-raised-button class="cta-button" color="accent">GET STARTED FREE</button>
<div class="note">7 day free trial to start</div>
</div>
<div class="price-table style-3 mat-elevation-z8" fxLayout="column">
<div class="package-type">
<div class="title">Pro</div>
<div class="subtitle">For larger teams</div>
</div>
<div class="price mat-primary-bg" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div fxLayout="row" fxLayoutAlign="center end">
<div class="value">59</div>
<div class="period">monthly per user</div>
</div>
</div>
<div class="terms" fxLayout="column" fxLayoutAlign="start center">
<div class="term">Unlimited projects</div>
<div class="term">Unlimited pages</div>
<div class="term">Unlimited disk space</div>
<div class="term">24 / 7 Free support</div>
<div class="term mat-warn-fg">Advanced reporting</div>
<div class="term mat-warn-fg">Customizable interface</div>
<div class="term mat-warn-fg">CRM Integration</div>
</div>
<button mat-raised-button class="cta-button" color="accent">GET STARTED FREE</button>
<div class="note">30 day free trial to start</div>
</div>
<div class="price-table style-3 mat-elevation-z1" fxLayout="column">
<div class="package-type">
<div class="title">Enterprise</div>
<div class="subtitle">For big teams</div>
</div>
<div class="price mat-primary-300-bg" fxLayout="row" fxLayoutAlign="center start">
<div class="currency">$</div>
<div fxLayout="row" fxLayoutAlign="center end">
<div class="value">99</div>
<div class="period">monthly per user</div>
</div>
</div>
<div class="terms" fxLayout="column" fxLayoutAlign="start center">
<div class="term">Unlimited projects</div>
<div class="term">Unlimited pages</div>
<div class="term">Unlimited disk space</div>
<div class="term">For full feature list, call us</div>
</div>
<button mat-raised-button class="cta-button" color="accent">CALL US</button>
<div class="note">90 day free trial to start</div>
</div>
</div>
</div>
<!-- / STYLE 3 -->
</div>
</div>

7
src/app/main/content/components/price-tables/price-tables.component.scss
View File

@ -1,7 +0,0 @@
:host {
.content{
max-width: 1100px;
}
}

14
src/app/main/content/components/price-tables/price-tables.component.ts
View File

@ -1,14 +0,0 @@
import { Component } from '@angular/core';
@Component({
selector : 'fuse-price-tables',
templateUrl: './price-tables.component.html',
styleUrls : ['./price-tables.component.scss']
})
export class FusePriceTablesComponent
{
constructor()
{
}
}

6
src/app/navigation.model.ts
View File

@ -592,12 +592,6 @@ export class NavigationModel
'icon' : 'settings_input_component',
'url' : '/components/navigation'
},
{
'title': 'Price Tables',
'type' : 'item',
'icon' : 'settings_input_component',
'url' : '/components/price-tables'
},
{
'title': 'Search Bar',
'type' : 'item',