angular2-image-gallery
Advanced tools
Comparing version
@@ -0,1 +1,2 @@ | ||
"use strict"; | ||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
@@ -7,45 +8,34 @@ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; | ||
}; | ||
var __metadata = (this && this.__metadata) || function (k, v) { | ||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); | ||
}; | ||
import { BrowserModule } from "@angular/platform-browser"; | ||
import { NgModule } from "@angular/core"; | ||
import { FormsModule } from "@angular/forms"; | ||
import { HttpModule } from "@angular/http"; | ||
import { GalleryComponent } from "./gallery/gallery.component"; | ||
import { ViewerComponent } from "./viewer/viewer.component"; | ||
import { MaterialModule } from "@angular/material"; | ||
import { ImageService } from "./services/image.service"; | ||
import { DemoComponent } from "./demo/demo.component"; | ||
export var Angular2ImageGalleryModule = (function () { | ||
var platform_browser_1 = require("@angular/platform-browser"); | ||
var core_1 = require("@angular/core"); | ||
var forms_1 = require("@angular/forms"); | ||
var http_1 = require("@angular/http"); | ||
var gallery_component_1 = require("./gallery/gallery.component"); | ||
var viewer_component_1 = require("./viewer/viewer.component"); | ||
var material_1 = require("@angular/material"); | ||
var image_service_1 = require("./services/image.service"); | ||
var Angular2ImageGalleryModule = (function () { | ||
function Angular2ImageGalleryModule() { | ||
} | ||
Angular2ImageGalleryModule = __decorate([ | ||
NgModule({ | ||
core_1.NgModule({ | ||
declarations: [ | ||
GalleryComponent, | ||
ViewerComponent, | ||
DemoComponent | ||
gallery_component_1.GalleryComponent, | ||
viewer_component_1.ViewerComponent | ||
], | ||
imports: [ | ||
BrowserModule, | ||
FormsModule, | ||
HttpModule, | ||
MaterialModule.forRoot() | ||
platform_browser_1.BrowserModule, | ||
forms_1.FormsModule, | ||
http_1.HttpModule, | ||
material_1.MaterialModule.forRoot() | ||
], | ||
providers: [ | ||
ImageService | ||
], | ||
providers: [image_service_1.ImageService], | ||
exports: [ | ||
GalleryComponent, | ||
ViewerComponent | ||
], | ||
bootstrap: [ | ||
DemoComponent | ||
gallery_component_1.GalleryComponent, | ||
viewer_component_1.ViewerComponent | ||
] | ||
}), | ||
__metadata('design:paramtypes', []) | ||
}) | ||
], Angular2ImageGalleryModule); | ||
return Angular2ImageGalleryModule; | ||
}()); | ||
//# sourceMappingURL=c:/dev/ng2imggallery/src/app/angular2imagegallery.module.js.map | ||
exports.Angular2ImageGalleryModule = Angular2ImageGalleryModule; |
@@ -16,3 +16,4 @@ import { ElementRef, ChangeDetectorRef, QueryList, OnInit, SimpleChanges, OnChanges, EventEmitter, OnDestroy } from "@angular/core"; | ||
windowResize(event: any): void; | ||
private imageDataFilePath; | ||
private imageDataStaticPath; | ||
private imageDataCompletePath; | ||
private dataFileName; | ||
@@ -19,0 +20,0 @@ private images; |
@@ -22,3 +22,4 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { | ||
this.viewerChange = new EventEmitter(); | ||
this.imageDataFilePath = 'assets/img/gallery/'; | ||
this.imageDataStaticPath = 'assets/img/gallery/'; | ||
this.imageDataCompletePath = ''; | ||
this.dataFileName = 'data.json'; | ||
@@ -43,3 +44,6 @@ this.images = []; | ||
// input params changed | ||
this.render(); | ||
if (changes["providedGalleryName"] != null) | ||
this.fetchDataAndRender(); | ||
else | ||
this.render(); | ||
}; | ||
@@ -57,6 +61,6 @@ GalleryComponent.prototype.ngOnDestroy = function () { | ||
var _this = this; | ||
this.imageDataFilePath = this.providedGalleryName != '' ? | ||
this.imageDataFilePath + this.providedGalleryName + '/' + this.dataFileName : | ||
this.imageDataFilePath + this.dataFileName; | ||
this.http.get(this.imageDataFilePath) | ||
this.imageDataCompletePath = this.providedGalleryName != '' ? | ||
this.imageDataStaticPath + this.providedGalleryName + '/' + this.dataFileName : | ||
this.imageDataStaticPath + this.dataFileName; | ||
this.http.get(this.imageDataCompletePath) | ||
.map(function (res) { return res.json(); }) | ||
@@ -63,0 +67,0 @@ .subscribe(function (data) { |
@@ -90,3 +90,4 @@ var fs = require('fs'); | ||
var file = files[fidx]; | ||
if (file != '.gitignore') { | ||
var extension = file.substring(file.indexOf(".")+1, file.length); | ||
if (isSupportedExtension(extension)) { | ||
var filePath = path.join(toConvertAbsoluteBasePath, file); | ||
@@ -286,2 +287,11 @@ if (fs.lstatSync(filePath).isFile()) { | ||
function isSupportedExtension(format) { | ||
var supportedFormats = ["3FR", "8BIM", "8BIMTEXT", "8BIMWTEXT", "APP1", "APP1JPEG", "ART", "ARW", "AVS", "BIE", "BMP", "BMP2", "BMP3", "CACHE", "CALS", "CAPTION", "CIN", "CMYK", "CMYKA", "CR2", "CRW", "CUR", "CUT", "DCM", "DCR", "DCX", "DNG", "DPS", "DPX", "EPDF", "EPI", "EPS", "EPS2", "EPS3", "EPSF", "EPSI", "EPT", | ||
"EPT2", "EPT3", "EXIF", "FAX", "FITS", "FRACTAL", "FPX", "GIF", "GIF87", "GRADIENT", "GRAY", "HISTOGRAM", "HRZ", "HTML", "ICB", "ICC", "ICM", "ICO", "ICON", "IDENTITY", "IMAGE", "INFO", "IPTC", "IPTCTEXT", "IPTCWTEXT", "JBG", "JBIG", "JNG", "JP2", "JPC", "JPEG", "JPG", "K25", "KDC", "LABEL", "M2V", "MAP", "MAT", | ||
"MATTE", "MIFF", "MNG", "MONO", "MPC", "MPEG", "MPG", "MRW", "MSL", "MTV", "MVG", "NEF", "NULL", "OTB", "P7", "PAL", "PALM", "PBM", "PCD", "PCDS", "PCL", "PCT", "PCX", "PDB", "PDF", "PEF", "PFA", "PFB", "PGM", "PGX", "PICON", "PICT", "PIX", "PLASMA", "PNG", "PNG24", "PNG32", "PNG8", "PNM", "PPM", "PREVIEW", "PS", | ||
"PS2", "PS3", "PSD", "PTIF", "PWP", "RAF", "RAS", "RGB", "RGBA", "RLA", "RLE", "SCT", "SFW", "SGI", "SHTML", "STEGANO", "SUN", "SVG", "TEXT", "TGA", "TIFF", "TILE", "TIM", "TOPOL", "TTF", "UIL", "UYVY", "VDA", "VICAR", "VID", "VIFF", "VST", "WBMP", "WMF", "WPG", "X", "X3F", "XBM", "XC", "XCF", "XMP", "XPM", "XV", "XWD", "YUV"]; | ||
return supportedFormats.includes(format.toUpperCase()); | ||
} | ||
init(); |
{ | ||
"name": "angular2-image-gallery", | ||
"version": "0.6.0", | ||
"version": "0.6.1", | ||
"description": "Responsive Angular 2 image gallery", | ||
@@ -5,0 +5,0 @@ "repository": { |
@@ -76,3 +76,3 @@ # Angular 2 Image Gallery | ||
[flexImageSize]="7" | ||
[galleryName]="yourGalleryName" | ||
[galleryName]="'yourGalleryName'" | ||
(viewerChange)="yourNotificationFunction($event)"> | ||
@@ -79,0 +79,0 @@ </gallery> |
Sorry, the diff of this file is not supported yet
73652
2.15%984
0.82%