Enable offline usage

This commit is contained in:
William Brawner 2018-08-31 17:56:09 -05:00
parent fb5e2549a1
commit fc67a11f9d
15 changed files with 170 additions and 738 deletions

View file

@ -20,7 +20,8 @@
"tsConfig": "src/tsconfig.app.json", "tsConfig": "src/tsconfig.app.json",
"assets": [ "assets": [
"src/favicon.ico", "src/favicon.ico",
"src/assets" "src/assets",
"src/manifest.json"
], ],
"styles": [ "styles": [
"src/styles.css", "src/styles.css",
@ -44,7 +45,8 @@
"aot": true, "aot": true,
"extractLicenses": true, "extractLicenses": true,
"vendorChunk": false, "vendorChunk": false,
"buildOptimizer": true "buildOptimizer": true,
"serviceWorker": true
} }
} }
}, },
@ -78,7 +80,8 @@
"scripts": [], "scripts": [],
"assets": [ "assets": [
"src/favicon.ico", "src/favicon.ico",
"src/assets" "src/assets",
"src/manifest.json"
] ]
} }
}, },

26
ngsw-config.json Normal file
View file

@ -0,0 +1,26 @@
{
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
]
}
}
]
}

813
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -21,7 +21,9 @@
"@angular/material": "^6.4.6", "@angular/material": "^6.4.6",
"@angular/platform-browser": "^6.1.0", "@angular/platform-browser": "^6.1.0",
"@angular/platform-browser-dynamic": "^6.1.0", "@angular/platform-browser-dynamic": "^6.1.0",
"@angular/pwa": "^0.7.5",
"@angular/router": "^6.1.0", "@angular/router": "^6.1.0",
"@angular/service-worker": "^6.1.0",
"core-js": "^2.5.4", "core-js": "^2.5.4",
"dexie": "^2.0.4", "dexie": "^2.0.4",
"hammerjs": "^2.0.8", "hammerjs": "^2.0.8",

View file

@ -27,6 +27,8 @@ import { CategoryDetailsComponent } from './category-details/category-details.co
import { AddEditCategoryComponent } from './add-edit-category/add-edit-category.component'; import { AddEditCategoryComponent } from './add-edit-category/add-edit-category.component';
import { NewCategoryComponent } from './new-category/new-category.component'; import { NewCategoryComponent } from './new-category/new-category.component';
import { CategoryListComponent } from './category-list/category-list.component'; import { CategoryListComponent } from './category-list/category-list.component';
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -56,7 +58,8 @@ import { CategoryListComponent } from './category-list/category-list.component';
MatSelectModule, MatSelectModule,
MatToolbarModule, MatToolbarModule,
AppRoutingModule, AppRoutingModule,
FormsModule FormsModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 792 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 958 B

View file

@ -9,8 +9,10 @@
<meta name="theme-color" content="#212121"> <meta name="theme-color" content="#212121">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="manifest" href="manifest.json">
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>
<noscript>Please enable JavaScript to continue using this application.</noscript>
</body> </body>
</html> </html>

51
src/manifest.json Normal file
View file

@ -0,0 +1,51 @@
{
"name": "Budget",
"short_name": "Budget",
"theme_color": "#212121",
"background_color": "#333333",
"display": "standalone",
"scope": "/",
"start_url": "/",
"icons": [
{
"src": "assets/icons/icon-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "assets/icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "assets/icons/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "assets/icons/icon-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "assets/icons/icon-152x152.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "assets/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "assets/icons/icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "assets/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}