ionic-image-loader
Version:
Ionic Component and Service to load images in a background thread and cache them for later use
125 lines (100 loc) • 8.44 kB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["cards-cards-module"],{
/***/ "./src/app/cards/cards.module.ts":
/*!***************************************!*\
!*** ./src/app/cards/cards.module.ts ***!
\***************************************/
/*! exports provided: CardsPageModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CardsPageModule", function() { return CardsPageModule; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ionic/angular */ "./node_modules/@ionic/angular/dist/index.js");
/* harmony import */ var _cards_page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./cards.page */ "./src/app/cards/cards.page.ts");
/* harmony import */ var _projects_ionic_image_loader_src_lib_ionic_image_loader_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../projects/ionic-image-loader/src/lib/ionic-image-loader.module */ "./projects/ionic-image-loader/src/lib/ionic-image-loader.module.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var routes = [
{
path: '',
component: _cards_page__WEBPACK_IMPORTED_MODULE_5__["CardsPage"]
}
];
var CardsPageModule = /** @class */ (function () {
function CardsPageModule() {
}
CardsPageModule = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({
imports: [
_angular_common__WEBPACK_IMPORTED_MODULE_1__["CommonModule"],
_angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
_ionic_angular__WEBPACK_IMPORTED_MODULE_4__["IonicModule"],
_projects_ionic_image_loader_src_lib_ionic_image_loader_module__WEBPACK_IMPORTED_MODULE_6__["IonicImageLoader"],
_angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterModule"].forChild(routes)
],
declarations: [_cards_page__WEBPACK_IMPORTED_MODULE_5__["CardsPage"]]
})
], CardsPageModule);
return CardsPageModule;
}());
/***/ }),
/***/ "./src/app/cards/cards.page.html":
/*!***************************************!*\
!*** ./src/app/cards/cards.page.html ***!
\***************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "<ion-header>\n\n <ion-toolbar color=\"favorite\">\n <ion-title>Cards</ion-title>\n </ion-toolbar>\n\n</ion-header>\n\n\n<ion-content padding>\n\n <ion-card>\n <img-loader src=\"https://static.pexels.com/photos/194730/pexels-photo-194730-large.jpeg\" useImg></img-loader>\n <ion-card-content>\n <ion-card-title>\n An awesome card\n </ion-card-title>\n <p>\n This is a card that uses the image tag and inherits the Ionic Framework CSS styles.\n </p>\n </ion-card-content>\n </ion-card>\n\n <ion-card>\n <img-loader src=\"https://static.pexels.com/photos/132893/pexels-photo-132893-large.jpeg\" height=\"400px\" backgroundSize=\"cover\"></img-loader>\n <ion-card-content>\n <ion-card-title>\n An awesome card\n </ion-card-title>\n <p>\n This is a card that DOES NOT use the image tag and has a custom height. Also, it's background size is set to \"cover\".\n </p>\n </ion-card-content>\n </ion-card>\n\n <ion-card>\n <img-loader src=\"https://static.pexels.com/photos/166422/pexels-photo-166422-large.jpeg\" useImg></img-loader>\n <ion-card-content>\n <ion-card-title>\n An awesome card\n </ion-card-title>\n <p>\n This is a card that uses the image tag and inherits the Ionic Framework CSS styles.\n </p>\n </ion-card-content>\n </ion-card>\n\n <ion-card bg>\n <img-loader src=\"https://static.pexels.com/photos/128845/pexels-photo-128845-large.jpeg\" useImg></img-loader>\n <div class=\"card-title\">\n An awesome card\n </div>\n <div class=\"card-subtitle\">\n This is a card that uses the image tag and inherits the Ionic Framework CSS styles.\n </div>\n </ion-card>\n\n <ion-card bg>\n <img-loader src=\"https://static.pexels.com/photos/194730/pexels-photo-194730-large.jpeg\" useImg></img-loader>\n <div class=\"card-title\">\n An awesome card\n </div>\n <div class=\"card-subtitle\">\n This is a card that uses the image tag and inherits the Ionic Framework CSS styles.\n </div>\n </ion-card>\n\n</ion-content>"
/***/ }),
/***/ "./src/app/cards/cards.page.scss":
/*!***************************************!*\
!*** ./src/app/cards/cards.page.scss ***!
\***************************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = "page-cards ion-card[bg] {\n position: relative;\n text-align: center; }\n page-cards ion-card[bg] .card-title {\n position: absolute;\n top: 36%;\n font-size: 2.0em;\n width: 100%;\n font-weight: bold;\n color: #fff; }\n page-cards ion-card[bg] .card-subtitle {\n font-size: 1.0em;\n position: absolute;\n top: 52%;\n width: 100%;\n color: #fff; }\n"
/***/ }),
/***/ "./src/app/cards/cards.page.ts":
/*!*************************************!*\
!*** ./src/app/cards/cards.page.ts ***!
\*************************************/
/*! exports provided: CardsPage */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CardsPage", function() { return CardsPage; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var CardsPage = /** @class */ (function () {
function CardsPage() {
}
CardsPage.prototype.ngOnInit = function () {
};
CardsPage = __decorate([
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
selector: 'app-cards',
template: __webpack_require__(/*! ./cards.page.html */ "./src/app/cards/cards.page.html"),
styles: [__webpack_require__(/*! ./cards.page.scss */ "./src/app/cards/cards.page.scss")],
}),
__metadata("design:paramtypes", [])
], CardsPage);
return CardsPage;
}());
/***/ })
}]);
//# sourceMappingURL=cards-cards-module.js.map