purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-09 20:15:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modernizations

Browse Source
This commit is contained in:
sercan 2018-10-10 12:20:12 +03:00
parent 8961d75241
commit 23b943a765
190 changed files with 7891 additions and 3519 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
credits.txt → CREDITS
View File

3
LICENSE
View File

@ -1 +1,2 @@
https://themeforest.net/licenses/terms/regular
This project is protected by Envato's Regular License. For more information,
check the official license page at https://themeforest.net/licenses/terms/regular

2825
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

54
package.json
View File

@ -19,19 +19,19 @@
"private": true,
"dependencies": {
"@agm/core": "1.0.0-beta.5",
"@angular/animations": "6.1.9",
"@angular/cdk": "7.0.0-beta.2",
"@angular/common": "6.1.9",
"@angular/compiler": "6.1.9",
"@angular/core": "6.1.9",
"@angular/flex-layout": "6.0.0-beta.18",
"@angular/forms": "6.1.9",
"@angular/http": "6.1.9",
"@angular/material": "7.0.0-beta.2",
"@angular/material-moment-adapter": "7.0.0-beta.2",
"@angular/platform-browser": "6.1.9",
"@angular/platform-browser-dynamic": "6.1.9",
"@angular/router": "6.1.9",
"@angular/animations": "7.0.0-rc.0",
"@angular/cdk": "7.0.0-rc.1",
"@angular/common": "7.0.0-rc.0",
"@angular/compiler": "7.0.0-rc.0",
"@angular/core": "7.0.0-rc.0",
"@angular/flex-layout": "7.0.0-beta.19",
"@angular/forms": "7.0.0-rc.0",
"@angular/http": "7.0.0-rc.0",
"@angular/material": "7.0.0-rc.1",
"@angular/material-moment-adapter": "7.0.0-rc.1",
"@angular/platform-browser": "7.0.0-rc.0",
"@angular/platform-browser-dynamic": "7.0.0-rc.0",
"@angular/router": "7.0.0-rc.0",
"@ngrx/effects": "6.1.0",
"@ngrx/router-store": "6.1.0",
"@ngrx/store": "6.1.0",
@ -64,27 +64,27 @@
"zone.js": "0.8.26"
},
"devDependencies": {
"@angular/cli": "6.2.3",
"@angular/compiler-cli": "6.1.9",
"@angular/language-service": "6.1.9",
"@angular-devkit/build-angular": "0.8.3",
"@angular/cli": "7.0.0-rc.2",
"@angular/compiler-cli": "7.0.0-rc.0",
"@angular/language-service": "7.0.0-rc.0",
"@angular-devkit/build-angular": "0.9.0-rc.2",
"@angularclass/hmr": "2.1.3",
"@types/jasmine": "2.8.8",
"@types/jasminewd2": "2.0.3",
"@types/lodash": "4.14.116",
"@types/jasmine": "2.8.9",
"@types/jasminewd2": "2.0.5",
"@types/lodash": "4.14.117",
"@types/node": "8.9.5",
"codelyzer": "4.2.1",
"codelyzer": "4.3.0",
"jasmine-core": "2.99.1",
"jasmine-spec-reporter": "4.2.1",
"karma": "1.7.1",
"karma": "3.0.0",
"karma-chrome-launcher": "2.2.0",
"karma-coverage-istanbul-reporter": "2.0.2",
"karma-coverage-istanbul-reporter": "2.0.4",
"karma-jasmine": "1.1.2",
"karma-jasmine-html-reporter": "0.2.2",
"protractor": "5.4.0",
"ts-node": "5.0.1",
"tslint": "5.9.1",
"typescript": "2.9.2",
"protractor": "5.4.1",
"ts-node": "7.0.1",
"tslint": "5.11.0",
"typescript": "3.1.1",
"webpack-bundle-analyzer": "3.0.2"
}
}

2
src/@fuse/components/demo/demo-content/demo-content.component.html
View File

@ -37,7 +37,7 @@
velit.
</p>
<img class="mt-24 w-100-p" src="assets/images/etc/early-sunrise.jpg" style="max-width: 640px">
<img class="mt-24 w-100-p" src="assets/images/demo-content/morain-lake.jpg" style="max-width: 640px">
<p class="mt-8 mb-24 secondary-text">
<em>Nullam tincidunt sed purus eu placerat. Donec id dictum erat. Etiam enim ex, dapibus et tortor id.</em>

11
src/@fuse/scss/partials/_angular-material-fix.scss
View File

@ -86,17 +86,6 @@ button {
}
}
// Fix: "Inconsistent input heights"
.mat-form-field-appearance-outline {
input[type="time"] {
&.mat-input-element {
height: 18px;
}
}
}
// Fix: Stepper icons are broken due to Fuse's icon helpers
mat-horizontal-stepper,
mat-vertical-stepper {

7
src/@fuse/scss/partials/_icons.scss
View File

@ -1,10 +1,3 @@
// Modify the default Material Icons so that we can use the outline icons
.material-icons {
font-family: 'material-outline-icons' !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
i,
mat-icon {
font-size: 24px;

3
src/@fuse/scss/partials/_material.scss
View File

@ -308,8 +308,9 @@ mat-icon.status {
position: relative;
display: inline-flex;
flex-direction: row;
@include mat-elevation(1);
padding: 0 8px;
border-radius: 4px;
@include mat-elevation(1);
.pagination-item {
display: flex;

2
src/@fuse/scss/partials/_typography.scss
View File

@ -89,7 +89,7 @@ h6, .h6 {
a {
text-decoration: none;
&:not(.mat-button):not(.mat-raised-button):not(.mat-icon-button) {
&:not(.mat-button):not(.mat-raised-button):not(.mat-flat-button):not(.mat-stroked-button):not(.mat-icon-button):not(.mat-fab):not(.mat-mini-fab) {
&:hover, &:active {
text-decoration: underline;

10
src/app/app.theme.scss
View File

@ -112,10 +112,12 @@ $typography: mat-typography-config(
@import "src/app/main/pages/profile/tabs/about/about.theme";
@import "src/app/main/pages/profile/tabs/photos-videos/photos-videos.theme";
@import "src/app/main/pages/profile/tabs/timeline/timeline.theme";
@import "src/app/main/pages/search/classic/search-classic.theme";
@import "src/app/main/pages/search/modern/search-modern.theme";
@import "src/app/main/pages/faq/faq.theme";
@import "src/app/main/pages/knowledge-base/knowledge-base.theme";
@import "src/app/main/documentation/components/cards/cards.theme";
@import "src/app/main/ui/cards/cards.theme";
@import "src/app/main/angular-material-elements/example-viewer/example-viewer.theme";
@ -159,11 +161,13 @@ $typography: mat-typography-config(
@include profile-about-theme($theme);
@include profile-photos-videos-theme($theme);
@include profile-timeline-theme($theme);
@include search-classic-theme($theme);
@include search-modern-theme($theme);
@include faq-theme($theme);
@include knowledge-base-theme($theme);
// Docs
@include docs-components-cards-theme($theme);
// UI
@include ui-cards-theme($theme);
// Example Viewer
@include example-viewer-theme($theme);

6
src/app/fake-db/dashboard-analytics.ts
View File

@ -4,7 +4,7 @@ export class AnalyticsDashboardDb
widget1: {
chartType: 'line',
datasets : {
'2015': [
'2016': [
{
label: 'Sales',
data : [1.9, 3, 3.4, 2.2, 2.9, 3.9, 2.5, 3.8, 4.1, 3.8, 3.2, 2.9],
@ -12,7 +12,7 @@ export class AnalyticsDashboardDb
}
],
'2016': [
'2017': [
{
label: 'Sales',
data : [2.2, 2.9, 3.9, 2.5, 3.8, 3.2, 2.9, 1.9, 3, 3.4, 4.1, 3.8],
@ -20,7 +20,7 @@ export class AnalyticsDashboardDb
}
],
'2017': [
'2018': [
{
label: 'Sales',
data : [3.9, 2.5, 3.8, 4.1, 1.9, 3, 3.8, 3.2, 2.9, 3.4, 2.2, 2.9],

360
src/app/fake-db/e-commerce.ts
View File

File diff suppressed because it is too large Load Diff

3
src/app/fake-db/fake-db.service.ts
View File

@ -77,8 +77,7 @@ export class FakeDbService implements InMemoryDbService
'profile-about' : ProfileFakeDb.about,
// Search
'search-classic': SearchFakeDb.classic,
'search-table' : SearchFakeDb.table,
'search': SearchFakeDb.search,
// FAQ
'faq': FaqFakeDb.data,

16
src/app/fake-db/file-manager.ts
View File

@ -48,7 +48,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'Shopping list',
@ -61,7 +61,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'Invoices',
@ -74,7 +74,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'Crash logs',
@ -87,7 +87,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'System logs',
@ -100,7 +100,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'Prices',
@ -113,7 +113,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'Anabelle Manual',
@ -126,7 +126,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
},
{
'name' : 'Steam summer sale budget',
@ -139,7 +139,7 @@ export class FileManagerFakeDb
'extention': '',
'location' : 'My Files > Documents',
'offline' : true,
'preview' : 'assets/images/etc/sample-file-preview.jpg'
'preview' : 'assets/images/file-manager/sample-file-preview.jpg'
}
];

5998
src/app/fake-db/icons.ts
View File

File diff suppressed because it is too large Load Diff

4
src/app/fake-db/invoice.ts
View File

@ -15,8 +15,8 @@ export class InvoiceFakeDb
'email' : 'johndoe@mail.com'
},
'number' : 'P9-0004',
'date' : 'Jul 19, 2015',
'dueDate' : 'Aug 24, 2015',
'date' : 'Jul 19, 2018',
'dueDate' : 'Aug 24, 2018',
'services': [
{
'title' : 'Prototype & Design',

137
src/app/fake-db/profile.ts
View File

@ -16,7 +16,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/andrew.jpg'
},
'message': 'sent you a message.',
'time' : 'June 10,2015'
'time' : 'June 10,2018'
},
{
'user' : {
@ -24,7 +24,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/garry.jpg'
},
'message': 'shared a public post with your group.',
'time' : 'June 9,2015'
'time' : 'June 9,2018'
},
{
'user' : {
@ -32,7 +32,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/carl.jpg'
},
'message': 'wants to play Fallout Shelter with you.',
'time' : 'June 8,2015'
'time' : 'June 8,2018'
},
{
'user' : {
@ -40,7 +40,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/jane.jpg'
},
'message': 'started following you.',
'time' : 'June 7,2015'
'time' : 'June 7,2018'
},
{
'user' : {
@ -48,7 +48,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/james.jpg'
},
'message': 'sent you a message.',
'time' : 'June 6,2015'
'time' : 'June 6,2018'
},
{
'user' : {
@ -56,7 +56,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/joyce.jpg'
},
'message': 'shared a photo with you.',
'time' : 'June 5,2015'
'time' : 'June 5,2018'
},
{
'user' : {
@ -64,7 +64,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/vincent.jpg'
},
'message': 'shared a photo with you.',
'time' : 'June 4,2015'
'time' : 'June 4,2018'
}
],
posts : [
@ -80,7 +80,7 @@ export class ProfileFakeDb
'share' : 21,
'media' : {
'type' : 'image',
'preview': 'assets/images/etc/early-sunrise.jpg'
'preview': 'assets/images/profile/morain-lake.jpg'
},
'comments': [
{
@ -88,7 +88,7 @@ export class ProfileFakeDb
'name' : 'Alice Freeman',
'avatar': 'assets/images/avatars/alice.jpg'
},
'time' : 'June 10, 2015',
'time' : 'June 10, 2018',
'message': 'That’s a wonderful place. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et eleifend ligula. Fusce posuere in sapien ac facilisis. Etiam sit amet justo non felis ornare feugiat.'
}
]
@ -99,17 +99,17 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/andrew.jpg'
},
'message' : 'Hey, man! Check this, it’s pretty awesome!',
'time' : 'June 12, 2015',
'time' : 'June 12, 2018',
'type' : 'article',
'like' : 98,
'share' : 6,
'article' : {
'title' : 'The Fallout 4 Pip-Boy Edition Is Back In Stock Now',
'subtitle': 'Kotaku',
'excerpt' : 'The Fallout 4 Pip-Boy edition is back in stock at Gamestop, for all 3 platforms. Additionally, Walmart also has it in stock for the PS4 and Xbox One as of this writing, as does Best Buy.',
'title' : 'Never stop changing!',
'subtitle': 'John Westrock',
'excerpt' : 'John Westrock\'s new photo album called \'Never stop changing\' is published! It features more than 200 photos that will take you right in.',
'media' : {
'type' : 'image',
'preview': 'assets/images/etc/fallout.jpg'
'preview': 'assets/images/profile/never-stop-changing.jpg'
}
},
'comments': [
@ -118,7 +118,7 @@ export class ProfileFakeDb
'name' : 'Alice Freeman',
'avatar': 'assets/images/avatars/alice.jpg'
},
'time' : 'June 10, 2015',
'time' : 'June 10, 2018',
'message': 'That’s a wonderful place. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et eleifend ligula. Fusce posuere in sapien ac facilisis. Etiam sit amet justo non felis ornare feugiat.'
}
]
@ -129,7 +129,7 @@ export class ProfileFakeDb
'avatar': 'assets/images/avatars/carl.jpg'
},
'message': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et eleifend ligula. Fusce posuere in sapien ac facilisis. Etiam sit amet justo non felis ornare feugiat. Aenean lorem ex, ultrices sit amet ligula sed...',
'time' : 'June 10, 2015',
'time' : 'June 10, 2018',
'type' : 'something',
'like' : 4,
'share' : 1
@ -139,130 +139,130 @@ export class ProfileFakeDb
public static photosVideos = [
{
'name' : 'June 2015',
'name' : 'June 2018',
'info' : '5 Photos',
'media': [
{
'type' : 'photo',
'title' : 'Mountain Sunset',
'preview': 'assets/images/etc/mountain-sunset.jpg'
'title' : 'A Walk Amongst Friends',
'preview': 'assets/images/profile/a-walk-amongst-friends-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Lake',
'preview': 'assets/images/etc/mountain-lake.jpg'
'title' : 'Braies Lake',
'preview': 'assets/images/profile/braies-lake-small.jpg'
},
{
'type' : 'photo',
'title' : 'Hot air balloons',
'preview': 'assets/images/etc/air-balloons.jpg'
'title' : 'Fall Glow',
'preview': 'assets/images/profile/fall-glow-small.jpg'
},
{
'type' : 'photo',
'title' : 'Cactus',
'preview': 'assets/images/etc/cactus.jpg'
'title' : 'First Snow',
'preview': 'assets/images/profile/first-snow-small.jpg'
},
{
'type' : 'photo',
'title' : 'Road Trip',
'preview': 'assets/images/etc/road-trip.jpg'
'title' : 'Lago di Braies',
'preview': 'assets/images/profile/lago-di-braies-small.jpg'
}
]
},
{
'name' : 'May 2015',
'name' : 'May 2018',
'info' : '7 Photos, 3 Videos',
'media': [
{
'type' : 'photo',
'title' : 'Mountain Sunset',
'preview': 'assets/images/etc/mountain-sunset.jpg'
'title' : 'Lago di Sorapis',
'preview': 'assets/images/profile/lago-di-sorapis-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Lake',
'preview': 'assets/images/etc/mountain-lake.jpg'
'title' : 'Morain Lake',
'preview': 'assets/images/profile/morain-lake-small.jpg'
},
{
'type' : 'photo',
'title' : 'Hot air balloons',
'preview': 'assets/images/etc/air-balloons.jpg'
'title' : 'Never Stop Changing',
'preview': 'assets/images/profile/never-stop-changing-small.jpg'
},
{
'type' : 'photo',
'title' : 'Cactus',
'preview': 'assets/images/etc/cactus.jpg'
'title' : 'Reaching',
'preview': 'assets/images/profile/reaching-small.jpg'
},
{
'type' : 'photo',
'title' : 'Road Trip',
'preview': 'assets/images/etc/road-trip.jpg'
'title' : 'Yosemite',
'preview': 'assets/images/profile/yosemite-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Sunset',
'preview': 'assets/images/etc/mountain-sunset.jpg'
'title' : 'A Walk Amongst Friends',
'preview': 'assets/images/profile/a-walk-amongst-friends-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Lake',
'preview': 'assets/images/etc/mountain-lake.jpg'
'title' : 'Braies Lake',
'preview': 'assets/images/profile/braies-lake-small.jpg'
},
{
'type' : 'photo',
'title' : 'Hot air balloons',
'preview': 'assets/images/etc/air-balloons.jpg'
'title' : 'Fall Glow',
'preview': 'assets/images/profile/fall-glow-small.jpg'
},
{
'type' : 'photo',
'title' : 'Cactus',
'preview': 'assets/images/etc/cactus.jpg'
'title' : 'First Snow',
'preview': 'assets/images/profile/first-snow-small.jpg'
},
{
'type' : 'photo',
'title' : 'Road Trip',
'preview': 'assets/images/etc/road-trip.jpg'
'title' : 'Lago di Braies',
'preview': 'assets/images/profile/lago-di-braies-small.jpg'
}
]
},
{
'name' : 'April 2015',
'info' : '5 Photos',
'name' : 'April 2018',
'info' : '7 Photos',
'media': [
{
'type' : 'photo',
'title' : 'Mountain Sunset',
'preview': 'assets/images/etc/mountain-sunset.jpg'
'title' : 'Lago di Sorapis',
'preview': 'assets/images/profile/lago-di-sorapis-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Lake',
'preview': 'assets/images/etc/mountain-lake.jpg'
'title' : 'Morain Lake',
'preview': 'assets/images/profile/morain-lake-small.jpg'
},
{
'type' : 'photo',
'title' : 'Hot air balloons',
'preview': 'assets/images/etc/air-balloons.jpg'
'title' : 'Never Stop Changing',
'preview': 'assets/images/profile/never-stop-changing-small.jpg'
},
{
'type' : 'photo',
'title' : 'Cactus',
'preview': 'assets/images/etc/cactus.jpg'
'title' : 'Reaching',
'preview': 'assets/images/profile/reaching-small.jpg'
},
{
'type' : 'photo',
'title' : 'Road Trip',
'preview': 'assets/images/etc/road-trip.jpg'
'title' : 'Yosemite',
'preview': 'assets/images/profile/yosemite-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Sunset',
'preview': 'assets/images/etc/mountain-sunset.jpg'
'title' : 'A Walk Amongst Friends',
'preview': 'assets/images/profile/a-walk-amongst-friends-small.jpg'
},
{
'type' : 'photo',
'title' : 'Mountain Lake',
'preview': 'assets/images/etc/mountain-lake.jpg'
'title' : 'Braies Lake',
'preview': 'assets/images/profile/braies-lake-small.jpg'
}
]
}
@ -270,10 +270,10 @@ export class ProfileFakeDb
public static about = {
'general': {
'gender' : 'Female',
'birthday' : 'May 8th, 1988',
'gender' : 'Male',
'birthday' : 'February 30th, 1974',
'locations': [
'Istanbul, Turkey',
'London, UK',
'New York, USA'
],
'about' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget pharetra felis, sed ullamcorper dui. Sed et elementum neque. Vestibulum pellente viverra ultrices. Etiam justo augue, vehicula ac gravida a, interdum sit amet nisl. Integer vitae nisi id nibh dictum mollis in vitae tortor.'
@ -308,19 +308,16 @@ export class ProfileFakeDb
},
'groups' : [
{
'logo' : 'assets/images/logos/android.png',
'name' : 'Android',
'category': 'Technology',
'members' : '1.856.546'
},
{
'logo' : 'assets/images/logos/google.png',
'name' : 'Google',
'category': 'Web',
'members' : '1.226.121'
},
{
'logo' : 'assets/images/logos/fallout.png',
'name' : 'Fallout',
'category': 'Games',
'members' : '526.142'

4
src/app/fake-db/quick-panel.ts
View File

@ -3,11 +3,11 @@ export class QuickPanelFakeDb
public static notes = [
{
'title' : 'Best songs to listen while working',
'detail': 'Last edit: May 8th, 2015'
'detail': 'Last edit: May 8th, 2018'
},
{
'title' : 'Useful subreddits',
'detail': 'Last edit: January 12th, 2015'
'detail': 'Last edit: January 12th, 2018'
}
];

95
src/app/fake-db/search.ts
View File

@ -1,6 +1,6 @@
export class SearchFakeDb
{
public static classic = [
public static search = [
{
'title' : 'Dynamically Procrastinate B2C',
'url' : 'ourwebaddress.com/articles/procrastinate',
@ -43,97 +43,4 @@ export class SearchFakeDb
}
];
public static table = [
{
'name' : 'Airi Satou',
'position' : 'Accountant',
'office' : 'Tokyo',
'age' : '33',
'startDate': '2008/11/28',
'salary' : '162700',
'email' : 'a.satou@mail.com'
},
{
'name' : 'Angellica Ramos',
'position' : 'Chief Executive Officer (CEO)',
'office' : 'London',
'age' : '47',
'startDate': '2009/10/09',
'salary' : '1200000',
'email' : 'a.ramos@mail.com'
},
{
'name' : 'Ashton Cox',
'position' : 'Hunior Technical Author',
'office' : 'San Fransisco',
'age' : '66',
'startDate': '2009/01/12',
'salary' : '86000',
'email' : 'a.cox@mail.com'
},
{
'name' : 'Bradley Greer',
'position' : 'Software Engineer',
'office' : 'London',
'age' : '41',
'startDate': '2012/10/13',
'salary' : '132000',
'email' : 'b.greer@mail.com'
},
{
'name' : 'Brenden Wagner',
'position' : 'Software Engineer',
'office' : 'San Fransisco',
'age' : '28',
'startDate': '2011/06/07',
'salary' : '206850',
'email' : 'b.wagner@mail.com'
},
{
'name' : 'Brielle Williamson',
'position' : 'Integration Specialist',
'office' : 'New York',
'age' : '61',
'startDate': '2012/12/02',
'salary' : '372000',
'email' : 'b.williamson@mail.com'
},
{
'name' : 'Bruno Nash',
'position' : 'Software Engineer',
'office' : 'London',
'age' : '38',
'startDate': '2011/05/03',
'salary' : '163500',
'email' : 'b.nash@mail.com'
},
{
'name' : 'Caesar Vance',
'position' : 'Pre-Sales Support',
'office' : 'New York',
'age' : '21',
'startDate': '2011/12/12',
'salary' : '106450',
'email' : 'c.vance@mail.com'
},
{
'name' : 'Cara Stevens',
'position' : 'Sales Assistant',
'office' : 'New York',
'age' : '46',
'startDate': '2011/12/06',
'salary' : '145600',
'email' : 'c.stevens@mail.com'
},
{
'name' : 'Cedric Kelly',
'position' : 'Senior Javascript Developer',
'office' : 'Edinburg',
'age' : '22',
'startDate': '2012/03/29',
'salary' : '433060',
'email' : 'c.kelly@mail.com'
}
];
}

62
src/app/fake-db/todo.ts
View File

@ -5,7 +5,7 @@ export class TodoFakeDb
'id' : '561551bd7fe2ff461101c192',
'title' : 'Proident tempor est nulla irure ad est',
'notes' : 'Id nulla nulla proident deserunt deserunt proident in quis. Cillum reprehenderit labore id anim laborum.',
'startDate': 'Wednesday, January 29, 2014 3:17 PM',
'startDate': 'Wednesday, January 29, 2017 3:17 PM',
'dueDate' : null,
'completed': false,
'starred' : false,
@ -17,8 +17,8 @@ export class TodoFakeDb
'id' : '561551bd4ac1e7eb77a3a750',
'title' : 'Magna quis irure quis ea pariatur laborum',
'notes' : '',
'startDate': 'Sunday, February 1, 2015 1:30 PM',
'dueDate' : 'Friday, December 30, 2016 10:07 AM',
'startDate': 'Sunday, February 1, 2018 1:30 PM',
'dueDate' : 'Friday, December 30, 2019 10:07 AM',
'completed': false,
'starred' : false,
'important': true,
@ -29,7 +29,7 @@ export class TodoFakeDb
'id' : '561551bd917bfec2ddef2d49',
'title' : 'Ullamco duis commodo sint ad aliqua aute',
'notes' : 'Sunt laborum enim nostrud ea fugiat cillum mollit aliqua exercitation ad elit.',
'startDate': 'Friday, April 11, 2014 3:43 AM',
'startDate': 'Friday, April 11, 2017 3:43 AM',
'dueDate' : 'Wednesday, July 26, 2017 11:14 AM',
'completed': false,
'starred' : true,
@ -41,7 +41,7 @@ export class TodoFakeDb
'id' : '561551bdeeb2fd6877e18c29',
'title' : 'Eiusmod non occaecat pariatur Lorem in ex',
'notes' : 'Nostrud anim mollit incididunt qui qui sit commodo duis. Anim amet irure aliquip duis nostrud sit quis fugiat ullamco non dolor labore. Lorem sunt voluptate laboris culpa proident. Aute eiusmod aliqua exercitation irure exercitation qui laboris mollit occaecat eu occaecat fugiat.',
'startDate': 'Wednesday, May 7, 2014 4:14 AM',
'startDate': 'Wednesday, May 7, 2017 4:14 AM',
'dueDate' : 'Friday, December 15, 2017 4:01 AM',
'completed': true,
'starred' : true,
@ -53,8 +53,8 @@ export class TodoFakeDb
'id' : '561551bdf38eae0134ae43d4',
'title' : 'Lorem magna cillum consequat consequat mollit',
'notes' : 'Velit ipsum proident ea incididunt et. Consectetur eiusmod laborum voluptate duis occaecat ullamco sint enim proident.',
'startDate': 'Sunday, August 23, 2015 11:19 PM',
'dueDate' : 'Friday, July 8, 2016 10:49 AM',
'startDate': 'Sunday, August 23, 2018 11:19 PM',
'dueDate' : 'Friday, July 8, 2019 10:49 AM',
'completed': false,
'starred' : false,
'important': false,
@ -65,7 +65,7 @@ export class TodoFakeDb
'id' : '561551bd32f1588c814a0ccd',
'title' : 'Quis irure cupidatat ad consequat reprehenderit excepteur',
'notes' : 'Esse nisi mollit aliquip mollit aute consequat adipisicing. Do excepteur dolore proident cupidatat pariatur irure consequat incididunt.',
'startDate': 'Sunday, June 7, 2015 10:49 AM',
'startDate': 'Sunday, June 7, 2018 10:49 AM',
'dueDate' : 'Monday, January 9, 2017 8:34 AM',
'completed': false,
'starred' : true,
@ -77,8 +77,8 @@ export class TodoFakeDb
'id' : '561551bd0bb4b08ca77038ef',
'title' : 'Officia voluptate tempor ut mollit ea cillum',
'notes' : 'Deserunt veniam reprehenderit do elit magna ut.',
'startDate': 'Saturday, October 18, 2014 4:25 AM',
'dueDate' : 'Sunday, August 21, 2016 10:48 PM',
'startDate': 'Saturday, October 18, 2017 4:25 AM',
'dueDate' : 'Sunday, August 21, 2019 10:48 PM',
'completed': true,
'starred' : false,
'important': false,
@ -89,8 +89,8 @@ export class TodoFakeDb
'id' : '561551bdf84eec913835ebe5',
'title' : 'Sit exercitation cupidatat minim est ipsum excepteur',
'notes' : '',
'startDate': 'Friday, August 8, 2014 5:45 AM',
'dueDate' : 'Wednesday, June 15, 2016 1:53 PM',
'startDate': 'Friday, August 8, 2017 5:45 AM',
'dueDate' : 'Wednesday, June 15, 2019 1:53 PM',
'completed': true,
'starred' : false,
'important': true,
@ -101,8 +101,8 @@ export class TodoFakeDb
'id' : '561551bd2047cc709af0f670',
'title' : 'Sunt fugiat officia nisi minim sunt duis',
'notes' : 'Eiusmod eiusmod sint aliquip exercitation cillum. Magna nulla officia ex consectetur ea ad excepteur in qui.',
'startDate': 'Monday, July 13, 2015 1:55 PM',
'dueDate' : 'Thursday, March 3, 2016 2:26 PM',
'startDate': 'Monday, July 13, 2018 1:55 PM',
'dueDate' : 'Thursday, March 3, 2019 2:26 PM',
'completed': false,
'starred' : false,
'important': false,
@ -120,8 +120,8 @@ export class TodoFakeDb
'id' : '561551bd73d1a627e97005ce',
'title' : 'Non cupidatat enim quis aliquip minim laborum',
'notes' : 'Qui cillum eiusmod nostrud sunt dolore velit nostrud labore voluptate ad dolore. Eu Lorem anim pariatur aliqua. Ullamco ut dolor velit esse occaecat dolore eu cillum commodo qui. Nulla dolor consequat voluptate magna ut commodo magna consectetur non aute proident.',
'startDate': 'Tuesday, November 11, 2014 6:36 PM',
'dueDate' : 'Tuesday, August 9, 2016 7:18 AM',
'startDate': 'Tuesday, November 11, 2017 6:36 PM',
'dueDate' : 'Tuesday, August 9, 2019 7:18 AM',
'completed': false,
'starred' : false,
'important': false,
@ -132,8 +132,8 @@ export class TodoFakeDb
'id' : '561551bd8f7d793ded0a2353',
'title' : 'Dolor ex occaecat magna labore laboris qui',
'notes' : 'Incididunt qui excepteur eiusmod elit cillum occaecat voluptate cillum nostrud. Dolor ullamco ullamco eiusmod do sunt adipisicing pariatur. In esse esse labore id reprehenderit sint do. Pariatur culpa dolor tempor qui excepteur duis do anim minim ipsum.',
'startDate': 'Monday, June 9, 2014 3:15 PM',
'dueDate' : 'Wednesday, October 19, 2016 3:38 PM',
'startDate': 'Monday, June 9, 2017 3:15 PM',
'dueDate' : 'Wednesday, October 19, 2019 3:38 PM',
'completed': false,
'starred' : false,
'important': true,
@ -144,7 +144,7 @@ export class TodoFakeDb
'id' : '561551bdaa586f72d0be02cc',
'title' : 'Ex nisi amet id dolore nostrud esse',
'notes' : '',
'startDate': 'Thursday, January 15, 2015 6:11 PM',
'startDate': 'Thursday, January 15, 2018 6:11 PM',
'dueDate' : 'Sunday, August 20, 2017 10:02 AM',
'completed': false,
'starred' : true,
@ -156,7 +156,7 @@ export class TodoFakeDb
'id' : '561551bd9f1c2de5b27f537b',
'title' : 'In dolor velit labore dolore ex eiusmod',
'notes' : '',
'startDate': 'Monday, March 10, 2014 12:50 AM',
'startDate': 'Monday, March 10, 2017 12:50 AM',
'dueDate' : 'Thursday, January 26, 2017 3:10 PM',
'completed': false,
'starred' : false,
@ -168,7 +168,7 @@ export class TodoFakeDb
'id' : '561551bd26e21bb5e85b35cb',
'title' : 'Sunt voluptate aliquip exercitation minim magna sit',
'notes' : '',
'startDate': 'Tuesday, March 24, 2015 10:54 PM',
'startDate': 'Tuesday, March 24, 2018 10:54 PM',
'dueDate' : 'Wednesday, August 23, 2017 5:35 PM',
'completed': false,
'starred' : false,
@ -180,7 +180,7 @@ export class TodoFakeDb
'id' : '561551bd719860cf0ad2011a',
'title' : 'Nisi et ullamco minim ea proident tempor',
'notes' : 'Dolor veniam dolor cillum Lorem magna nisi in occaecat nulla dolor ea eiusmod.',
'startDate': 'Friday, February 14, 2014 10:03 AM',
'startDate': 'Friday, February 14, 2017 10:03 AM',
'dueDate' : 'Saturday, July 8, 2017 11:54 PM',
'completed': false,
'starred' : true,
@ -192,8 +192,8 @@ export class TodoFakeDb
'id' : '561551bd49d800c243264a91',
'title' : 'Sit ipsum mollit cupidatat adipisicing officia aliquip',
'notes' : '',
'startDate': 'Wednesday, December 10, 2014 9:25 AM',
'dueDate' : 'Friday, March 25, 2016 12:29 AM',
'startDate': 'Wednesday, December 10, 2017 9:25 AM',
'dueDate' : 'Friday, March 25, 2019 12:29 AM',
'completed': true,
'starred' : false,
'important': false,
@ -204,8 +204,8 @@ export class TodoFakeDb
'id' : '561551bd061990eaf40fb64f',
'title' : 'Amet sunt et quis amet commodo quis',
'notes' : 'Nulla dolore consequat aliqua sint consequat elit qui occaecat et.',
'startDate': 'Saturday, March 1, 2014 3:59 PM',
'dueDate' : 'Saturday, November 7, 2015 2:00 PM',
'startDate': 'Saturday, March 1, 2017 3:59 PM',
'dueDate' : 'Saturday, November 7, 2018 2:00 PM',
'completed': false,
'starred' : false,
'important': true,
@ -216,7 +216,7 @@ export class TodoFakeDb
'id' : '561551be81d05fa94711e7f3',
'title' : 'Ut eiusmod ex ea eiusmod culpa incididunt',
'notes' : 'Fugiat non incididunt officia ex incididunt occaecat. Voluptate nostrud culpa aliquip mollit incididunt non dolore.',
'startDate': 'Monday, February 2, 2015 3:07 PM',
'startDate': 'Monday, February 2, 2018 3:07 PM',
'dueDate' : 'Saturday, October 14, 2017 6:57 AM',
'completed': false,
'starred' : false,
@ -228,8 +228,8 @@ export class TodoFakeDb
'id' : '561551be05c093a80e0c8d05',
'title' : 'Proident reprehenderit laboris pariatur ut et nisi',
'notes' : 'Reprehenderit proident ut ad cillum quis velit quis aliqua ut aliquip tempor ullamco.',
'startDate': 'Sunday, June 14, 2015 4:40 AM',
'dueDate' : 'Wednesday, February 10, 2016 10:47 AM',
'startDate': 'Sunday, June 14, 2018 4:40 AM',
'dueDate' : 'Wednesday, February 10, 2019 10:47 AM',
'completed': true,
'starred' : true,
'important': true,
@ -240,8 +240,8 @@ export class TodoFakeDb
'id' : '561551be3bb43a5bd431c2fc',
'title' : 'Aliqua aliquip aliquip aliquip et exercitation aute',
'notes' : 'Adipisicing Lorem tempor ex anim. Labore tempor laboris nostrud dolore voluptate ullamco. Fugiat ex deserunt anim minim esse velit laboris aute ea duis incididunt. Elit irure id Lorem incididunt laborum aliquip consectetur est irure sunt. Ut labore anim nisi aliqua tempor laborum nulla cillum. Duis irure consequat cillum magna cillum eiusmod ut. Et exercitation voluptate quis deserunt elit quis dolor deserunt ex ex esse ex.',
'startDate': 'Saturday, May 3, 2014 1:32 AM',
'dueDate' : 'Monday, September 12, 2016 9:16 PM',
'startDate': 'Saturday, May 3, 2017 1:32 AM',
'dueDate' : 'Monday, September 12, 2019 9:16 PM',
'completed': true,
'starred' : false,
'important': true,

2
src/app/layout/components/chat-panel/chat-panel.component.html
View File

@ -4,7 +4,7 @@
<div class="title ml-16" fxLayout="row" fxLayoutAlign="start center"
(click)="unfoldSidebarTemporarily()">
<mat-icon class="s-32 white-fg">chat</mat-icon>
<mat-icon class="s-32 fuse-white-fg">chat</mat-icon>
<h3 class="ml-12">Team Chat</h3>
</div>

4
src/app/layout/components/toolbar/toolbar.component.html
View File

@ -63,7 +63,7 @@
class="language-button"
[matMenuTriggerFor]="languageMenu">
<div fxLayout="row" fxLayoutAlign="center center">
<img class="flag mr-8" [src]="'assets/images/flags/'+selectedLanguage.flag+'.png'">
<img class="flag mr-8" [src]="'assets/icons/flags/'+selectedLanguage.flag+'.png'">
<span class="iso text-uppercase">{{selectedLanguage.id}}</span>
</div>
</button>
@ -72,7 +72,7 @@
<button mat-menu-item *ngFor="let lang of languages" (click)="setLanguage(lang)">
<span fxLayout="row" fxLayoutAlign="start center">
<img class="flag mr-16" [src]="'assets/images/flags/'+lang.flag+'.png'">
<img class="flag mr-16" [src]="'assets/icons/flags/'+lang.flag+'.png'">
<span class="iso">{{lang.title}}</span>
</span>
</button>

2
src/app/main/angular-material-elements/angular-material-elements.component.html
View File

@ -5,7 +5,7 @@
fxLayoutAlign.gt-xs="space-between center">
<div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Components</span>

4
src/app/main/apps/academy/course/course.component.html
View File

@ -68,14 +68,14 @@
<div class="step-navigation">
<button mat-fab class="previous mat-accent white-fg"
<button mat-fab class="previous mat-accent fuse-white-fg"
(click)="gotoPreviousStep()"
[disabled]="currentStep === 0"
[fxHide]="currentStep === 0">
<mat-icon>chevron_left</mat-icon>
</button>
<button mat-fab class="next mat-accent white-fg"
<button mat-fab class="next mat-accent fuse-white-fg"
(click)="gotoNextStep()"
[disabled]="currentStep === course.totalSteps - 1"
[fxHide]="currentStep === course.totalSteps - 1">

5
src/app/main/apps/academy/courses/courses.component.html
View File

@ -25,9 +25,10 @@
<div class="filters" fxLayout="column" fxLayoutAlign="center center"
fxLayout.gt-xs="row" fxLayoutAlign.gt-xs="space-between center">
<mat-form-field appearance="outline" class="course-search">
<mat-form-field appearance="outline" floatLabel="always" class="course-search">
<mat-label>Search for a course</mat-label>
<input matInput [(ngModel)]="searchTerm"
<input matInput placeholder="Enter a keyword..."
[(ngModel)]="searchTerm"
(input)="filterCoursesByTerm()">
</mat-form-field>

24
src/app/main/apps/calendar/calendar.component.scss
View File

@ -216,51 +216,51 @@
}
&.Jan {
background-image: url('/assets/images/backgrounds/winter.jpg');
background-image: url('/assets/images/calendar/winter.jpg');
background-position: 0 85%;
}
&.Feb {
background-image: url('/assets/images/backgrounds/winter.jpg');
background-image: url('/assets/images/calendar/winter.jpg');
background-position: 0 85%;
}
&.Mar {
background-image: url('/assets/images/backgrounds/spring.jpg');
background-image: url('/assets/images/calendar/spring.jpg');
background-position: 0 40%;
}
&.Apr {
background-image: url('/assets/images/backgrounds/spring.jpg');
background-image: url('/assets/images/calendar/spring.jpg');
background-position: 0 40%;
}
&.May {
background-image: url('/assets/images/backgrounds/spring.jpg');
background-image: url('/assets/images/calendar/spring.jpg');
background-position: 0 40%;
}
&.Jun {
background-image: url('/assets/images/backgrounds/summer.jpg');
background-image: url('/assets/images/calendar/summer.jpg');
background-position: 0 80%;
}
&.Jul {
background-image: url('/assets/images/backgrounds/summer.jpg');
background-image: url('/assets/images/calendar/summer.jpg');
background-position: 0 80%;
}
&.Aug {
background-image: url('/assets/images/backgrounds/summer.jpg');
background-image: url('/assets/images/calendar/summer.jpg');
background-position: 0 80%;
}
&.Sep {
background-image: url('/assets/images/backgrounds/autumn.jpg');
background-image: url('/assets/images/calendar/autumn.jpg');
background-position: 0 40%;
}
&.Oct {
background-image: url('/assets/images/backgrounds/autumn.jpg');
background-image: url('/assets/images/calendar/autumn.jpg');
background-position: 0 40%;
}
&.Nov {
background-image: url('/assets/images/backgrounds/autumn.jpg');
background-image: url('/assets/images/calendar/autumn.jpg');
background-position: 0 40%;
}
&.Dec {
background-image: url('/assets/images/backgrounds/winter.jpg');
background-image: url('/assets/images/calendar/winter.jpg');
background-position: 0 85%;
}

17
src/app/main/apps/contacts/contact-form/contact-form.component.html
View File

@ -21,7 +21,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Name</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">account_circle</mat-icon>
<mat-icon matSuffix class="secondary-text">account_circle</mat-icon>
<input name="name" formControlName="name" matInput required>
</mat-form-field>
</div>
@ -29,7 +29,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Lastname</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">account_circle</mat-icon>
<mat-icon matSuffix class="secondary-text">account_circle</mat-icon>
<input name="lastName" formControlName="lastName" matInput>
</mat-form-field>
</div>
@ -37,7 +37,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Nickname</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">star</mat-icon>
<mat-icon matSuffix class="secondary-text">star</mat-icon>
<input name="nickname" formControlName="nickname" matInput>
</mat-form-field>
</div>
@ -45,7 +45,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Phone number</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">phone</mat-icon>
<mat-icon matSuffix class="secondary-text">phone</mat-icon>
<input formControlName="phone" matInput>
</mat-form-field>
</div>
@ -53,7 +53,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Email</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">email</mat-icon>
<mat-icon matSuffix class="secondary-text">email</mat-icon>
<input name="email" formControlName="email" matInput type="email">
</mat-form-field>
</div>
@ -61,7 +61,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Company</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">domain</mat-icon>
<mat-icon matSuffix class="secondary-text">domain</mat-icon>
<input name="company" formControlName="company" matInput>
</mat-form-field>
</div>
@ -69,7 +69,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Job title</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">work</mat-icon>
<mat-icon matSuffix class="secondary-text">work</mat-icon>
<input name="jobTitle" formControlName="jobTitle" matInput>
</mat-form-field>
</div>
@ -77,7 +77,6 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Birthday</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">cake</mat-icon>
<input matInput [matDatepicker]="birthdayDatePicker" name="birthday" formControlName="birthday">
<mat-datepicker-toggle matSuffix [for]="birthdayDatePicker"></mat-datepicker-toggle>
<mat-datepicker #birthdayDatePicker></mat-datepicker>
@ -87,7 +86,7 @@
<div fxLayout="row" fxLayoutAlign="start start">
<mat-form-field appearance="outline" fxFlex>
<mat-label>Address</mat-label>
<mat-icon matPrefix class="mr-12 s-20 secondary-text">home</mat-icon>
<mat-icon matSuffix class="secondary-text">home</mat-icon>
<input name="address" formControlName="address" matInput>
</mat-form-field>
</div>

12
src/app/main/apps/dashboards/analytics/analytics.component.html
View File

@ -9,21 +9,21 @@
<span class="h5 secondary-text">Unique visitors by month</span>
</div>
<div fxLayout="row" fxLayoutAlign="start center">
<div class="py-8 px-12 border-radius-2 line-height-1 mr-8 cursor-pointer"
(click)="widget1SelectedYear = '2015'"
[ngClass]="{'blue-700': widget1SelectedYear === '2015'}">
2015
</div>
<div class="py-8 px-12 border-radius-2 line-height-1 mr-8 cursor-pointer"
(click)="widget1SelectedYear = '2016'"
[ngClass]="{'blue-700': widget1SelectedYear === '2016'}">
2016
</div>
<div class="py-8 px-12 border-radius-2 line-height-1 cursor-pointer"
<div class="py-8 px-12 border-radius-2 line-height-1 mr-8 cursor-pointer"
(click)="widget1SelectedYear = '2017'"
[ngClass]="{'blue-700': widget1SelectedYear === '2017'}">
2017
</div>
<div class="py-8 px-12 border-radius-2 line-height-1 cursor-pointer"
(click)="widget1SelectedYear = '2018'"
[ngClass]="{'blue-700': widget1SelectedYear === '2018'}">
2018
</div>
</div>
</div>

68
src/app/main/apps/e-commerce/product/product.component.html
View File

@ -67,24 +67,24 @@
<div class="tab-content p-24" fusePerfectScrollbar>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Product Name</mat-label>
<input matInput
<input matInput placeholder="Product Name"
name="name"
formControlName="name"
required>
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Product Description</mat-label>
<textarea matInput
<textarea matInput placeholder="Product Description"
name="description"
formControlName="description"
rows="5">
</textarea>
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Categories</mat-label>
@ -104,7 +104,7 @@
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Tags</mat-label>
@ -129,6 +129,7 @@
</mat-tab>
<mat-tab label="Product Images">
<div class="tab-content p-24" fusePerfectScrollbar>
<div fxLayout="row wrap" fxLayoutAlign="start start">
@ -146,41 +147,43 @@
</div>
</div>
</div>
</mat-tab>
<mat-tab label="Pricing">
<div class="tab-content p-24" fusePerfectScrollbar>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Tax Excluded Price</mat-label>
<input matInput
<input matInput placeholder="Tax Excluded Price"
name="priceTaxExcl"
formControlName="priceTaxExcl"
type="number">
<span matPrefix>$&nbsp;</span>
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Tax Included Price</mat-label>
<input matInput
<input matInput placeholder="Tax Included Price"
name="priceTaxIncl"
formControlName="priceTaxIncl"
type="number">
<span matPrefix>$&nbsp;</span>
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Tax Rate</mat-label>
<input matInput
<input matInput placeholder="Tax Rate"
name="taxRate"
formControlName="taxRate"
type="number">
<span matPrefix>&#37;</span>
<span matPrefix>&#37;&nbsp;</span>
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Compared Price</mat-label>
<input matInput
<input matInput placeholder="Compared Price"
name="comparedPrice"
formControlName="comparedPrice"
type="number">
@ -193,23 +196,26 @@
</mat-tab>
<mat-tab label="Inventory">
<div class="tab-content p-24" fusePerfectScrollbar>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>SKU</mat-label>
<input matInput
<input matInput placeholder="SKU"
name="sku"
formControlName="sku">
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Quantity</mat-label>
<input matInput
<input matInput placeholder="Quantity"
name="quantity"
formControlName="quantity"
type="number">
</mat-form-field>
</div>
</mat-tab>
<mat-tab label="Shipping">
@ -218,39 +224,43 @@
<div fxLayout="row" fxLayoutAlign="space-between">
<mat-form-field appearance="outline" fxFlex="30">
<mat-form-field appearance="outline" floatLabel="always" fxFlex="30">
<mat-label>Width</mat-label>
<input matInput
<input matInput placeholder="Width"
name="Width"
formControlName="width">
<span matSuffix>cm</span>
</mat-form-field>
<mat-form-field appearance="outline" fxFlex="30">
<mat-form-field appearance="outline" floatLabel="always" fxFlex="30">
<mat-label>Height</mat-label>
<input matInput
<input matInput placeholder="Height"
name="Height"
formControlName="height">
<span matSuffix>cm</span>
</mat-form-field>
<mat-form-field appearance="outline" fxFlex="30">
<mat-form-field appearance="outline" floatLabel="always" fxFlex="30">
<mat-label>Depth</mat-label>
<input matInput
<input matInput placeholder="Depth"
name="Depth"
formControlName="depth">
<span matSuffix>cm</span>
</mat-form-field>
</div>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Weight</mat-label>
<input matInput
<input matInput placeholder="Weight"
name="Weight"
formControlName="weight">
<span matSuffix>kg</span>
</mat-form-field>
<mat-form-field appearance="outline" class="w-100-p">
<mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
<mat-label>Extra Shipping Fee</mat-label>
<input matInput
<input matInput placeholder="Extra Shipping Fee"
name="extraShippingFee"
formControlName="extraShippingFee"
type="number">

5
src/app/main/apps/e-commerce/product/product.component.scss
View File

@ -56,6 +56,11 @@
}
}
// Temporary prefix alignment fix
.mat-form-field-appearance-outline .mat-form-field-prefix,
.mat-form-field-appearance-outline .mat-form-field-suffix {
top: 0;
}
}
}

2
src/app/main/apps/mail-ngrx/mail.component.html
View File

@ -23,7 +23,7 @@
<mat-icon>menu</mat-icon>
</button>
<div class="search" flex fxLayout="row" fxLayoutAlign="start center">
<div class="search" fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text">search</mat-icon>
<input [formControl]="searchInput" [placeholder]="'MAIL.SEARCH_PLACEHOLDER' | translate" fxFlex>
</div>

2
src/app/main/apps/mail/mail.component.html
View File

@ -23,7 +23,7 @@
<mat-icon>menu</mat-icon>
</button>
<div class="search" flex fxLayout="row" fxLayoutAlign="start center">
<div class="search" fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text">search</mat-icon>
<input [formControl]="searchInput" [placeholder]="'MAIL.SEARCH_PLACEHOLDER' | translate" fxFlex>
</div>

2
src/app/main/apps/scrumboard/board/dialogs/card/card.component.html
View File

@ -178,7 +178,7 @@
<mat-form-field appearance="outline" class="w-100-p">
<mat-label>Due Date</mat-label>
<input matInput [matDatepicker]="picker" [(ngModel)]="card.due">
<mat-datepicker-toggle matPrefix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
</div>

2
src/app/main/apps/todo/todo.component.html
View File

@ -23,7 +23,7 @@
<mat-icon>menu</mat-icon>
</button>
<div class="search" flex fxLayout="row" fxLayoutAlign="start center">
<div class="search" fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text">search</mat-icon>
<input [formControl]="searchInput" placeholder="Search for a task" fxFlex>
</div>

33
src/app/main/documentation/changelog/changelog.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>
@ -38,18 +38,24 @@
Removed <code>media-breakpoint-up</code>, <code>media-breakpoint-down</code>,
<code>media-breakpoint-only</code> and <code>media-breakpoint-between</code> scss
mixins. Use Material design breakpoints with <code>media-breakpoint</code> mixin.
Breakpoint definitions can be found in the
<code>@fuse/scss/partials/_breakpoints.scss</code> file.
Breakpoint definitions can be found in
<code>@fuse/scss/partials/_breakpoints.scss</code>.
<br><br>
Example:
<br><br>
<br>
<code>media-breakpoint('sm')</code> // Only small
<br>
<code>media-breakpoint('lt-sm')</code> // Less than small
<br>
<code>media-breakpoint('gt-sm')</code> // Greater than small
<br><br>
</li>
<li>
Updating the navigation directly from the object no longer works since
<code>FuseNavigation</code> now uses <code>OnPush</code> change detection strategy for
performance reasons. Use <code>updateNavigationItem</code> method from
<code>FuseNavigationService</code> to update the navigation items.
</li>
</ul>
</div>
@ -57,13 +63,16 @@
<div class="new">
<span class="title">New</span>
<ul>
<li>Updated Angular to 6.1.9</li>
<li>Updated Angular Material to 7.0.0-beta.2</li>
<li>Updated Angular to 7.0.0-rc.0</li>
<li>Updated Angular Material to 7.0.0-rc.1</li>
<li>Updated Typescript to 3.1.1</li>
<li>Updated various other libraries</li>
<li>Modernization:
<ul>
<li>Material Outline icons</li>
<li>'Muli' as the primary font face</li>
<li>Outline form fields</li>
<li>Modern navigation</li>
</ul>
</li>
</ul>
@ -78,6 +87,16 @@
</ul>
</div>
<div class="improved">
<span class="title">Improved</span>
<ul>
<li>
(FuseNavigation) Use <code>ChangeDetection.OnPush</code> to increase the performance.
Now you can load hundreds of thousands navigation item and it won't mind.
</li>
</ul>
</div>
</div>
</div>

2
src/app/main/documentation/components-third-party/datatable/ngx-datatable.component.html vendored
View File

@ -4,7 +4,7 @@
<div class="header accent p-24 h-160" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="row"
fxLayoutAlign.gt-xs="space-between center">
<div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components-third-party/google-maps/google-maps.component.html vendored
View File

@ -4,7 +4,7 @@
<div class="header accent p-24 h-160" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="row"
fxLayoutAlign.gt-xs="space-between center">
<div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

20
src/app/main/documentation/components/components.module.ts
View File

@ -1,14 +1,10 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import {
MatButtonModule, MatButtonToggleModule, MatFormFieldModule, MatIconModule, MatListModule, MatMenuModule, MatSelectModule, MatSlideToggleModule, MatTabsModule
} from '@angular/material';
import { NgxChartsModule } from '@swimlane/ngx-charts';
import { MatButtonModule, MatIconModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
import { FuseCountdownModule, FuseHighlightModule, FuseMaterialColorPickerModule, FuseWidgetModule } from '@fuse/components';
import { DocsComponentsCardsComponent } from 'app/main/documentation/components/cards/cards.component';
import { DocsComponentsCountdownComponent } from 'app/main/documentation/components/countdown/countdown.component';
import { DocsComponentsHighlightComponent } from 'app/main/documentation/components/highlight/highlight.component';
import { DocsComponentsMaterialColorPickerComponent } from 'app/main/documentation/components/material-color-picker/material-color-picker.component';
@ -20,10 +16,6 @@ import { DocsComponentsShortcutsComponent } from 'app/main/documentation/compone
import { DocsComponentsWidgetComponent } from 'app/main/documentation/components/widget/widget.component';
const routes = [
{
path : 'cards',
component: DocsComponentsCardsComponent
},
{
path : 'countdown',
component: DocsComponentsCountdownComponent
@ -64,7 +56,6 @@ const routes = [
@NgModule({
declarations: [
DocsComponentsCardsComponent,
DocsComponentsCountdownComponent,
DocsComponentsHighlightComponent,
DocsComponentsMaterialColorPickerComponent,
@ -79,16 +70,7 @@ const routes = [
RouterModule.forChild(routes),
MatButtonModule,
MatButtonToggleModule,
MatFormFieldModule,
MatIconModule,
MatListModule,
MatMenuModule,
MatSelectModule,
MatSlideToggleModule,
MatTabsModule,
NgxChartsModule,
FuseSharedModule,

2
src/app/main/documentation/components/countdown/countdown.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/highlight/highlight.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/material-color-picker/material-color-picker.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/progress-bar/progress-bar.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/search-bar/search-bar.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/shortcuts/shortcuts.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/sidebar/sidebar.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/components/widget/widget.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/directives/fuseIfOnDom/fuse-if-on-dom.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/directives/fuseInnerScroll/fuse-inner-scroll.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/directives/fuseMatSidenav/fuse-mat-sidenav.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/directives/fusePerfectScrollbar/fuse-perfect-scrollbar.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/getting-started/installation/installation.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/getting-started/introduction/introduction.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/services/fuse-config/fuse-config.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/services/fuse-splash-screen/fuse-splash-screen.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/directory-structure/directory-structure.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/material-theming/material-theming.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/multi-language/multi-language.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24 h-160" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Components</span>

2
src/app/main/documentation/working-with-fuse/page-layouts/page-layouts.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/production/production.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/server/server.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/theme-layouts/theme-layouts.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

2
src/app/main/documentation/working-with-fuse/updating-fuse/updating-fuse.component.html
View File

@ -3,7 +3,7 @@
<!-- HEADER -->
<div class="header accent p-24" fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<div fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="secondary-text s-18">home</mat-icon>
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
<span class="secondary-text">Documentation</span>

6
src/app/main/pages/authentication/forgot-password-2/forgot-password-2.component.html
View File

@ -30,8 +30,10 @@
<form name="forgoPasswordForm" [formGroup]="forgotPasswordForm" novalidate>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="forgotPasswordForm.get('email').hasError('required')">
Email is required
</mat-error>

3
src/app/main/pages/authentication/forgot-password-2/forgot-password-2.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -22,6 +22,7 @@ const routes = [
MatButtonModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule,

6
src/app/main/pages/authentication/forgot-password/forgot-password.component.html
View File

@ -12,8 +12,10 @@
<form name="forgotPasswordForm" [formGroup]="forgotPasswordForm" novalidate>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="forgotPasswordForm.get('email').hasError('required')">
Email is required
</mat-error>

3
src/app/main/pages/authentication/forgot-password/forgot-password.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -22,6 +22,7 @@ const routes = [
MatButtonModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

12
src/app/main/pages/authentication/lock/lock.component.html
View File

@ -23,12 +23,16 @@
<form name="lockForm" [formGroup]="lockForm" novalidate>
<mat-form-field>
<input matInput placeholder="Username" formControlName="username">
<mat-form-field appearance="outline">
<mat-label>Username</mat-label>
<input matInput formControlName="username">
<mat-icon matSuffix class="disabled-text">account_circle</mat-icon>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>

12
src/app/main/pages/authentication/login-2/login-2.component.html
View File

@ -30,8 +30,10 @@
<form name="loginForm" [formGroup]="loginForm" novalidate>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="loginForm.get('email').hasError('required')">
Email is required
</mat-error>
@ -42,8 +44,10 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>

3
src/app/main/pages/authentication/login-2/login-2.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -23,6 +23,7 @@ const routes = [
MatButtonModule,
MatCheckboxModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

12
src/app/main/pages/authentication/login/login.component.html
View File

@ -12,8 +12,10 @@
<form name="loginForm" [formGroup]="loginForm" novalidate>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="loginForm.get('email').hasError('required')">
Email is required
</mat-error>
@ -24,8 +26,10 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>

3
src/app/main/pages/authentication/login/login.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -23,6 +23,7 @@ const routes = [
MatButtonModule,
MatCheckboxModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

24
src/app/main/pages/authentication/register-2/register-2.component.html
View File

@ -30,15 +30,19 @@
<form name="registerForm" [formGroup]="registerForm" novalidate>
<mat-form-field>
<input matInput placeholder="Name" formControlName="name">
<mat-form-field appearance="outline">
<mat-label>Name</mat-label>
<input matInput formControlName="name">
<mat-icon matSuffix class="secondary-text">account_circle</mat-icon>
<mat-error>
Name is required
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="registerForm.get('email').hasError('required')">
Email is required
</mat-error>
@ -47,15 +51,19 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password (Confirm)" formControlName="passwordConfirm">
<mat-form-field appearance="outline">
<mat-label>Password (Confirm)</mat-label>
<input matInput type="password" formControlName="passwordConfirm">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error *ngIf="registerForm.get('passwordConfirm').hasError('required')">
Password confirmation is required
</mat-error>

3
src/app/main/pages/authentication/register-2/register-2.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -23,6 +23,7 @@ const routes = [
MatButtonModule,
MatCheckboxModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

24
src/app/main/pages/authentication/register/register.component.html
View File

@ -12,15 +12,19 @@
<form name="registerForm" [formGroup]="registerForm" novalidate>
<mat-form-field>
<input matInput placeholder="Name" formControlName="name">
<mat-form-field appearance="outline">
<mat-label>Name</mat-label>
<input matInput formControlName="name">
<mat-icon matSuffix class="secondary-text">account_circle</mat-icon>
<mat-error>
Name is required
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="registerForm.get('email').hasError('required')">
Email is required
</mat-error>
@ -29,15 +33,19 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password (Confirm)" formControlName="passwordConfirm">
<mat-form-field appearance="outline">
<mat-label>Password (Confirm)</mat-label>
<input matInput type="password" formControlName="passwordConfirm">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error *ngIf="registerForm.get('passwordConfirm').hasError('required')">
Password confirmation is required
</mat-error>

3
src/app/main/pages/authentication/register/register.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -23,6 +23,7 @@ const routes = [
MatButtonModule,
MatCheckboxModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

18
src/app/main/pages/authentication/reset-password-2/reset-password-2.component.html
View File

@ -30,8 +30,10 @@
<form name="resetPasswordForm" [formGroup]="resetPasswordForm" novalidate>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="resetPasswordForm.get('email').hasError('required')">
Email is required
</mat-error>
@ -40,15 +42,19 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password (Confirm)" formControlName="passwordConfirm">
<mat-form-field appearance="outline">
<mat-label>Password (Confirm)</mat-label>
<input matInput type="password" formControlName="passwordConfirm">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required
</mat-error>

3
src/app/main/pages/authentication/reset-password-2/reset-password-2.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -22,6 +22,7 @@ const routes = [
MatButtonModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

18
src/app/main/pages/authentication/reset-password/reset-password.component.html
View File

@ -12,8 +12,10 @@
<form name="resetPasswordForm" [formGroup]="resetPasswordForm" novalidate>
<mat-form-field>
<input matInput placeholder="Email" formControlName="email">
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="resetPasswordForm.get('email').hasError('required')">
Email is required
</mat-error>
@ -22,15 +24,19 @@
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-form-field appearance="outline">
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="password">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error>
Password is required
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Password (Confirm)" formControlName="passwordConfirm">
<mat-form-field appearance="outline">
<mat-label>Password (Confirm)</mat-label>
<input matInput type="password" formControlName="passwordConfirm">
<mat-icon matSuffix class="secondary-text">vpn_key</mat-icon>
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
Password confirmation is required
</mat-error>

3
src/app/main/pages/authentication/reset-password/reset-password.module.ts
View File

@ -1,6 +1,6 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
@ -22,6 +22,7 @@ const routes = [
MatButtonModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule

1
src/app/main/pages/coming-soon/coming-soon.component.html
View File

@ -28,6 +28,7 @@
<mat-form-field appearance="outline">
<mat-label>Email</mat-label>
<input matInput formControlName="email">
<mat-icon matSuffix class="secondary-text">mail</mat-icon>
<mat-error *ngIf="comingSoonForm.get('email').hasError('required')">
Email is required
</mat-error>

3
src/app/main/pages/coming-soon/coming-soon.module.ts
View File

@ -1,7 +1,7 @@
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { MatButtonModule, MatFormFieldModule, MatInputModule } from '@angular/material';
import { MatButtonModule, MatFormFieldModule, MatIconModule, MatInputModule } from '@angular/material';
import { FuseSharedModule } from '@fuse/shared.module';
import { FuseCountdownModule } from '@fuse/components';
@ -24,6 +24,7 @@ const routes = [
MatButtonModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
FuseSharedModule,

2
src/app/main/pages/errors/404/error-404.component.html
View File

@ -8,7 +8,7 @@
<div class="search" fxLayout="row" fxLayoutAlign="start center">
<mat-icon class="icon s-24">search</mat-icon>
<input placeholder="Search for anything" fxFlex>
<input placeholder="Search for something" fxFlex>
</div>
<a class="back-link" [routerLink]="'/apps/dashboards/project'">Go back to dashboard</a>

3
src/app/main/pages/errors/404/error-404.component.scss
View File

@ -28,7 +28,8 @@ error-404 {
line-height: 56px;
margin: 48px auto 16px auto;
padding: 16px;
@include mat-elevation(1);
border: 1px solid;
border-radius: 28px;
input {
padding: 0 0 0 16px;

26
src/app/main/pages/errors/404/error-404.component.ts
View File

@ -1,7 +1,5 @@
import { Component, ViewEncapsulation } from '@angular/core';
import { FuseConfigService } from '@fuse/services/config.service';
@Component({
selector : 'error-404',
templateUrl : './error-404.component.html',
@ -12,29 +10,9 @@ export class Error404Component
{
/**
* Constructor
*
* @param {FuseConfigService} _fuseConfigService
*/
constructor(
private _fuseConfigService: FuseConfigService
)
constructor()
{
// Configure the layout
this._fuseConfigService.config = {
layout: {
navbar : {
hidden: true
},
toolbar : {
hidden: true
},
footer : {
hidden: true
},
sidepanel: {
hidden: true
}
}
};
}
}

1
src/app/main/pages/errors/404/error-404.theme.scss
View File

@ -15,6 +15,7 @@
.search {
background: map-get($background, card);
border-color: map-get($foreground, divider);
input {
background: map-get($background, card);

25
src/app/main/pages/errors/500/error-500.component.ts
View File

@ -1,7 +1,5 @@
import { Component, ViewEncapsulation } from '@angular/core';
import { FuseConfigService } from '@fuse/services/config.service';
@Component({
selector : 'error-500',
templateUrl : './error-500.component.html',
@ -12,29 +10,8 @@ export class Error500Component
{
/**
* Constructor
*
* @param {FuseConfigService} _fuseConfigService
*/
constructor(
private _fuseConfigService: FuseConfigService
)
constructor()
{
// Configure the layout
this._fuseConfigService.config = {
layout: {
navbar : {
hidden: true
},
toolbar : {
hidden: true
},
footer : {
hidden: true
},
sidepanel: {
hidden: true
}
}
};
}
}

2
src/app/main/pages/faq/faq.component.scss
View File

@ -37,6 +37,8 @@ faq {
height: 56px;
line-height: 56px;
padding: 18px;
border-radius: 28px;
overflow: hidden;
input {
height: 56px;

1
src/app/main/pages/invoices/compact/compact.component.scss
View File

@ -9,6 +9,7 @@ invoice-compact {
.invoice-container {
padding: 64px;
margin: 0 auto;
.card {
width: 1020px;

1
src/app/main/pages/invoices/modern/modern.component.scss
View File

@ -9,6 +9,7 @@ invoice-modern {
.invoice-container {
padding: 64px;
margin: 0 auto;
.card {
width: 1020px;

4
src/app/main/pages/knowledge-base/knowledge-base.component.html
View File

@ -16,13 +16,13 @@
<div fxLayout="row wrap" fxLayoutAlign="center">
<mat-nav-list class="articles-list mat-elevation-z4" *ngFor="let category of knowledgeBase">
<mat-nav-list class="articles-list" *ngFor="let category of knowledgeBase">
<h3 mat-subheader>{{category.title}}</h3>
<a mat-list-item *ngFor="let article of category.featuredArticles"
(click)="readArticle(article)">
<mat-icon class="secondary-text mr-8">note</mat-icon>
<mat-icon class="secondary-text mr-8">insert_drive_file</mat-icon>
{{ article.title }}
</a>

6
src/app/main/pages/knowledge-base/knowledge-base.component.scss
View File

@ -55,6 +55,8 @@
min-width: 400px;
margin: 16px;
padding: 16px;
border-radius: 4px;
@include mat-elevation(1);
@include media-breakpoint('xs') {
min-width: 300px;
@ -63,10 +65,6 @@
.mat-list-item {
text-decoration: none !important;
.mat-list-item-content {
}
}
.see-all-link {

6
src/app/main/pages/pages.module.ts
View File

@ -18,7 +18,8 @@ import { InvoiceCompactModule } from 'app/main/pages/invoices/compact/compact.mo
import { MaintenanceModule } from 'app/main/pages/maintenance/maintenence.module';
import { PricingModule } from 'app/main/pages/pricing/pricing.module';
import { ProfileModule } from 'app/main/pages/profile/profile.module';
import { SearchModule } from 'app/main/pages/search/search.module';
import { SearchClassicModule } from 'app/main/pages/search/classic/search-classic.module';
import { SearchModernModule } from 'app/main/pages/search/modern/search-modern.module';
import { FaqModule } from 'app/main/pages/faq/faq.module';
import { KnowledgeBaseModule } from 'app/main/pages/knowledge-base/knowledge-base.module';
@ -57,7 +58,8 @@ import { KnowledgeBaseModule } from 'app/main/pages/knowledge-base/knowledge-bas
ProfileModule,
// Search
SearchModule,
SearchClassicModule,
SearchModernModule,
// Faq
FaqModule,

5
src/app/main/pages/profile/profile.component.html
View File

@ -6,9 +6,10 @@
<div class="user-info" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-sm="row"
fxLayoutAlign.gt-sm="start center">
<img class="profile-image avatar huge" src="assets/images/avatars/katherine.jpg"
<img class="profile-image avatar huge" src="assets/images/avatars/Velazquez.jpg"
[@animate]="{value:'*',params:{delay:'50ms',scale:'0.2'}}">
<div class="name" [@animate]="{value:'*',params:{delay:'100ms',x:'-25px'}}">Katherine Wilson
<div class="name" [@animate]="{value:'*',params:{delay:'100ms',x:'-25px'}}">
Charlie Adams
</div>
</div>

2
src/app/main/pages/profile/profile.component.scss
View File

@ -31,8 +31,6 @@
button {
text-transform: none;
padding: 0 16px;
height: 32px;
line-height: 32px;
margin: 0 0 0 8px;
}
}

2
src/app/main/pages/profile/tabs/about/about.component.html
View File

@ -135,7 +135,7 @@
<div fxLayout="row" fxLayoutAlign="start center">
<img [src]="group.logo" class="logo" alt="{{group.name}}"/>
<div class="logo">{{group.name.substring(0,1)}}</div>
<div>
<div class="name">{{group.name}}</div>

19
src/app/main/pages/profile/tabs/about/about.component.scss
View File

@ -42,6 +42,10 @@ profile-about {
.friend {
padding: 4px;
img {
border-radius: 4px;
}
}
}
}
@ -51,14 +55,21 @@ profile-about {
.content {
.group {
margin-bottom: 16px;
margin-bottom: 24px;
&:last-child {
margin-bottom: 0;
}
.logo {
border: 1px solid;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
font-size: 21px;
line-height: normal;
border-radius: 50%;
margin-right: 16px;
}
@ -68,7 +79,7 @@ profile-about {
}
.members {
margin-top: 16px;
margin-top: 8px;
}
}
}
@ -78,6 +89,8 @@ profile-about {
// Profile boxes
.profile-box {
border-radius: 4px;
overflow: hidden;
margin-bottom: 16px;
@include mat-elevation(2);

4
src/app/main/pages/profile/tabs/about/about.theme.scss
View File

@ -2,6 +2,7 @@
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
$primary: map-get($theme, primary);
profile-about {
@ -29,7 +30,8 @@
.group {
.logo {
border-color: map-get($foreground, divider);
background-color: map-get($primary, default);
color: map-get($primary, default-contrast);
}
.category,

6
src/app/main/pages/profile/tabs/photos-videos/photos-videos.component.scss
View File

@ -23,13 +23,15 @@ profile-photos-videos {
margin-bottom: 16px;
.media {
margin: 0 16px 16px 0;
position: relative;
margin: 0 16px 16px 0;
border-radius: 4px;
overflow: hidden;
.preview {
display: block;
width: 256px;
height: 256px;
display: block;
}
.title {

28
src/app/main/pages/profile/tabs/timeline/timeline.component.scss
View File

@ -9,6 +9,8 @@ profile-timeline {
.add-post {
margin-bottom: 0;
border-radius: 4px;
overflow: hidden;
@include mat-elevation(2);
textarea {
@ -23,17 +25,8 @@ profile-timeline {
}
footer {
padding: 8px;
padding: 8px 12px 8px 8px;
border-top: 1px solid;
.post-button {
margin: 0;
width: 64px;
min-width: 64px;
height: 30px;
line-height: 30px;
min-height: 30px;
}
}
}
@ -46,7 +39,7 @@ profile-timeline {
.timeline-item {
margin-bottom: 32px;
overflow: hidden;
border-radius: 2px;
border-radius: 4px;
@include mat-elevation(2);
&:last-child {
@ -178,16 +171,7 @@ profile-timeline {
margin-bottom: 8px;
font-size: 13px;
border: 1px solid;
}
.post-comment-button {
margin: 0;
text-transform: inherit;
font-weight: normal;
padding: 0 12px;
min-height: 30px;
min-width: inherit;
line-height: 30px;
border-radius: 4px;
}
}
}
@ -231,6 +215,8 @@ profile-timeline {
// Profile boxes
.profile-box {
border-radius: 4px;
overflow: hidden;
margin-bottom: 16px;
@include mat-elevation(2);

84
src/app/main/pages/search/classic/search-classic.component.html Normal file
View File

@ -0,0 +1,84 @@
<div id="search-classic" class="page-layout simple fullwidth">
<!-- HEADER -->
<div class="header accent p-24" fxLayout="row" fxLayoutAlign="start center">
<div class="search-wrapper" fxFlex fxLayout="row" fxLayoutAlign="start center">
<div class="search" fxLayout="row" fxLayoutAlign="start center">
<mat-icon>search</mat-icon>
<input placeholder="Search" fxFlex>
</div>
</div>
</div>
<!-- / HEADER -->
<!-- CONTENT -->
<div class="content p-24">
<div class="result-info" fxLayout="row" fxLayoutAlign="start center">
<span class="result-count h3 secondary-text">
<span>54</span>
<span class="ml-4">Results</span>
</span>
</div>
<div class="results">
<div class="result-item" *ngFor="let item of searchItems">
<div class="title blue-800-fg">{{item.title}}</div>
<div class="url green-800-fg">{{item.url}}</div>
<div class="excerpt">{{item.excerpt}}</div>
</div>
<div class="simple-pagination">
<button mat-button class="pagination-item disabled" disabled="disabled"
aria-label="Go to previous page">
<mat-icon>chevron_left</mat-icon>
</button>
<button mat-button class="pagination-item active" [disableRipple]="true" aria-label="Go to page 1">
<span>1</span>
</button>
<button mat-button class="pagination-item" aria-label="Go to page 2">
<span>2</span>
</button>
<button mat-button class="pagination-item" aria-label="Go to page 3">
<span>3</span>
</button>
<button mat-button class="pagination-item" aria-label="Go to page 4">
<span>4</span>
</button>
<button mat-button class="pagination-item" aria-label="Go to page 5">
<span>5</span>
</button>
<button mat-button class="pagination-item">
<span>...</span>
</button>
<button mat-button class="pagination-item" aria-label="Go to page 10">
<span>10</span>
</button>
<button mat-button class="pagination-item" aria-label="Go to next page">
<mat-icon>chevron_right</mat-icon>
</button>
</div>
</div>
</div>
<!-- / CONTENT -->
</div>

Some files were not shown because too many files have changed in this diff Show More