@totvs-agro/mobile-components
Version:
Componentes Mobile Totvs (Front-End) para utilização dos estilos do T-Faces e Ionic v3
132 lines • 14 kB
JavaScript
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
import { Component, ViewChild, Input } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { NavController, NavParams } from 'ionic-angular';
import { CropperSettings, ImageCropperComponent } from 'ng2-img-cropper';
import { ImageUtil } from '../../util/image-util';
var TEMPLATE = "\n<ion-content>\n <div class=\"crop-container\">\n <img-cropper #cropper [image]=\"_data\" [settings]=\"cropperSettings\" (onCrop)=\"handleCropping($event)\">\n </img-cropper>\n </div>\n</ion-content>\n<ion-footer>\n <button class=\"footer-button\" ion-button full (click)=\"conclude()\">{{ 'COMMON.CONCLUDE' | tTranslate }}</button>\n</ion-footer>";
var ImageEditComponent = /** @class */ (function () {
function ImageEditComponent(navCtrl, navParams,
//private _screenOrientation: ScreenOrientation,
_sanitizer, _imageUtil) {
this.navCtrl = navCtrl;
this.navParams = navParams;
this._sanitizer = _sanitizer;
this._imageUtil = _imageUtil;
this._isEdit = true;
this.cropperSettings = new CropperSettings();
this.cropperSettings.width = 400;
this.cropperSettings.height = 400;
this.cropperSettings.minWithRelativeToResolution = true;
this.cropperSettings.noFileInput = true;
this.cropperSettings.cropperDrawSettings.strokeColor = 'rgba(255,255,255,1)';
this.cropperSettings.cropperDrawSettings.strokeWidth = 2;
this.cropperSettings.preserveSize = true;
this.cropperSettings.fileType = 'image/jpeg';
this.cropperSettings.compressRatio = 3.3;
this.cropperSettings.dynamicSizing = true;
this.cropperSettings.cropperClass = "mask";
this.cropperSettings.croppingClass = "maskCrop";
this.cropperSettings.cropOnResize = true;
this.cropperSettings.markerSizeMultiplier = 1;
this.cropperSettings.showCenterMarker = true;
this.cropperSettings.keepAspect = true;
this.cropperSettings.rounded = false;
this._data = {};
/*this._image = {
_id: "",
encoding: ""
}*/
//let image1 = "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";
//let base64File = this._imageUtil.addBase64Prefix(image1);
//this._image = { _id: '1234', encoding: base64File };
//this._screenOrientation.lock(this._screenOrientation.ORIENTATIONS.PORTRAIT);
}
ImageEditComponent.prototype.handleCropping = function (bounds) {
this.croppedHeight = bounds.bottom - bounds.top;
this.croppedWidth = bounds.right - bounds.left;
};
ImageEditComponent.prototype.ngAfterViewInit = function () {
var _this = this;
this._imageBase64Sanitizer = this._sanitizer.bypassSecurityTrustUrl(this._image.encoding);
if (this._isEdit) {
var image_1 = new Image();
image_1.src = this._image.encoding;
image_1.onload = function () {
if (_this.ImageCropper) {
_this.ImageCropper.setImage(image_1);
//this.hideCustomSplash();
}
};
}
};
ImageEditComponent.prototype.ionViewDidLeave = function () {
//this._screenOrientation.unlock();
};
ImageEditComponent.prototype.conclude = function () {
return __awaiter(this, void 0, void 0, function () {
return __generator(this, function (_a) {
//this._events.publish(TopicsEventsPublishComponents.PROFILE_CROP_IMAGE, this._data.image);
this.callback(this._data.image);
this.navCtrl.pop();
return [2 /*return*/];
});
});
};
ImageEditComponent.decorators = [
{ type: Component, args: [{
selector: 'image-edit',
template: TEMPLATE
},] },
];
/** @nocollapse */
ImageEditComponent.ctorParameters = function () { return [
{ type: NavController, },
{ type: NavParams, },
{ type: DomSanitizer, },
{ type: ImageUtil, },
]; };
ImageEditComponent.propDecorators = {
"_image": [{ type: Input, args: ['image',] },],
"callback": [{ type: Input, args: ['callback',] },],
"ImageCropper": [{ type: ViewChild, args: ['cropper',] },],
};
return ImageEditComponent;
}());
export { ImageEditComponent };
//# sourceMappingURL=image-edit.js.map