@memberjunction/ng-dashboards 5.10.1 → 5.12.0

package/dist/Scheduling/components/job-slideout.component.js

@@ -1,459 +0,0 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../services/scheduling-instrumentation.service";
-import * as i2 from "@angular/forms";
-import * as i3 from "@memberjunction/ng-code-editor";
-import * as i4 from "@angular/common";
-function JobSlideoutComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "i", 33);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
-} }
-function JobSlideoutComponent_For_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 16);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const t_r2 = ctx.$implicit;
-    i0.ɵɵproperty("value", t_r2.id);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(t_r2.name);
-} }
-function JobSlideoutComponent_For_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 16);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const s_r3 = ctx.$implicit;
-    i0.ɵɵproperty("value", s_r3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(s_r3);
-} }
-function JobSlideoutComponent_For_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 16);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const tz_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", tz_r4);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tz_r4);
-} }
-function JobSlideoutComponent_For_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 16);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const c_r5 = ctx.$implicit;
-    i0.ɵɵproperty("value", c_r5);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(c_r5);
-} }
-function JobSlideoutComponent_Conditional_84_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
-    i0.ɵɵtext(2, "Statistics");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 34)(4, "div", 35)(5, "span", 36);
-    i0.ɵɵtext(6, "Total Runs");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 37);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 35)(10, "span", 36);
-    i0.ɵɵtext(11, "Success");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 38);
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 35)(15, "span", 36);
-    i0.ɵɵtext(16, "Failures");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 39);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 35)(20, "span", 36);
-    i0.ɵɵtext(21, "Created");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "span", 37);
-    i0.ɵɵtext(23);
-    i0.ɵɵpipe(24, "date");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r0.Job.totalRuns);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.Job.successCount);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.Job.failureCount);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(24, 4, ctx_r0.Job.createdAt, "short"));
-} }
-function JobSlideoutComponent_Conditional_87_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 40);
-    i0.ɵɵlistener("click", function JobSlideoutComponent_Conditional_87_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ShowDeleteConfirm = true); });
-    i0.ɵɵelement(1, "i", 41);
-    i0.ɵɵtext(2, " Delete ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", ctx_r0.IsDeleting);
-} }
-function JobSlideoutComponent_Conditional_92_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 30);
-} }
-function JobSlideoutComponent_Conditional_93_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 31);
-} }
-function JobSlideoutComponent_Conditional_95_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 30);
-} }
-function JobSlideoutComponent_Conditional_95_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 32)(1, "div", 42)(2, "div", 43);
-    i0.ɵɵelement(3, "i", 44);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "h3");
-    i0.ɵɵtext(5, "Delete Job");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 45)(9, "button", 46);
-    i0.ɵɵlistener("click", function JobSlideoutComponent_Conditional_95_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.Delete()); });
-    i0.ɵɵconditionalCreate(10, JobSlideoutComponent_Conditional_95_Conditional_10_Template, 1, 0, "i", 30);
-    i0.ɵɵtext(11, " Delete ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 28);
-    i0.ɵɵlistener("click", function JobSlideoutComponent_Conditional_95_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ShowDeleteConfirm = false); });
-    i0.ɵɵtext(13, "Cancel");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate1("Are you sure you want to delete \"", ctx_r0.Name, "\"? This action cannot be undone.");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r0.IsDeleting);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.IsDeleting ? 10 : -1);
-} }
-export class JobSlideoutComponent {
-    schedulingService;
-    cdr;
-    Mode = 'create';
-    Job = null;
-    Close = new EventEmitter();
-    Saved = new EventEmitter();
-    JobTypes = [];
-    IsSaving = false;
-    IsDeleting = false;
-    ShowDeleteConfirm = false;
-    ErrorMessage = '';
-    // Form fields
-    Name = '';
-    Description = '';
-    JobTypeID = '';
-    CronExpression = '';
-    Timezone = 'UTC';
-    Status = 'Pending';
-    ConcurrencyMode = 'Skip';
-    Configuration = '';
-    NotifyOnSuccess = false;
-    NotifyOnFailure = true;
-    StatusOptions = ['Pending', 'Active', 'Paused', 'Disabled'];
-    ConcurrencyOptions = ['Skip', 'Queue', 'Concurrent'];
-    TimezoneOptions = [
-        'UTC',
-        'America/New_York',
-        'America/Chicago',
-        'America/Denver',
-        'America/Los_Angeles',
-        'America/Phoenix',
-        'Europe/London',
-        'Europe/Paris',
-        'Europe/Berlin',
-        'Asia/Tokyo',
-        'Asia/Shanghai',
-        'Australia/Sydney',
-        'Pacific/Auckland'
-    ];
-    constructor(schedulingService, cdr) {
-        this.schedulingService = schedulingService;
-        this.cdr = cdr;
-    }
-    ngOnInit() {
-        this.loadJobTypes();
-        if (this.Mode === 'edit' && this.Job) {
-            this.populateFromJob();
-        }
-    }
-    async loadJobTypes() {
-        this.JobTypes = await this.schedulingService.loadJobTypesForDropdown();
-        if (this.Mode === 'create' && this.JobTypes.length > 0 && !this.JobTypeID) {
-            this.JobTypeID = this.JobTypes[0].id;
-        }
-        this.cdr.markForCheck();
-    }
-    populateFromJob() {
-        if (!this.Job)
-            return;
-        this.Name = this.Job.jobName;
-        this.Description = this.Job.description || '';
-        this.JobTypeID = this.Job.jobTypeId;
-        this.CronExpression = this.Job.cronExpression;
-        this.Timezone = this.Job.timezone;
-        this.Status = this.Job.status;
-        this.ConcurrencyMode = this.Job.concurrencyMode;
-        this.Configuration = this.Job.configuration || '';
-        this.NotifyOnSuccess = this.Job.notifyOnSuccess;
-        this.NotifyOnFailure = this.Job.notifyOnFailure;
-    }
-    get IsValid() {
-        return !!(this.Name.trim() && this.JobTypeID && this.CronExpression.trim());
-    }
-    get Title() {
-        return this.Mode === 'create' ? 'Create New Job' : 'Edit Job';
-    }
-    async Save() {
-        if (!this.IsValid || this.IsSaving)
-            return;
-        this.IsSaving = true;
-        this.ErrorMessage = '';
-        this.cdr.markForCheck();
-        const data = {
-            Name: this.Name.trim(),
-            Description: this.Description.trim() || null,
-            JobTypeID: this.JobTypeID,
-            CronExpression: this.CronExpression.trim(),
-            Timezone: this.Timezone,
-            Status: this.Status,
-            ConcurrencyMode: this.ConcurrencyMode,
-            Configuration: this.Configuration.trim() || null,
-            NotifyOnSuccess: this.NotifyOnSuccess,
-            NotifyOnFailure: this.NotifyOnFailure
-        };
-        const jobId = this.Mode === 'edit' && this.Job ? this.Job.jobId : null;
-        const success = await this.schedulingService.saveJob(jobId, data);
-        this.IsSaving = false;
-        if (success) {
-            this.Saved.emit();
-        }
-        else {
-            this.ErrorMessage = 'Failed to save job. Please try again.';
-        }
-        this.cdr.markForCheck();
-    }
-    async Delete() {
-        if (!this.Job || this.IsDeleting)
-            return;
-        this.IsDeleting = true;
-        this.ErrorMessage = '';
-        this.cdr.markForCheck();
-        const success = await this.schedulingService.deleteJob(this.Job.jobId);
-        this.IsDeleting = false;
-        if (success) {
-            this.Saved.emit();
-        }
-        else {
-            this.ErrorMessage = 'Failed to delete job. It may have dependent records.';
-            this.ShowDeleteConfirm = false;
-        }
-        this.cdr.markForCheck();
-    }
-    OnConfigurationChange(value) {
-        this.Configuration = value;
-        this.cdr.markForCheck();
-    }
-    OnClose() {
-        this.Close.emit();
-    }
-    static ɵfac = function JobSlideoutComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JobSlideoutComponent)(i0.ɵɵdirectiveInject(i1.SchedulingInstrumentationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JobSlideoutComponent, selectors: [["app-job-slideout"]], inputs: { Mode: "Mode", Job: "Job" }, outputs: { Close: "Close", Saved: "Saved" }, standalone: false, decls: 96, vars: 24, consts: [[1, "slideout-container"], [1, "slideout-header"], [1, "slideout-title"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "slideout-body"], [1, "error-banner"], [1, "form-section"], [1, "section-title"], [1, "form-group"], [1, "form-label"], [1, "required"], ["type", "text", "placeholder", "e.g., Daily Data Sync", 1, "form-input", 3, "ngModelChange", "ngModel"], ["rows", "3", "placeholder", "What does this job do?", 1, "form-textarea", 3, "ngModelChange", "ngModel"], [1, "form-row"], [1, "form-input", 3, "ngModelChange", "ngModel"], [3, "value"], ["type", "text", "placeholder", "0 */15 * * * *", 1, "form-input", "mono", 3, "ngModelChange", "ngModel"], [1, "form-hint"], [1, "code-editor-wrapper"], [3, "change", "value", "language", "lineWrapping", "placeholder"], [1, "form-row", "checkboxes"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "slideout-footer"], [1, "footer-left"], [1, "delete-btn", 3, "disabled"], [1, "footer-right"], [1, "cancel-btn", 3, "click"], [1, "save-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"], [1, "confirm-overlay"], [1, "fa-solid", "fa-circle-exclamation"], [1, "stats-grid"], [1, "stat-item"], [1, "stat-label"], [1, "stat-value"], [1, "stat-value", "success"], [1, "stat-value", "failure"], [1, "delete-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-trash-can"], [1, "confirm-dialog"], [1, "confirm-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "confirm-actions"], [1, "delete-confirm-btn", 3, "click", "disabled"]], template: function JobSlideoutComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵelement(3, "i");
-            i0.ɵɵelementStart(4, "span");
-            i0.ɵɵtext(5);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "button", 3);
-            i0.ɵɵlistener("click", function JobSlideoutComponent_Template_button_click_6_listener() { return ctx.OnClose(); });
-            i0.ɵɵelement(7, "i", 4);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(8, "div", 5);
-            i0.ɵɵconditionalCreate(9, JobSlideoutComponent_Conditional_9_Template, 4, 1, "div", 6);
-            i0.ɵɵelementStart(10, "div", 7)(11, "div", 8);
-            i0.ɵɵtext(12, "General");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 9)(14, "label", 10);
-            i0.ɵɵtext(15, "Name ");
-            i0.ɵɵelementStart(16, "span", 11);
-            i0.ɵɵtext(17, "*");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(18, "input", 12);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_input_ngModelChange_18_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Name, $event) || (ctx.Name = $event); return $event; });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(19, "div", 9)(20, "label", 10);
-            i0.ɵɵtext(21, "Description");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(22, "textarea", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_textarea_ngModelChange_22_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Description, $event) || (ctx.Description = $event); return $event; });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(23, "div", 14)(24, "div", 9)(25, "label", 10);
-            i0.ɵɵtext(26, "Job Type ");
-            i0.ɵɵelementStart(27, "span", 11);
-            i0.ɵɵtext(28, "*");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(29, "select", 15);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_select_ngModelChange_29_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.JobTypeID, $event) || (ctx.JobTypeID = $event); return $event; });
-            i0.ɵɵrepeaterCreate(30, JobSlideoutComponent_For_31_Template, 2, 2, "option", 16, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(32, "div", 9)(33, "label", 10);
-            i0.ɵɵtext(34, "Status");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(35, "select", 15);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_select_ngModelChange_35_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Status, $event) || (ctx.Status = $event); return $event; });
-            i0.ɵɵrepeaterCreate(36, JobSlideoutComponent_For_37_Template, 2, 2, "option", 16, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(38, "div", 7)(39, "div", 8);
-            i0.ɵɵtext(40, "Schedule");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(41, "div", 9)(42, "label", 10);
-            i0.ɵɵtext(43, "Cron Expression ");
-            i0.ɵɵelementStart(44, "span", 11);
-            i0.ɵɵtext(45, "*");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(46, "input", 17);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_input_ngModelChange_46_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.CronExpression, $event) || (ctx.CronExpression = $event); return $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(47, "div", 18);
-            i0.ɵɵtext(48, "e.g., 0 */15 * * * * (every 15 minutes)");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(49, "div", 14)(50, "div", 9)(51, "label", 10);
-            i0.ɵɵtext(52, "Timezone");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(53, "select", 15);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_select_ngModelChange_53_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Timezone, $event) || (ctx.Timezone = $event); return $event; });
-            i0.ɵɵrepeaterCreate(54, JobSlideoutComponent_For_55_Template, 2, 2, "option", 16, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(56, "div", 9)(57, "label", 10);
-            i0.ɵɵtext(58, "Concurrency");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(59, "select", 15);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_select_ngModelChange_59_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.ConcurrencyMode, $event) || (ctx.ConcurrencyMode = $event); return $event; });
-            i0.ɵɵrepeaterCreate(60, JobSlideoutComponent_For_61_Template, 2, 2, "option", 16, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(62, "div", 7)(63, "div", 8);
-            i0.ɵɵtext(64, "Configuration");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(65, "div", 9)(66, "label", 10);
-            i0.ɵɵtext(67, "Configuration JSON");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(68, "div", 19)(69, "mj-code-editor", 20);
-            i0.ɵɵlistener("change", function JobSlideoutComponent_Template_mj_code_editor_change_69_listener($event) { return ctx.OnConfigurationChange($event); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(70, "div", 18);
-            i0.ɵɵtext(71, "Optional JSON configuration for the job type plugin");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(72, "div", 7)(73, "div", 8);
-            i0.ɵɵtext(74, "Notifications");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(75, "div", 21)(76, "label", 22)(77, "input", 23);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_input_ngModelChange_77_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.NotifyOnSuccess, $event) || (ctx.NotifyOnSuccess = $event); return $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(78, "span");
-            i0.ɵɵtext(79, "Notify on success");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(80, "label", 22)(81, "input", 23);
-            i0.ɵɵtwoWayListener("ngModelChange", function JobSlideoutComponent_Template_input_ngModelChange_81_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.NotifyOnFailure, $event) || (ctx.NotifyOnFailure = $event); return $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(82, "span");
-            i0.ɵɵtext(83, "Notify on failure");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵconditionalCreate(84, JobSlideoutComponent_Conditional_84_Template, 25, 7, "div", 7);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(85, "div", 24)(86, "div", 25);
-            i0.ɵɵconditionalCreate(87, JobSlideoutComponent_Conditional_87_Template, 3, 1, "button", 26);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(88, "div", 27)(89, "button", 28);
-            i0.ɵɵlistener("click", function JobSlideoutComponent_Template_button_click_89_listener() { return ctx.OnClose(); });
-            i0.ɵɵtext(90, "Cancel");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(91, "button", 29);
-            i0.ɵɵlistener("click", function JobSlideoutComponent_Template_button_click_91_listener() { return ctx.Save(); });
-            i0.ɵɵconditionalCreate(92, JobSlideoutComponent_Conditional_92_Template, 1, 0, "i", 30);
-            i0.ɵɵconditionalCreate(93, JobSlideoutComponent_Conditional_93_Template, 1, 0, "i", 31);
-            i0.ɵɵtext(94);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(95, JobSlideoutComponent_Conditional_95_Template, 14, 3, "div", 32);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵclassMap(ctx.Mode === "create" ? "fa-solid fa-plus-circle" : "fa-solid fa-pen-to-square");
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.Title);
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.ErrorMessage ? 9 : -1);
-            i0.ɵɵadvance(9);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.Name);
-            i0.ɵɵadvance(4);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.Description);
-            i0.ɵɵadvance(7);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.JobTypeID);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.JobTypes);
-            i0.ɵɵadvance(5);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.Status);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.StatusOptions);
-            i0.ɵɵadvance(10);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.CronExpression);
-            i0.ɵɵadvance(7);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.Timezone);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.TimezoneOptions);
-            i0.ɵɵadvance(5);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.ConcurrencyMode);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.ConcurrencyOptions);
-            i0.ɵɵadvance(9);
-            i0.ɵɵproperty("value", ctx.Configuration)("language", "json")("lineWrapping", true)("placeholder", "{ }");
-            i0.ɵɵadvance(8);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.NotifyOnSuccess);
-            i0.ɵɵadvance(4);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.NotifyOnFailure);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.Mode === "edit" && ctx.Job ? 84 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.Mode === "edit" ? 87 : -1);
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("disabled", !ctx.IsValid || ctx.IsSaving);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsSaving ? 92 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.IsSaving ? 93 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.Mode === "create" ? "Create Job" : "Save Changes", " ");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowDeleteConfirm ? 95 : -1);
-        } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.CodeEditorComponent, i4.DatePipe], styles: [".slideout-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n\n\n.slideout-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    border-bottom: 1px solid #e2e8f0;\n    background: white;\n    flex-shrink: 0;\n}\n\n.slideout-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n}\n\n.slideout-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #0076b6;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    cursor: pointer;\n    color: #64748b;\n    transition: all 0.2s;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: #f1f5f9;\n    color: #0f172a;\n}\n\n\n\n.slideout-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n}\n\n.error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 10px;\n    color: #dc2626;\n    font-size: 0.85rem;\n    font-weight: 500;\n    margin-bottom: 20px;\n}\n\n\n\n.form-section[_ngcontent-%COMP%] {\n    margin-bottom: 28px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 16px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.form-group[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: #334155;\n    margin-bottom: 6px;\n}\n\n.required[_ngcontent-%COMP%] {\n    color: #ef4444;\n}\n\n.form-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    font-size: 0.85rem;\n    color: #0f172a;\n    background: white;\n    outline: none;\n    transition: border-color 0.2s;\n    box-sizing: border-box;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n    border-color: #0076b6;\n    box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    font-size: 0.85rem;\n    color: #0f172a;\n    background: white;\n    outline: none;\n    transition: border-color 0.2s;\n    resize: vertical;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n\n.form-textarea[_ngcontent-%COMP%]:focus {\n    border-color: #0076b6;\n    box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.form-textarea.mono[_ngcontent-%COMP%], \n.form-input.mono[_ngcontent-%COMP%] {\n    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n    font-size: 0.8rem;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    color: #94a3b8;\n    margin-top: 4px;\n}\n\n.form-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}\n\n.form-row.checkboxes[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n}\n\n.checkbox-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: #334155;\n    cursor: pointer;\n}\n\n.checkbox-label[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n    accent-color: #0076b6;\n}\n\n\n\n.stats-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    background: #f8fafc;\n    border-radius: 10px;\n    border: 1px solid #f1f5f9;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.stat-value.success[_ngcontent-%COMP%] { color: #10b981; }\n.stat-value.failure[_ngcontent-%COMP%] { color: #ef4444; }\n\n\n\n.slideout-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    border-top: 1px solid #e2e8f0;\n    background: #f1f5f9;\n    flex-shrink: 0;\n    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);\n    position: relative;\n    z-index: 1;\n}\n\n.footer-left[_ngcontent-%COMP%], .footer-right[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.save-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 24px;\n    background: linear-gradient(135deg, #0076b6 0%, #005a8c 100%);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 600;\n    transition: all 0.2s ease;\n}\n\n.save-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(0, 118, 182, 0.4);\n}\n\n.save-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.cancel-btn[_ngcontent-%COMP%] {\n    padding: 10px 20px;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: #475569;\n    transition: all 0.2s;\n}\n\n.cancel-btn[_ngcontent-%COMP%]:hover {\n    background: #f3f4f6;\n}\n\n.delete-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    background: transparent;\n    color: #ef4444;\n    border: 1px solid #fecaca;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 500;\n    transition: all 0.2s;\n}\n\n.delete-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #fef2f2;\n}\n\n.delete-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.confirm-overlay[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0,0,0,0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n}\n\n.confirm-dialog[_ngcontent-%COMP%] {\n    background: white;\n    border-radius: 16px;\n    padding: 32px;\n    max-width: 360px;\n    text-align: center;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n}\n\n.confirm-icon[_ngcontent-%COMP%] {\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    background: #fef2f2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 16px;\n}\n\n.confirm-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n    color: #ef4444;\n}\n\n.confirm-dialog[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin: 0 0 8px;\n}\n\n.confirm-dialog[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0 0 24px;\n    line-height: 1.4;\n}\n\n.confirm-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n}\n\n.delete-confirm-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 24px;\n    background: #ef4444;\n    color: white;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 600;\n    transition: all 0.2s;\n}\n\n.delete-confirm-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #dc2626;\n}\n\n.delete-confirm-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.code-editor-wrapper[_ngcontent-%COMP%] {\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: border-color 0.2s;\n}\n\n.code-editor-wrapper[_ngcontent-%COMP%]:focus-within {\n    border-color: #0076b6;\n    box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.code-editor-wrapper[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 180px;\n}\n\n\n\n@media (max-width: 768px) {\n    .slideout-body[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .form-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .form-row.checkboxes[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .code-editor-wrapper[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n        height: 140px;\n    }\n}\n\n@media (max-width: 480px) {\n    .slideout-header[_ngcontent-%COMP%] {\n        padding: 16px;\n    }\n\n    .slideout-footer[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .footer-left[_ngcontent-%COMP%], .footer-right[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .footer-right[_ngcontent-%COMP%] {\n        justify-content: stretch;\n    }\n\n    .save-btn[_ngcontent-%COMP%], .cancel-btn[_ngcontent-%COMP%], .delete-btn[_ngcontent-%COMP%] {\n        flex: 1;\n        justify-content: center;\n    }\n\n    .stats-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}"], changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JobSlideoutComponent, [{
-        type: Component,
-        args: [{ standalone: false, selector: 'app-job-slideout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slideout-container\">\n  <!-- Header -->\n  <div class=\"slideout-header\">\n    <div class=\"slideout-title\">\n      <i [class]=\"Mode === 'create' ? 'fa-solid fa-plus-circle' : 'fa-solid fa-pen-to-square'\"></i>\n      <span>{{Title}}</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"OnClose()\">\n      <i class=\"fa-solid fa-xmark\"></i>\n    </button>\n  </div>\n\n  <!-- Body -->\n  <div class=\"slideout-body\">\n    <!-- Error -->\n    @if (ErrorMessage) {\n      <div class=\"error-banner\">\n        <i class=\"fa-solid fa-circle-exclamation\"></i>\n        <span>{{ErrorMessage}}</span>\n      </div>\n    }\n\n    <!-- Form -->\n    <div class=\"form-section\">\n      <div class=\"section-title\">General</div>\n\n      <div class=\"form-group\">\n        <label class=\"form-label\">Name <span class=\"required\">*</span></label>\n        <input class=\"form-input\" type=\"text\" [(ngModel)]=\"Name\" placeholder=\"e.g., Daily Data Sync\" />\n      </div>\n\n      <div class=\"form-group\">\n        <label class=\"form-label\">Description</label>\n        <textarea class=\"form-textarea\" [(ngModel)]=\"Description\" rows=\"3\"\n        placeholder=\"What does this job do?\"></textarea>\n      </div>\n\n      <div class=\"form-row\">\n        <div class=\"form-group\">\n          <label class=\"form-label\">Job Type <span class=\"required\">*</span></label>\n          <select class=\"form-input\" [(ngModel)]=\"JobTypeID\">\n            @for (t of JobTypes; track t) {\n              <option [value]=\"t.id\">{{t.name}}</option>\n            }\n          </select>\n        </div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Status</label>\n          <select class=\"form-input\" [(ngModel)]=\"Status\">\n            @for (s of StatusOptions; track s) {\n              <option [value]=\"s\">{{s}}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"form-section\">\n      <div class=\"section-title\">Schedule</div>\n\n      <div class=\"form-group\">\n        <label class=\"form-label\">Cron Expression <span class=\"required\">*</span></label>\n        <input class=\"form-input mono\" type=\"text\" [(ngModel)]=\"CronExpression\"\n          placeholder=\"0 */15 * * * *\" />\n        <div class=\"form-hint\">e.g., 0 */15 * * * * (every 15 minutes)</div>\n      </div>\n\n      <div class=\"form-row\">\n        <div class=\"form-group\">\n          <label class=\"form-label\">Timezone</label>\n          <select class=\"form-input\" [(ngModel)]=\"Timezone\">\n            @for (tz of TimezoneOptions; track tz) {\n              <option [value]=\"tz\">{{tz}}</option>\n            }\n          </select>\n        </div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Concurrency</label>\n          <select class=\"form-input\" [(ngModel)]=\"ConcurrencyMode\">\n            @for (c of ConcurrencyOptions; track c) {\n              <option [value]=\"c\">{{c}}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"form-section\">\n      <div class=\"section-title\">Configuration</div>\n      <div class=\"form-group\">\n        <label class=\"form-label\">Configuration JSON</label>\n        <div class=\"code-editor-wrapper\">\n          <mj-code-editor\n            [value]=\"Configuration\"\n            [language]=\"'json'\"\n            [lineWrapping]=\"true\"\n            [placeholder]=\"'{ }'\"\n            (change)=\"OnConfigurationChange($event)\">\n          </mj-code-editor>\n        </div>\n        <div class=\"form-hint\">Optional JSON configuration for the job type plugin</div>\n      </div>\n    </div>\n\n    <div class=\"form-section\">\n      <div class=\"section-title\">Notifications</div>\n      <div class=\"form-row checkboxes\">\n        <label class=\"checkbox-label\">\n          <input type=\"checkbox\" [(ngModel)]=\"NotifyOnSuccess\" />\n          <span>Notify on success</span>\n        </label>\n        <label class=\"checkbox-label\">\n          <input type=\"checkbox\" [(ngModel)]=\"NotifyOnFailure\" />\n          <span>Notify on failure</span>\n        </label>\n      </div>\n    </div>\n\n    <!-- Job Stats (Edit Mode) -->\n    @if (Mode === 'edit' && Job) {\n      <div class=\"form-section\">\n        <div class=\"section-title\">Statistics</div>\n        <div class=\"stats-grid\">\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Total Runs</span>\n            <span class=\"stat-value\">{{Job.totalRuns}}</span>\n          </div>\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Success</span>\n            <span class=\"stat-value success\">{{Job.successCount}}</span>\n          </div>\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Failures</span>\n            <span class=\"stat-value failure\">{{Job.failureCount}}</span>\n          </div>\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Created</span>\n            <span class=\"stat-value\">{{Job.createdAt | date:'short'}}</span>\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Footer -->\n  <div class=\"slideout-footer\">\n    <div class=\"footer-left\">\n      @if (Mode === 'edit') {\n        <button class=\"delete-btn\" (click)=\"ShowDeleteConfirm = true\"\n          [disabled]=\"IsDeleting\">\n          <i class=\"fa-solid fa-trash-can\"></i> Delete\n        </button>\n      }\n    </div>\n    <div class=\"footer-right\">\n      <button class=\"cancel-btn\" (click)=\"OnClose()\">Cancel</button>\n      <button class=\"save-btn\" (click)=\"Save()\" [disabled]=\"!IsValid || IsSaving\">\n        @if (IsSaving) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        }\n        @if (!IsSaving) {\n          <i class=\"fa-solid fa-check\"></i>\n        }\n        {{Mode === 'create' ? 'Create Job' : 'Save Changes'}}\n      </button>\n    </div>\n  </div>\n\n  <!-- Delete Confirmation -->\n  @if (ShowDeleteConfirm) {\n    <div class=\"confirm-overlay\">\n      <div class=\"confirm-dialog\">\n        <div class=\"confirm-icon\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n        </div>\n        <h3>Delete Job</h3>\n        <p>Are you sure you want to delete \"{{Name}}\"? This action cannot be undone.</p>\n        <div class=\"confirm-actions\">\n          <button class=\"delete-confirm-btn\" (click)=\"Delete()\" [disabled]=\"IsDeleting\">\n            @if (IsDeleting) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            }\n            Delete\n          </button>\n          <button class=\"cancel-btn\" (click)=\"ShowDeleteConfirm = false\">Cancel</button>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".slideout-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.slideout-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    border-bottom: 1px solid #e2e8f0;\n    background: white;\n    flex-shrink: 0;\n}\n\n.slideout-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n}\n\n.slideout-title i {\n    color: #0076b6;\n}\n\n.close-btn {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid #e5e7eb;\n    border-radius: 8px;\n    cursor: pointer;\n    color: #64748b;\n    transition: all 0.2s;\n}\n\n.close-btn:hover {\n    background: #f1f5f9;\n    color: #0f172a;\n}\n\n/* \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.slideout-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 24px;\n}\n\n.error-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    background: #fef2f2;\n    border: 1px solid #fecaca;\n    border-radius: 10px;\n    color: #dc2626;\n    font-size: 0.85rem;\n    font-weight: 500;\n    margin-bottom: 20px;\n}\n\n/* \u2500\u2500 Form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.form-section {\n    margin-bottom: 28px;\n}\n\n.section-title {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 16px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.form-group {\n    margin-bottom: 16px;\n}\n\n.form-label {\n    display: block;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: #334155;\n    margin-bottom: 6px;\n}\n\n.required {\n    color: #ef4444;\n}\n\n.form-input {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    font-size: 0.85rem;\n    color: #0f172a;\n    background: white;\n    outline: none;\n    transition: border-color 0.2s;\n    box-sizing: border-box;\n}\n\n.form-input:focus {\n    border-color: #0076b6;\n    box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.form-textarea {\n    width: 100%;\n    padding: 10px 14px;\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    font-size: 0.85rem;\n    color: #0f172a;\n    background: white;\n    outline: none;\n    transition: border-color 0.2s;\n    resize: vertical;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n\n.form-textarea:focus {\n    border-color: #0076b6;\n    box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.form-textarea.mono,\n.form-input.mono {\n    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n    font-size: 0.8rem;\n}\n\n.form-hint {\n    font-size: 0.7rem;\n    color: #94a3b8;\n    margin-top: 4px;\n}\n\n.form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}\n\n.form-row.checkboxes {\n    display: flex;\n    gap: 24px;\n}\n\n.checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: #334155;\n    cursor: pointer;\n}\n\n.checkbox-label input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    accent-color: #0076b6;\n}\n\n/* \u2500\u2500 Stats Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.stats-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.stat-item {\n    padding: 12px 16px;\n    background: #f8fafc;\n    border-radius: 10px;\n    border: 1px solid #f1f5f9;\n}\n\n.stat-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.stat-value {\n    font-size: 1.1rem;\n    font-weight: 800;\n    color: #0f172a;\n}\n\n.stat-value.success { color: #10b981; }\n.stat-value.failure { color: #ef4444; }\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.slideout-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    border-top: 1px solid #e2e8f0;\n    background: #f1f5f9;\n    flex-shrink: 0;\n    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);\n    position: relative;\n    z-index: 1;\n}\n\n.footer-left, .footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.save-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 24px;\n    background: linear-gradient(135deg, #0076b6 0%, #005a8c 100%);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 600;\n    transition: all 0.2s ease;\n}\n\n.save-btn:hover:not(:disabled) {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(0, 118, 182, 0.4);\n}\n\n.save-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.cancel-btn {\n    padding: 10px 20px;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: #475569;\n    transition: all 0.2s;\n}\n\n.cancel-btn:hover {\n    background: #f3f4f6;\n}\n\n.delete-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    background: transparent;\n    color: #ef4444;\n    border: 1px solid #fecaca;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 500;\n    transition: all 0.2s;\n}\n\n.delete-btn:hover:not(:disabled) {\n    background: #fef2f2;\n}\n\n.delete-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* \u2500\u2500 Delete Confirmation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.confirm-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0,0,0,0.4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n}\n\n.confirm-dialog {\n    background: white;\n    border-radius: 16px;\n    padding: 32px;\n    max-width: 360px;\n    text-align: center;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n}\n\n.confirm-icon {\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    background: #fef2f2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 16px;\n}\n\n.confirm-icon i {\n    font-size: 1.5rem;\n    color: #ef4444;\n}\n\n.confirm-dialog h3 {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin: 0 0 8px;\n}\n\n.confirm-dialog p {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin: 0 0 24px;\n    line-height: 1.4;\n}\n\n.confirm-actions {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n}\n\n.delete-confirm-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 24px;\n    background: #ef4444;\n    color: white;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.85rem;\n    font-weight: 600;\n    transition: all 0.2s;\n}\n\n.delete-confirm-btn:hover:not(:disabled) {\n    background: #dc2626;\n}\n\n.delete-confirm-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* \u2500\u2500 Code Editor \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.code-editor-wrapper {\n    border: 1px solid #e2e8f0;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: border-color 0.2s;\n}\n\n.code-editor-wrapper:focus-within {\n    border-color: #0076b6;\n    box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.code-editor-wrapper mj-code-editor {\n    display: block;\n    height: 180px;\n}\n\n/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@media (max-width: 768px) {\n    .slideout-body {\n        padding: 16px;\n    }\n\n    .form-row {\n        grid-template-columns: 1fr;\n    }\n\n    .form-row.checkboxes {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .code-editor-wrapper mj-code-editor {\n        height: 140px;\n    }\n}\n\n@media (max-width: 480px) {\n    .slideout-header {\n        padding: 16px;\n    }\n\n    .slideout-footer {\n        padding: 12px 16px;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .footer-left, .footer-right {\n        width: 100%;\n    }\n\n    .footer-right {\n        justify-content: stretch;\n    }\n\n    .save-btn, .cancel-btn, .delete-btn {\n        flex: 1;\n        justify-content: center;\n    }\n\n    .stats-grid {\n        grid-template-columns: 1fr;\n    }\n}\n"] }]
-    }], () => [{ type: i1.SchedulingInstrumentationService }, { type: i0.ChangeDetectorRef }], { Mode: [{
-            type: Input
-        }], Job: [{
-            type: Input
-        }], Close: [{
-            type: Output
-        }], Saved: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JobSlideoutComponent, { className: "JobSlideoutComponent", filePath: "src/Scheduling/components/job-slideout.component.ts", lineNumber: 11 }); })();
-//# sourceMappingURL=job-slideout.component.js.map

package/dist/Scheduling/components/job-slideout.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"job-slideout.component.js","sourceRoot":"","sources":["../../../src/Scheduling/components/job-slideout.component.ts","../../../src/Scheduling/components/job-slideout.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { SchedulingInstrumentationService, JobStatistics } from '../services/scheduling-instrumentation.service';\n\n@Component({\n  standalone: false,\n  selector: 'app-job-slideout',\n  templateUrl: './job-slideout.component.html',\n  styleUrls: ['./job-slideout.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class JobSlideoutComponent implements OnInit {\n  @Input() Mode: 'create' | 'edit' = 'create';\n  @Input() Job: JobStatistics | null = null;\n  @Output() Close = new EventEmitter<void>();\n  @Output() Saved = new EventEmitter<void>();\n\n  public JobTypes: { id: string; name: string }[] = [];\n  public IsSaving = false;\n  public IsDeleting = false;\n  public ShowDeleteConfirm = false;\n  public ErrorMessage = '';\n\n  // Form fields\n  public Name = '';\n  public Description = '';\n  public JobTypeID = '';\n  public CronExpression = '';\n  public Timezone = 'UTC';\n  public Status: 'Pending' | 'Active' | 'Paused' | 'Disabled' | 'Expired' = 'Pending';\n  public ConcurrencyMode: 'Concurrent' | 'Queue' | 'Skip' = 'Skip';\n  public Configuration = '';\n  public NotifyOnSuccess = false;\n  public NotifyOnFailure = true;\n\n  public StatusOptions = ['Pending', 'Active', 'Paused', 'Disabled'];\n  public ConcurrencyOptions = ['Skip', 'Queue', 'Concurrent'];\n  public TimezoneOptions = [\n    'UTC',\n    'America/New_York',\n    'America/Chicago',\n    'America/Denver',\n    'America/Los_Angeles',\n    'America/Phoenix',\n    'Europe/London',\n    'Europe/Paris',\n    'Europe/Berlin',\n    'Asia/Tokyo',\n    'Asia/Shanghai',\n    'Australia/Sydney',\n    'Pacific/Auckland'\n  ];\n\n  constructor(\n    private schedulingService: SchedulingInstrumentationService,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  ngOnInit(): void {\n    this.loadJobTypes();\n    if (this.Mode === 'edit' && this.Job) {\n      this.populateFromJob();\n    }\n  }\n\n  private async loadJobTypes(): Promise<void> {\n    this.JobTypes = await this.schedulingService.loadJobTypesForDropdown();\n    if (this.Mode === 'create' && this.JobTypes.length > 0 && !this.JobTypeID) {\n      this.JobTypeID = this.JobTypes[0].id;\n    }\n    this.cdr.markForCheck();\n  }\n\n  private populateFromJob(): void {\n    if (!this.Job) return;\n    this.Name = this.Job.jobName;\n    this.Description = this.Job.description || '';\n    this.JobTypeID = this.Job.jobTypeId;\n    this.CronExpression = this.Job.cronExpression;\n    this.Timezone = this.Job.timezone;\n    this.Status = this.Job.status as 'Pending' | 'Active' | 'Paused' | 'Disabled';\n    this.ConcurrencyMode = this.Job.concurrencyMode as 'Concurrent' | 'Queue' | 'Skip';\n    this.Configuration = this.Job.configuration || '';\n    this.NotifyOnSuccess = this.Job.notifyOnSuccess;\n    this.NotifyOnFailure = this.Job.notifyOnFailure;\n  }\n\n  public get IsValid(): boolean {\n    return !!(this.Name.trim() && this.JobTypeID && this.CronExpression.trim());\n  }\n\n  public get Title(): string {\n    return this.Mode === 'create' ? 'Create New Job' : 'Edit Job';\n  }\n\n  public async Save(): Promise<void> {\n    if (!this.IsValid || this.IsSaving) return;\n\n    this.IsSaving = true;\n    this.ErrorMessage = '';\n    this.cdr.markForCheck();\n\n    const data = {\n      Name: this.Name.trim(),\n      Description: this.Description.trim() || null,\n      JobTypeID: this.JobTypeID,\n      CronExpression: this.CronExpression.trim(),\n      Timezone: this.Timezone,\n      Status: this.Status,\n      ConcurrencyMode: this.ConcurrencyMode,\n      Configuration: this.Configuration.trim() || null,\n      NotifyOnSuccess: this.NotifyOnSuccess,\n      NotifyOnFailure: this.NotifyOnFailure\n    };\n\n    const jobId = this.Mode === 'edit' && this.Job ? this.Job.jobId : null;\n    const success = await this.schedulingService.saveJob(jobId, data);\n\n    this.IsSaving = false;\n\n    if (success) {\n      this.Saved.emit();\n    } else {\n      this.ErrorMessage = 'Failed to save job. Please try again.';\n    }\n    this.cdr.markForCheck();\n  }\n\n  public async Delete(): Promise<void> {\n    if (!this.Job || this.IsDeleting) return;\n\n    this.IsDeleting = true;\n    this.ErrorMessage = '';\n    this.cdr.markForCheck();\n\n    const success = await this.schedulingService.deleteJob(this.Job.jobId);\n\n    this.IsDeleting = false;\n\n    if (success) {\n      this.Saved.emit();\n    } else {\n      this.ErrorMessage = 'Failed to delete job. It may have dependent records.';\n      this.ShowDeleteConfirm = false;\n    }\n    this.cdr.markForCheck();\n  }\n\n  public OnConfigurationChange(value: string): void {\n    this.Configuration = value;\n    this.cdr.markForCheck();\n  }\n\n  public OnClose(): void {\n    this.Close.emit();\n  }\n}\n","<div class=\"slideout-container\">\n  <!-- Header -->\n  <div class=\"slideout-header\">\n    <div class=\"slideout-title\">\n      <i [class]=\"Mode === 'create' ? 'fa-solid fa-plus-circle' : 'fa-solid fa-pen-to-square'\"></i>\n      <span>{{Title}}</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"OnClose()\">\n      <i class=\"fa-solid fa-xmark\"></i>\n    </button>\n  </div>\n\n  <!-- Body -->\n  <div class=\"slideout-body\">\n    <!-- Error -->\n    @if (ErrorMessage) {\n      <div class=\"error-banner\">\n        <i class=\"fa-solid fa-circle-exclamation\"></i>\n        <span>{{ErrorMessage}}</span>\n      </div>\n    }\n\n    <!-- Form -->\n    <div class=\"form-section\">\n      <div class=\"section-title\">General</div>\n\n      <div class=\"form-group\">\n        <label class=\"form-label\">Name <span class=\"required\">*</span></label>\n        <input class=\"form-input\" type=\"text\" [(ngModel)]=\"Name\" placeholder=\"e.g., Daily Data Sync\" />\n      </div>\n\n      <div class=\"form-group\">\n        <label class=\"form-label\">Description</label>\n        <textarea class=\"form-textarea\" [(ngModel)]=\"Description\" rows=\"3\"\n        placeholder=\"What does this job do?\"></textarea>\n      </div>\n\n      <div class=\"form-row\">\n        <div class=\"form-group\">\n          <label class=\"form-label\">Job Type <span class=\"required\">*</span></label>\n          <select class=\"form-input\" [(ngModel)]=\"JobTypeID\">\n            @for (t of JobTypes; track t) {\n              <option [value]=\"t.id\">{{t.name}}</option>\n            }\n          </select>\n        </div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Status</label>\n          <select class=\"form-input\" [(ngModel)]=\"Status\">\n            @for (s of StatusOptions; track s) {\n              <option [value]=\"s\">{{s}}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"form-section\">\n      <div class=\"section-title\">Schedule</div>\n\n      <div class=\"form-group\">\n        <label class=\"form-label\">Cron Expression <span class=\"required\">*</span></label>\n        <input class=\"form-input mono\" type=\"text\" [(ngModel)]=\"CronExpression\"\n          placeholder=\"0 */15 * * * *\" />\n        <div class=\"form-hint\">e.g., 0 */15 * * * * (every 15 minutes)</div>\n      </div>\n\n      <div class=\"form-row\">\n        <div class=\"form-group\">\n          <label class=\"form-label\">Timezone</label>\n          <select class=\"form-input\" [(ngModel)]=\"Timezone\">\n            @for (tz of TimezoneOptions; track tz) {\n              <option [value]=\"tz\">{{tz}}</option>\n            }\n          </select>\n        </div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Concurrency</label>\n          <select class=\"form-input\" [(ngModel)]=\"ConcurrencyMode\">\n            @for (c of ConcurrencyOptions; track c) {\n              <option [value]=\"c\">{{c}}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"form-section\">\n      <div class=\"section-title\">Configuration</div>\n      <div class=\"form-group\">\n        <label class=\"form-label\">Configuration JSON</label>\n        <div class=\"code-editor-wrapper\">\n          <mj-code-editor\n            [value]=\"Configuration\"\n            [language]=\"'json'\"\n            [lineWrapping]=\"true\"\n            [placeholder]=\"'{ }'\"\n            (change)=\"OnConfigurationChange($event)\">\n          </mj-code-editor>\n        </div>\n        <div class=\"form-hint\">Optional JSON configuration for the job type plugin</div>\n      </div>\n    </div>\n\n    <div class=\"form-section\">\n      <div class=\"section-title\">Notifications</div>\n      <div class=\"form-row checkboxes\">\n        <label class=\"checkbox-label\">\n          <input type=\"checkbox\" [(ngModel)]=\"NotifyOnSuccess\" />\n          <span>Notify on success</span>\n        </label>\n        <label class=\"checkbox-label\">\n          <input type=\"checkbox\" [(ngModel)]=\"NotifyOnFailure\" />\n          <span>Notify on failure</span>\n        </label>\n      </div>\n    </div>\n\n    <!-- Job Stats (Edit Mode) -->\n    @if (Mode === 'edit' && Job) {\n      <div class=\"form-section\">\n        <div class=\"section-title\">Statistics</div>\n        <div class=\"stats-grid\">\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Total Runs</span>\n            <span class=\"stat-value\">{{Job.totalRuns}}</span>\n          </div>\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Success</span>\n            <span class=\"stat-value success\">{{Job.successCount}}</span>\n          </div>\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Failures</span>\n            <span class=\"stat-value failure\">{{Job.failureCount}}</span>\n          </div>\n          <div class=\"stat-item\">\n            <span class=\"stat-label\">Created</span>\n            <span class=\"stat-value\">{{Job.createdAt | date:'short'}}</span>\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Footer -->\n  <div class=\"slideout-footer\">\n    <div class=\"footer-left\">\n      @if (Mode === 'edit') {\n        <button class=\"delete-btn\" (click)=\"ShowDeleteConfirm = true\"\n          [disabled]=\"IsDeleting\">\n          <i class=\"fa-solid fa-trash-can\"></i> Delete\n        </button>\n      }\n    </div>\n    <div class=\"footer-right\">\n      <button class=\"cancel-btn\" (click)=\"OnClose()\">Cancel</button>\n      <button class=\"save-btn\" (click)=\"Save()\" [disabled]=\"!IsValid || IsSaving\">\n        @if (IsSaving) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        }\n        @if (!IsSaving) {\n          <i class=\"fa-solid fa-check\"></i>\n        }\n        {{Mode === 'create' ? 'Create Job' : 'Save Changes'}}\n      </button>\n    </div>\n  </div>\n\n  <!-- Delete Confirmation -->\n  @if (ShowDeleteConfirm) {\n    <div class=\"confirm-overlay\">\n      <div class=\"confirm-dialog\">\n        <div class=\"confirm-icon\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n        </div>\n        <h3>Delete Job</h3>\n        <p>Are you sure you want to delete \"{{Name}}\"? This action cannot be undone.</p>\n        <div class=\"confirm-actions\">\n          <button class=\"delete-confirm-btn\" (click)=\"Delete()\" [disabled]=\"IsDeleting\">\n            @if (IsDeleting) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            }\n            Delete\n          </button>\n          <button class=\"cancel-btn\" (click)=\"ShowDeleteConfirm = false\">Cancel</button>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n"]}