@materia/users
Version:
Signin/signup your users in your Materia application
840 lines (811 loc) • 90.3 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('@materia/addons'), require('@angular/common/http'), require('@angular/forms'), require('@angular/material/card'), require('@angular/flex-layout/flex'), require('@angular/material/toolbar'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/datepicker'), require('@angular/material/icon'), require('@angular/material/badge'), require('@angular/material/tooltip'), require('@angular/material/paginator'), require('@angular/material/progress-spinner'), require('@angular/material/expansion'), require('@angular/material/select'), require('@angular/material/core'), require('@angular/material/radio'), require('@angular/flex-layout'), require('@angular/material/list'), require('@angular/material/snack-bar'), require('@angular/material/stepper')) :
typeof define === 'function' && define.amd ? define('@materia/users', ['exports', '@angular/core', '@angular/material/dialog', '@materia/addons', '@angular/common/http', '@angular/forms', '@angular/material/card', '@angular/flex-layout/flex', '@angular/material/toolbar', '@angular/material/form-field', '@angular/material/input', '@angular/common', '@angular/material/button', '@angular/material/checkbox', '@angular/material/datepicker', '@angular/material/icon', '@angular/material/badge', '@angular/material/tooltip', '@angular/material/paginator', '@angular/material/progress-spinner', '@angular/material/expansion', '@angular/material/select', '@angular/material/core', '@angular/material/radio', '@angular/flex-layout', '@angular/material/list', '@angular/material/snack-bar', '@angular/material/stepper'], factory) :
(global = global || self, factory((global.materia = global.materia || {}, global.materia.users = {}), global.ng.core, global.ng.material.dialog, global.addons, global.ng.common.http, global.ng.forms, global.ng.material.card, global.ng['flex-layout'].flex, global.ng.material.toolbar, global.ng.material['form-field'], global.ng.material.input, global.ng.common, global.ng.material.button, global.ng.material.checkbox, global.ng.material.datepicker, global.ng.material.icon, global.ng.material.badge, global.ng.material.tooltip, global.ng.material.paginator, global.ng.material['progress-spinner'], global.ng.material.expansion, global.ng.material.select, global.ng.material.core, global.ng.material.radio, global.ng['flex-layout'], global.ng.material.list, global.ng.material['snack-bar'], global.ng.material.stepper));
}(this, (function (exports, core, dialog, addons, http, forms, card, flex, toolbar, formField, input, common, button, checkbox, datepicker, icon, badge, tooltip, paginator, progressSpinner, expansion, select, core$1, radio, flexLayout, list, snackBar, stepper) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __decorate(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;
}
function __param(paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); }
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
}
function __awaiter(thisArg, _arguments, P, generator) {
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) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(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 };
}
}
function __exportStar(m, exports) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
function __values(o) {
var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
if (m) return m.call(o);
return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
}
function __read(o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
}
function __spread() {
for (var ar = [], i = 0; i < arguments.length; i++)
ar = ar.concat(__read(arguments[i]));
return ar;
}
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
function __await(v) {
return this instanceof __await ? (this.v = v, this) : new __await(v);
}
function __asyncGenerator(thisArg, _arguments, generator) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var g = generator.apply(thisArg, _arguments || []), i, q = [];
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
function fulfill(value) { resume("next", value); }
function reject(value) { resume("throw", value); }
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
}
function __asyncDelegator(o) {
var i, p;
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
}
function __asyncValues(o) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var m = o[Symbol.asyncIterator], i;
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
function __importStar(mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result.default = mod;
return result;
}
function __importDefault(mod) {
return (mod && mod.__esModule) ? mod : { default: mod };
}
function ParamInputComponent_mat_checkbox_2_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "mat-checkbox", 6);
} if (rf & 2) {
var ctx_r0 = core["ɵɵnextContext"]();
core["ɵɵproperty"]("formControlName", ctx_r0.checkboxName);
} }
function ParamInputComponent_mat_form_field_3_input_1_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "input", 15);
} if (rf & 2) {
var ctx_r4 = core["ɵɵnextContext"](2);
core["ɵɵproperty"]("formControlName", ctx_r4.param.name)("placeholder", ctx_r4.label)("type", ctx_r4.actualComponent);
} }
function ParamInputComponent_mat_form_field_3_input_2_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "input", 16);
} if (rf & 2) {
var ctx_r5 = core["ɵɵnextContext"](2);
core["ɵɵproperty"]("placeholder", ctx_r5.label)("formControlName", ctx_r5.param.name);
} }
function ParamInputComponent_mat_form_field_3_textarea_3_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "textarea", 17);
} if (rf & 2) {
var ctx_r6 = core["ɵɵnextContext"](2);
core["ɵɵproperty"]("placeholder", ctx_r6.label)("formControlName", ctx_r6.param.name);
} }
function ParamInputComponent_mat_form_field_3_input_4_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "input", 18);
} if (rf & 2) {
core["ɵɵnextContext"]();
var _r9 = core["ɵɵreference"](7);
var ctx_r7 = core["ɵɵnextContext"]();
core["ɵɵproperty"]("formControlName", ctx_r7.param.name)("matDatepicker", _r9)("placeholder", ctx_r7.param.name);
} }
function ParamInputComponent_mat_form_field_3_mat_datepicker_toggle_5_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "mat-datepicker-toggle", 19);
} if (rf & 2) {
core["ɵɵnextContext"]();
var _r9 = core["ɵɵreference"](7);
core["ɵɵproperty"]("for", _r9);
} }
function ParamInputComponent_mat_form_field_3_mat_error_8_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "mat-error");
core["ɵɵtext"](1);
core["ɵɵelementStart"](2, "strong");
core["ɵɵtext"](3, "required");
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r10 = core["ɵɵnextContext"](2);
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate1"](" ", ctx_r10.param.name, " is ");
} }
function ParamInputComponent_mat_form_field_3_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "mat-form-field", 7);
core["ɵɵtemplate"](1, ParamInputComponent_mat_form_field_3_input_1_Template, 1, 3, "input", 8);
core["ɵɵtemplate"](2, ParamInputComponent_mat_form_field_3_input_2_Template, 1, 2, "input", 9);
core["ɵɵtemplate"](3, ParamInputComponent_mat_form_field_3_textarea_3_Template, 1, 2, "textarea", 10);
core["ɵɵtemplate"](4, ParamInputComponent_mat_form_field_3_input_4_Template, 1, 3, "input", 11);
core["ɵɵtemplate"](5, ParamInputComponent_mat_form_field_3_mat_datepicker_toggle_5_Template, 1, 1, "mat-datepicker-toggle", 12);
core["ɵɵelement"](6, "mat-datepicker", null, 13);
core["ɵɵtemplate"](8, ParamInputComponent_mat_form_field_3_mat_error_8_Template, 4, 1, "mat-error", 14);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r1 = core["ɵɵnextContext"]();
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx_r1.type != "boolean" && ctx_r1.type != "date" && ctx_r1.type != "float" && ctx_r1.actualComponent != "textarea");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx_r1.type == "float");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx_r1.actualComponent == "textarea");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx_r1.type == "date");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx_r1.type == "date");
core["ɵɵadvance"](3);
core["ɵɵproperty"]("ngIf", ctx_r1.requiredError);
} }
function ParamInputComponent_mat_checkbox_4_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "mat-checkbox", 20);
core["ɵɵtext"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r2 = core["ɵɵnextContext"]();
core["ɵɵproperty"]("formControlName", ctx_r2.param.name);
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate"](ctx_r2.label);
} }
function ParamInputComponent_div_5_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "div", 21);
core["ɵɵelementStart"](1, "label");
core["ɵɵtext"](2);
core["ɵɵelementEnd"]();
core["ɵɵelement"](3, "textarea", 22);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r3 = core["ɵɵnextContext"]();
core["ɵɵadvance"](2);
core["ɵɵtextInterpolate"](ctx_r3.label);
core["ɵɵadvance"](1);
core["ɵɵproperty"]("formControlName", ctx_r3.param.name);
} }
var DefaultComponent = Object.freeze({
text: 'text',
number: 'text',
date: 'date',
float: 'text',
boolean: 'switch'
});
var ParamInputComponent = /** @class */ (function () {
function ParamInputComponent() {
this.showAsterisk = true;
this.showCheckbox = true;
this.changed = new core.EventEmitter();
}
Object.defineProperty(ParamInputComponent.prototype, "requiredError", {
get: function () {
return (this.form.get(this.param.name) &&
this.form.get(this.param.name).hasError('required'));
},
enumerable: true,
configurable: true
});
Object.defineProperty(ParamInputComponent.prototype, "checkboxName", {
get: function () {
return this.param.name + "_check";
},
enumerable: true,
configurable: true
});
ParamInputComponent.prototype.ngOnInit = function () {
var _this = this;
this.type = this.param.type;
if (!this.label) {
this.label = this.param.name;
if (this.param.required && this.showAsterisk) {
this.label += '*';
}
}
if (this.param && this.param.component) {
if (this.param.component === 'input') {
if (this.param.type === 'text' || this.param.type === 'string') {
this.actualComponent = 'text';
}
else if (this.param.type === 'number') {
this.actualComponent = 'number';
}
else {
this.actualComponent = this.param.component;
}
}
else {
if (this.param.component === 'datePicker') {
this.actualComponent = 'date';
}
else if (this.param.component === 'timePicker') {
this.actualComponent = 'time';
}
else if (this.param.component === 'dateTimePicker') {
this.actualComponent = 'datetime-local';
}
else {
this.actualComponent = this.param.component;
}
}
}
else {
this.actualComponent = DefaultComponent[this.type];
}
if (this.showCheckbox && !this.param.required) {
this.form.get(this.param.name).valueChanges.subscribe(function (val) {
if (val) {
_this.form.get(_this.checkboxName).setValue(true);
}
else {
_this.form.get(_this.checkboxName).setValue(false);
}
});
}
};
ParamInputComponent.ɵfac = function ParamInputComponent_Factory(t) { return new (t || ParamInputComponent)(); };
ParamInputComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: ParamInputComponent, selectors: [["materia-param-input"]], inputs: { param: "param", disabled: "disabled", form: "form", label: "label", showAsterisk: "showAsterisk", showCheckbox: "showCheckbox" }, outputs: { changed: "changed" }, decls: 6, vars: 5, consts: [["fxLayout", "row", 3, "formGroup"], ["fxLayout", "row", "fxFlex", ""], [3, "formControlName", 4, "ngIf"], ["fxFlex", "", 4, "ngIf"], ["tabindex", "0", "style", "top: 0;", 3, "formControlName", 4, "ngIf"], ["class", "markdown", "fxLayout", "column", "fxFlex", "", 4, "ngIf"], [3, "formControlName"], ["fxFlex", ""], ["tabindex", "0", "matInput", "", 3, "formControlName", "placeholder", "type", 4, "ngIf"], ["matInput", "", "tabindex", "0", "type", "number", "step", "any", 3, "placeholder", "formControlName", 4, "ngIf"], ["tabindex", "0", "matInput", "", 3, "placeholder", "formControlName", 4, "ngIf"], ["matInput", "", "tabindex", "0", 3, "formControlName", "matDatepicker", "placeholder", 4, "ngIf"], ["matSuffix", "", 3, "for", 4, "ngIf"], ["picker", ""], [4, "ngIf"], ["tabindex", "0", "matInput", "", 3, "formControlName", "placeholder", "type"], ["matInput", "", "tabindex", "0", "type", "number", "step", "any", 3, "placeholder", "formControlName"], ["tabindex", "0", "matInput", "", 3, "placeholder", "formControlName"], ["matInput", "", "tabindex", "0", 3, "formControlName", "matDatepicker", "placeholder"], ["matSuffix", "", 3, "for"], ["tabindex", "0", 2, "top", "0", 3, "formControlName"], ["fxLayout", "column", "fxFlex", "", 1, "markdown"], ["tabindex", "0", "simplemde", "{spellChecker: false, toolbar: ['bold', 'italic', 'heading', '|', 'quote', 'unordered-list', 'ordered-list', '|', 'link', 'image', 'table']}", 3, "formControlName"]], template: function ParamInputComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "div", 0);
core["ɵɵelementStart"](1, "div", 1);
core["ɵɵtemplate"](2, ParamInputComponent_mat_checkbox_2_Template, 1, 1, "mat-checkbox", 2);
core["ɵɵtemplate"](3, ParamInputComponent_mat_form_field_3_Template, 9, 6, "mat-form-field", 3);
core["ɵɵtemplate"](4, ParamInputComponent_mat_checkbox_4_Template, 2, 2, "mat-checkbox", 4);
core["ɵɵtemplate"](5, ParamInputComponent_div_5_Template, 4, 2, "div", 5);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵproperty"]("formGroup", ctx.form);
core["ɵɵadvance"](2);
core["ɵɵproperty"]("ngIf", !ctx.param.required && ctx.showCheckbox && ctx.type !== "boolean");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx.type != "boolean" && ctx.actualComponent != "markdown" && ctx.actualComponent != "article");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx.type == "boolean");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx.actualComponent == "markdown");
} }, directives: [flex.DefaultLayoutDirective, forms.NgControlStatusGroup, forms.FormGroupDirective, flex.DefaultFlexDirective, common.NgIf, checkbox.MatCheckbox, forms.NgControlStatus, forms.FormControlName, formField.MatFormField, datepicker.MatDatepicker, input.MatInput, forms.DefaultValueAccessor, forms.NumberValueAccessor, datepicker.MatDatepickerInput, datepicker.MatDatepickerToggle, formField.MatSuffix, formField.MatError], styles: [""] });
return ParamInputComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](ParamInputComponent, [{
type: core.Component,
args: [{
selector: 'materia-param-input',
templateUrl: './param-input.component.html',
styleUrls: ['./param-input.component.scss']
}]
}], function () { return []; }, { param: [{
type: core.Input
}], disabled: [{
type: core.Input
}], form: [{
type: core.Input
}], label: [{
type: core.Input
}], showAsterisk: [{
type: core.Input
}], showCheckbox: [{
type: core.Input
}], changed: [{
type: core.Output
}] }); })();
var _c0 = ["template"];
function SignupFormComponent_ng_template_0_div_8_materia_param_input_1_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelement"](0, "materia-param-input", 9);
} if (rf & 2) {
var param_r4 = ctx.$implicit;
var ctx_r3 = core["ɵɵnextContext"](3);
core["ɵɵproperty"]("showCheckbox", false)("form", ctx_r3.signupForm)("param", param_r4);
} }
function SignupFormComponent_ng_template_0_div_8_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "div");
core["ɵɵtemplate"](1, SignupFormComponent_ng_template_0_div_8_materia_param_input_1_Template, 1, 3, "materia-param-input", 8);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r2 = core["ɵɵnextContext"](2);
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngForOf", ctx_r2.profileFields);
} }
function SignupFormComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
var _r6 = core["ɵɵgetCurrentView"]();
core["ɵɵelementStart"](0, "mat-card", 1);
core["ɵɵelementStart"](1, "mat-toolbar");
core["ɵɵtext"](2, "Create a new user");
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](3, "form", 2);
core["ɵɵelementStart"](4, "mat-form-field");
core["ɵɵelement"](5, "input", 3);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](6, "mat-form-field");
core["ɵɵelement"](7, "input", 4);
core["ɵɵelementEnd"]();
core["ɵɵtemplate"](8, SignupFormComponent_ng_template_0_div_8_Template, 2, 1, "div", 5);
core["ɵɵelementStart"](9, "div");
core["ɵɵelementStart"](10, "button", 6);
core["ɵɵlistener"]("click", function SignupFormComponent_ng_template_0_Template_button_click_10_listener() { core["ɵɵrestoreView"](_r6); var ctx_r5 = core["ɵɵnextContext"](); return ctx_r5.signup.emit(ctx_r5.signupForm.value); });
core["ɵɵtext"](11, "Create");
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](12, "button", 7);
core["ɵɵlistener"]("click", function SignupFormComponent_ng_template_0_Template_button_click_12_listener() { core["ɵɵrestoreView"](_r6); var ctx_r7 = core["ɵɵnextContext"](); return ctx_r7.cancel.emit(); });
core["ɵɵtext"](13, "Cancel");
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r1 = core["ɵɵnextContext"]();
core["ɵɵadvance"](3);
core["ɵɵproperty"]("formGroup", ctx_r1.signupForm);
core["ɵɵadvance"](5);
core["ɵɵproperty"]("ngIf", ctx_r1.profileFields.length > 0);
} }
var SignupFormComponent = /** @class */ (function () {
function SignupFormComponent(fb) {
this.fb = fb;
this.signup = new core.EventEmitter();
this.cancel = new core.EventEmitter();
}
SignupFormComponent.prototype.ngOnChanges = function (changes) {
if (changes.profileFields && changes.profileFields.currentValue) {
this.initForm();
}
};
SignupFormComponent.prototype.initForm = function () {
this.signupForm = this.fb.group(Object.assign({}, {
email: ['', forms.Validators.required],
password: ['', forms.Validators.required]
}, this.getProfileFormGroup()));
};
SignupFormComponent.prototype.getProfileFormGroup = function () {
if (!this.profileFields) {
return {};
}
var result = {};
this.profileFields.forEach(function (field) {
if (field.required) {
result[field.name] = ['', forms.Validators.required];
}
else {
result[field.name] = '';
}
});
return result;
};
SignupFormComponent.prototype.ngOnInit = function () {
this.initForm();
};
SignupFormComponent.prototype.signupClick = function () {
this.signup.emit(this.signupForm.value);
};
SignupFormComponent.ɵfac = function SignupFormComponent_Factory(t) { return new (t || SignupFormComponent)(core["ɵɵdirectiveInject"](forms.FormBuilder)); };
SignupFormComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: SignupFormComponent, selectors: [["materia-signup-form"]], viewQuery: function SignupFormComponent_Query(rf, ctx) { if (rf & 1) {
core["ɵɵstaticViewQuery"](_c0, true);
} if (rf & 2) {
var _t;
core["ɵɵqueryRefresh"](_t = core["ɵɵloadQuery"]()) && (ctx.template = _t.first);
} }, inputs: { profileFields: "profileFields" }, outputs: { signup: "signup", cancel: "cancel" }, features: [core["ɵɵNgOnChangesFeature"]], decls: 2, vars: 0, consts: [["template", ""], ["fxLayout", "column"], ["fxLayout", "column", 2, "padding", "24px", 3, "formGroup"], ["formControlName", "email", "matInput", "", "placeholder", "Email", "required", "", "type", "email", "name", "email"], ["formControlName", "password", "matInput", "", "placeholder", "Password", "required", "", "type", "password", "name", "password"], [4, "ngIf"], ["mat-raised-button", "", "color", "primary", 3, "click"], ["mat-raised-button", "", 3, "click"], [3, "showCheckbox", "form", "param", 4, "ngFor", "ngForOf"], [3, "showCheckbox", "form", "param"]], template: function SignupFormComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵtemplate"](0, SignupFormComponent_ng_template_0_Template, 14, 2, "ng-template", null, 0, core["ɵɵtemplateRefExtractor"]);
} }, directives: [card.MatCard, flex.DefaultLayoutDirective, toolbar.MatToolbar, forms["ɵangular_packages_forms_forms_y"], forms.NgControlStatusGroup, forms.FormGroupDirective, formField.MatFormField, forms.DefaultValueAccessor, input.MatInput, forms.NgControlStatus, forms.FormControlName, forms.RequiredValidator, common.NgIf, button.MatButton, common.NgForOf, ParamInputComponent], styles: ["mat-card[_ngcontent-%COMP%]{width:300px;margin:0p;padding:0}"] });
return SignupFormComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](SignupFormComponent, [{
type: core.Component,
args: [{
selector: 'materia-signup-form',
templateUrl: './signup-form.component.html',
styleUrls: ['./signup-form.component.scss']
}]
}], function () { return [{ type: forms.FormBuilder }]; }, { signup: [{
type: core.Output
}], cancel: [{
type: core.Output
}], template: [{
type: core.ViewChild,
args: ['template', { static: true }]
}], profileFields: [{
type: core.Input
}] }); })();
var _c0$1 = ["signupPanel"];
var _c1 = ["changeEmailPanel"];
var _c2 = ["lostPasswordPanel"];
function EmailSettingsComponent_mat_option_11_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "mat-option", 20);
core["ɵɵtext"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var t_r6 = ctx.$implicit;
core["ɵɵproperty"]("value", t_r6.id);
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate2"]("", t_r6.name, " (", t_r6.id, ")");
} }
function EmailSettingsComponent_mat_option_23_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "mat-option", 20);
core["ɵɵtext"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var t_r7 = ctx.$implicit;
core["ɵɵproperty"]("value", t_r7.id);
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate2"]("", t_r7.name, " (", t_r7.id, ")");
} }
function EmailSettingsComponent_mat_option_35_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "mat-option", 20);
core["ɵɵtext"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var t_r8 = ctx.$implicit;
core["ɵɵproperty"]("value", t_r8.id);
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate2"]("", t_r8.name, " (", t_r8.id, ")");
} }
var EmailSettingsComponent = /** @class */ (function () {
function EmailSettingsComponent(http, form) {
this.http = http;
this.form = form;
this.hide = new core.EventEmitter();
this.save = new core.EventEmitter();
}
EmailSettingsComponent.prototype.ngOnInit = function () {
this.emailForm = this.form.group({
method: [
this.getSettingsProperty('method', 'session'),
forms.Validators.required
],
user_profile_enabled: [
this.getSettingsProperty('user_profile_enabled', false)
],
user_profile_entity: [
this.getSettingsProperty('user_profile_entity', '')
],
email_verification: [
this.getSettingsProperty('email_verification', false)
],
email_addon: [this.getSettingsProperty('email_addon', false)],
template_signup: [this.getSettingsProperty('template_signup', '')],
redirect_signup: [this.getSettingsProperty('redirect_signup', '')],
subject_signup: [this.getSettingsProperty('subject_signup', '')],
subject_lost_password: [this.getSettingsProperty('subject_lost_password', '')],
subject_change_email: [this.getSettingsProperty('subject_change_email', '')],
template_lost_password: [
this.getSettingsProperty('template_lost_password', '')
],
redirect_lost_password: [
this.getSettingsProperty('redirect_lost_password', '')
],
template_change_email: [
this.getSettingsProperty('template_change_email', '')
],
redirect_change_email: [
this.getSettingsProperty('redirect_change_email', '')
]
});
this.refreshTemplates();
};
EmailSettingsComponent.prototype.refreshTemplates = function () {
var _this = this;
if (this.settings.email_addon === '@materia/mailjet') {
this.http
.post(this.baseUrl + "/entities/mailjet_template/queries/list", { limit: 1000 })
.subscribe(function (data) {
_this.templates = data.data
.filter(function (row) { return row.OwnerId !== 0; })
.map(function (row) {
return {
name: row.Name,
id: row.ID
};
});
});
}
else if (this.settings.email_addon === '@materia/sendgrid') {
this.http
.post(this.baseUrl + "/entities/sendgrid_template/queries/listTemplates", {})
.subscribe(function (data) {
_this.templates = data && data.data && data.data;
// TODO...
});
}
};
EmailSettingsComponent.prototype.saveEmailSettings = function () {
if (this.emailForm.valid) {
this.save.emit(this.emailForm.value);
}
};
EmailSettingsComponent.prototype.cancel = function () {
this.hide.emit();
};
EmailSettingsComponent.prototype.getSettingsProperty = function (property, defaultValue) {
return (this.settings && this.settings[property]) || defaultValue;
};
EmailSettingsComponent.ɵfac = function EmailSettingsComponent_Factory(t) { return new (t || EmailSettingsComponent)(core["ɵɵdirectiveInject"](http.HttpClient), core["ɵɵdirectiveInject"](forms.FormBuilder)); };
EmailSettingsComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: EmailSettingsComponent, selectors: [["materia-user-management-email-settings"]], viewQuery: function EmailSettingsComponent_Query(rf, ctx) { if (rf & 1) {
core["ɵɵstaticViewQuery"](_c0$1, true);
core["ɵɵstaticViewQuery"](_c1, true);
core["ɵɵstaticViewQuery"](_c2, true);
} if (rf & 2) {
var _t;
core["ɵɵqueryRefresh"](_t = core["ɵɵloadQuery"]()) && (ctx.signupPanel = _t.first);
core["ɵɵqueryRefresh"](_t = core["ɵɵloadQuery"]()) && (ctx.changeEmailPanel = _t.first);
core["ɵɵqueryRefresh"](_t = core["ɵɵloadQuery"]()) && (ctx.lostPasswordPanel = _t.first);
} }, inputs: { settings: "settings", baseUrl: "baseUrl" }, outputs: { hide: "hide", save: "save" }, decls: 43, vars: 5, consts: [[3, "formGroup"], ["fxLayout", "column", 3, "expanded"], ["signupPanel", ""], ["fxLayout", "column", 1, "panel-content"], ["matInput", "", "placeholder", "Subject", "formControlName", "subject_signup"], ["placeholder", "Template", "formControlName", "template_signup"], [3, "value", 4, "ngFor", "ngForOf"], ["matInput", "", "placeholder", "Redirect URL", "formControlName", "redirect_signup"], ["changeEmailPanel", ""], ["matInput", "", "placeholder", "Subject", "formControlName", "subject_change_email"], ["placeholder", "Template", "formControlName", "template_change_email"], ["matInput", "", "placeholder", "Redirect URL", "formControlName", "redirect_change_email"], ["fxLayout", "column"], ["lostPasswordPanel", ""], ["matInput", "", "placeholder", "Subject", "formControlName", "subject_lost_password"], ["placeholder", "Template", "formControlName", "template_lost_password"], ["matInput", "", "placeholder", "Redirect URL", "formControlName", "redirect_lost_password"], [2, "margin", "16px 0", "text-align", "center"], ["mat-raised-button", "", "color", "primary", 2, "margin-right", "8px", 3, "click"], ["mat-raised-button", "", 3, "click"], [3, "value"]], template: function EmailSettingsComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "form", 0);
core["ɵɵelementStart"](1, "mat-accordion");
core["ɵɵelementStart"](2, "mat-expansion-panel", 1, 2);
core["ɵɵelementStart"](4, "mat-expansion-panel-header");
core["ɵɵtext"](5, " Signup ");
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](6, "div", 3);
core["ɵɵelementStart"](7, "mat-form-field");
core["ɵɵelement"](8, "input", 4);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](9, "mat-form-field");
core["ɵɵelementStart"](10, "mat-select", 5);
core["ɵɵtemplate"](11, EmailSettingsComponent_mat_option_11_Template, 2, 3, "mat-option", 6);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](12, "mat-form-field");
core["ɵɵelement"](13, "input", 7);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](14, "mat-expansion-panel", null, 8);
core["ɵɵelementStart"](16, "mat-expansion-panel-header");
core["ɵɵtext"](17, " Change email ");
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](18, "div", 3);
core["ɵɵelementStart"](19, "mat-form-field");
core["ɵɵelement"](20, "input", 9);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](21, "mat-form-field");
core["ɵɵelementStart"](22, "mat-select", 10);
core["ɵɵtemplate"](23, EmailSettingsComponent_mat_option_23_Template, 2, 3, "mat-option", 6);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](24, "mat-form-field");
core["ɵɵelement"](25, "input", 11);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](26, "mat-expansion-panel", 12, 13);
core["ɵɵelementStart"](28, "mat-expansion-panel-header");
core["ɵɵtext"](29, " Lost password ");
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](30, "div", 3);
core["ɵɵelementStart"](31, "mat-form-field");
core["ɵɵelement"](32, "input", 14);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](33, "mat-form-field");
core["ɵɵelementStart"](34, "mat-select", 15);
core["ɵɵtemplate"](35, EmailSettingsComponent_mat_option_35_Template, 2, 3, "mat-option", 6);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](36, "mat-form-field");
core["ɵɵelement"](37, "input", 16);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](38, "div", 17);
core["ɵɵelementStart"](39, "button", 18);
core["ɵɵlistener"]("click", function EmailSettingsComponent_Template_button_click_39_listener() { return ctx.saveEmailSettings(); });
core["ɵɵtext"](40, "Save");
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](41, "button", 19);
core["ɵɵlistener"]("click", function EmailSettingsComponent_Template_button_click_41_listener() { return ctx.hide.emit(); });
core["ɵɵtext"](42, "Cancel");
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵproperty"]("formGroup", ctx.emailForm);
core["ɵɵadvance"](2);
core["ɵɵproperty"]("expanded", true);
core["ɵɵadvance"](9);
core["ɵɵproperty"]("ngForOf", ctx.templates);
core["ɵɵadvance"](12);
core["ɵɵproperty"]("ngForOf", ctx.templates);
core["ɵɵadvance"](12);
core["ɵɵproperty"]("ngForOf", ctx.templates);
} }, directives: [forms["ɵangular_packages_forms_forms_y"], forms.NgControlStatusGroup, forms.FormGroupDirective, expansion.MatAccordion, expansion.MatExpansionPanel, flex.DefaultLayoutDirective, expansion.MatExpansionPanelHeader, formField.MatFormField, input.MatInput, forms.DefaultValueAccessor, forms.NgControlStatus, forms.FormControlName, select.MatSelect, common.NgForOf, button.MatButton, core$1.MatOption], styles: [".panel-content[_ngcontent-%COMP%]{margin:0 24px!important}"] });
return EmailSettingsComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](EmailSettingsComponent, [{
type: core.Component,
args: [{
selector: 'materia-user-management-email-settings',
templateUrl: './email-settings.component.html',
styleUrls: ['./email-settings.component.scss']
}]
}], function () { return [{ type: http.HttpClient }, { type: forms.FormBuilder }]; }, { settings: [{
type: core.Input
}], baseUrl: [{
type: core.Input
}], hide: [{
type: core.Output
}], save: [{
type: core.Output
}], signupPanel: [{
type: core.ViewChild,
args: ['signupPanel', { static: true }]
}], changeEmailPanel: [{
type: core.ViewChild,
args: ['changeEmailPanel', { static: true }]
}], lostPasswordPanel: [{
type: core.ViewChild,
args: ['lostPasswordPanel', { static: true }]
}] }); })();
function UserManagementViewComponent_div_1_Template(rf, ctx) { if (rf & 1) {
var _r9 = core["ɵɵgetCurrentView"]();
core["ɵɵelementStart"](0, "div", 9);
core["ɵɵtext"](1);
core["ɵɵelementStart"](2, "a", 10);
core["ɵɵlistener"]("click", function UserManagementViewComponent_div_1_Template_a_click_2_listener() { core["ɵɵrestoreView"](_r9); var ctx_r8 = core["ɵɵnextContext"](); return ctx_r8.logout(); });
core["ɵɵtext"](3, "Logout");
core["ɵɵelementEnd"]();
core["ɵɵtext"](4, ") ");
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r0 = core["ɵɵnextContext"]();
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate1"](" Currently connected as ", ctx_r0.me.email, " (");
} }
function UserManagementViewComponent_ng_container_4_button_7_Template(rf, ctx) { if (rf & 1) {
var _r13 = core["ɵɵgetCurrentView"]();
core["ɵɵelementStart"](0, "button", 17);
core["ɵɵlistener"]("click", function UserManagementViewComponent_ng_container_4_button_7_Template_button_click_0_listener() { core["ɵɵrestoreView"](_r13); var ctx_r12 = core["ɵɵnextContext"](2); return ctx_r12.configureEmails(); });
core["ɵɵtext"](1, "Configure emails");
core["ɵɵelementEnd"]();
} }
function UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_span_1_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "span");
core["ɵɵtext"](1, "verified");
core["ɵɵelementEnd"]();
} }
function UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
var _r25 = core["ɵɵgetCurrentView"]();
core["ɵɵelementStart"](0, "button", 30);
core["ɵɵlistener"]("click", function UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_ng_template_2_Template_button_click_0_listener() { core["ɵɵrestoreView"](_r25); var user_r18 = core["ɵɵnextContext"](2).$implicit; var ctx_r23 = core["ɵɵnextContext"](4); return ctx_r23.resendVerification(user_r18.id_user); });
core["ɵɵtext"](1, "Resend verification");
core["ɵɵelementEnd"]();
} }
function UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "div", 28);
core["ɵɵtemplate"](1, UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_span_1_Template, 2, 0, "span", 3);
core["ɵɵtemplate"](2, UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_ng_template_2_Template, 2, 0, "ng-template", null, 29, core["ɵɵtemplateRefExtractor"]);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var _r21 = core["ɵɵreference"](3);
var user_r18 = core["ɵɵnextContext"]().$implicit;
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", user_r18.verified)("ngIfElse", _r21);
} }
function UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "div", 24);
core["ɵɵelement"](1, "img", 25);
core["ɵɵelementStart"](2, "div", 26);
core["ɵɵtext"](3);
core["ɵɵelementEnd"]();
core["ɵɵtemplate"](4, UserManagementViewComponent_ng_container_4_ng_container_11_div_1_div_2_div_4_Template, 4, 2, "div", 27);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var user_r18 = ctx.$implicit;
var ctx_r17 = core["ɵɵnextContext"](4);
core["ɵɵadvance"](1);
core["ɵɵproperty"]("src", user_r18.gravatar, core["ɵɵsanitizeUrl"]);
core["ɵɵadvance"](2);
core["ɵɵtextInterpolate"](user_r18.email);
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx_r17.settings == null ? null : ctx_r17.settings.email_verification);
} }
function UserManagementViewComponent_ng_container_4_ng_container_11_div_1_Template(rf, ctx) { if (rf & 1) {
var _r28 = core["ɵɵgetCurrentView"]();