@thecodeblogs/blog 0.20.2 → 0.20.3

package/fesm2022/thecodeblogs-blog.mjs

@@ -4,7 +4,7 @@ import { Injectable, EventEmitter, PLATFORM_ID, Inject, SecurityContext, Compone
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { map, debounceTime } from 'rxjs/operators';
-import { Subject, of, Subscription } from 'rxjs';
+import { Subject, of, debounceTime as debounceTime$1, Subscription } from 'rxjs';
 import * as i6 from '@angular/common';
 import { isPlatformBrowser, NgIf, CommonModule } from '@angular/common';
 import * as i2 from 'ngx-device-detector';
@@ -45,11 +45,12 @@ import { provideNativeDateAdapter, MatNativeDateModule } from '@angular/material
 import * as i1$3 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import * as i12 from '@angular/cdk/text-field';
+import * as i6$2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { QuillEditorComponent } from 'ngx-quill';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i4$1 from '@angular/cdk/drag-drop';
 import { DragDropModule } from '@angular/cdk/drag-drop';
-import * as i6$2 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i2$1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i9$1 from '@angular/material/list';
@@ -1278,30 +1279,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 type: Input
             }] } });
 
-class StaticHtmlComponent {
-    constructor(staticHtmlService, domSanitizer) {
-        this.staticHtmlService = staticHtmlService;
-        this.domSanitizer = domSanitizer;
-    }
-    refreshContent() {
-        this.innerHtml = this.domSanitizer.bypassSecurityTrustHtml(this.staticHtmlService.mapStaticHtml(this.value, false));
-    }
-    ngOnChanges(changes) {
-        this.refreshContent();
-    }
-    ngOnInit() {
-        this.refreshContent();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: StaticHtmlComponent, isStandalone: true, selector: "app-static-html", inputs: { value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div [innerHtml]=\"innerHtml\">\n</div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-static-html', template: "<div [innerHtml]=\"innerHtml\">\n</div>\n" }]
-        }], ctorParameters: () => [{ type: StaticHtmlService }, { type: i1$1.DomSanitizer }], propDecorators: { value: [{
-                type: Input
-            }] } });
-
 class TimeAgoPipe {
     constructor(changeDetectorRef, ngZone) {
         this.changeDetectorRef = changeDetectorRef;
@@ -1400,6 +1377,165 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }] });
 
+class EntryWysiwygComponent {
+    static { this.CURRENT_ENTRY_KEY = EntryCreatorComponent.CURRENT_ENTRY_KEY; }
+    static { this.DEFAULT_NEW_ENTRY_TITLE = EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE; }
+    constructor(router, entryService, tagService, identityService, dialog, sanitizer, fb) {
+        this.router = router;
+        this.entryService = entryService;
+        this.tagService = tagService;
+        this.identityService = identityService;
+        this.dialog = dialog;
+        this.sanitizer = sanitizer;
+        this.fb = fb;
+        this.CURRENT_ENTRY_KEY = EntryWysiwygComponent.CURRENT_ENTRY_KEY;
+        this.DEFAULT_NEW_ENTRY_TITLE = EntryWysiwygComponent.DEFAULT_NEW_ENTRY_TITLE;
+        this.all_tags = ['Angular', 'Bash', 'MacOS', 'Typescript', 'NPM', 'Databases'];
+        this.format = 'html';
+        this.entry = null;
+        this.customScheduleTime = '';
+        this.today = new Date();
+        this.form = this.fb.group({
+            html: new FormControl(''),
+        });
+        const scheduledDate = new Date();
+        this.customScheduleTime = scheduledDate.getHours() + ':' + scheduledDate.getMinutes() + ' AM';
+    }
+    refreshTags() {
+        this.tagService.get().subscribe((response) => {
+            this.all_tags = map$1(response.results, (t) => t.label);
+            /*
+            this.filtered_tags = this.tagCtrl.valueChanges.pipe(
+              startWith(null),
+              map((tag: string | null) => tag ? this._filter(tag) : this.all_tags.slice()));
+          */
+        });
+    }
+    ngOnInit() {
+        this.refreshTags();
+        this.identityService.getMe().subscribe((me) => {
+            this.me = me;
+        });
+        const savedEntry = localStorage.getItem(EntryCreatorComponent.CURRENT_ENTRY_KEY);
+        if (savedEntry) {
+            this.entry = new Entry(JSON.parse(savedEntry));
+            const newValue = {
+                'html': this.entryService.convertBlogToHtmlFormat(this.entry)
+            };
+            this.form.patchValue(newValue);
+        }
+        else {
+            this.seeEntries();
+        }
+        this.form.get('html').valueChanges
+            .pipe(debounceTime$1(500))
+            .subscribe(value => {
+            var blogPost = value;
+            this.entry = this.entryService.convertHtmlToBlogFormat(this.entry, blogPost);
+            this.entryService.currentlyEditedEntry.next(this.entry);
+            localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY_KEY, JSON.stringify(this.entry));
+        });
+    }
+    seeEntries() {
+        const dialogRef = this.dialog.open(EntrySelectorDialogComponent, {
+            width: '800px',
+            data: { name: 'test', animal: 'test' }
+        });
+        dialogRef.afterClosed().subscribe((id) => {
+            if (id) {
+                this.entryService.getUnpublishedById(id).subscribe((result) => {
+                    const entry = result;
+                    this.entryService.currentlyEditedEntry.next(entry);
+                    localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY_KEY, JSON.stringify(entry));
+                    this.entry = entry;
+                    const newValue = {
+                        'html': this.entryService.convertBlogToHtmlFormat(this.entry)
+                    };
+                    this.form.patchValue(newValue);
+                });
+            }
+        });
+    }
+    startNew() {
+        const finish = confirm('Are you sure your finished? The JSON and entry displayed will be removed. Make sure you have already copied it.');
+        if (finish) {
+            this.entry = new Entry();
+            this.entry.title = EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE;
+            this.entry.published = false;
+            this.entry.version = 1;
+            this.entryService.currentlyEditedEntry.next(this.entry);
+            localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY_KEY, JSON.stringify(this.entry));
+            this.entryService.create(this.entry).subscribe((next) => {
+                const newValue = {
+                    'html': this.entryService.convertBlogToHtmlFormat(next)
+                };
+                this.form.patchValue(newValue);
+            });
+        }
+    }
+    postPublishCallback() {
+        this.entryService.currentlyEditedEntry.next(null);
+        this.entry = null;
+        this.seeEntries();
+        localStorage.removeItem(EntryCreatorComponent.CURRENT_ENTRY_KEY);
+        this.form.patchValue({ 'html': '' });
+    }
+    publish() {
+        const publish = confirm('Are you sure you want to publish? Once an article is published it is available to everyone.');
+        if (publish) {
+            this.entry.published = true;
+            this.entry.publish_date = new Date();
+            this.entry.edit_date = new Date();
+            this.entryService.updateUnpublishedEntry(this.entry).subscribe(this.postPublishCallback.bind(this));
+        }
+    }
+    routeTo(path) {
+        this.router.navigateByUrl(path).then(() => {
+        });
+    }
+    displayAlert(something) {
+        alert(something);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryWysiwygComponent, deps: [{ token: i1$3.Router }, { token: EntryService }, { token: TagService }, { token: IdentityService }, { token: i1$2.MatDialog }, { token: i1$1.DomSanitizer }, { token: i7.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: EntryWysiwygComponent, isStandalone: true, selector: "lib-entry-wysiwyg", providers: [provideNativeDateAdapter()], ngImport: i0, template: "<div class=\"container\" style=\"padding: 20px;\">\n  <div style=\"padding: 10px;\">\n    <button\n      style=\"width: 100%;\"\n      mat-raised-button\n      (click)=\"routeTo('create(left-col:create//right-col:create)')\">V1</button>\n  </div>\n  <div>\n    <div *ngIf=\"entry\">\n      <h2>{{entry?.title}}</h2>\n\n      <h3>Posted {{entry?.create_date.toString() | timeAgo}} on {{entry?.create_date?.getMonth() + 1}}/{{entry?.create_date?.getDate()}}/{{entry?.create_date?.getFullYear()}}</h3>\n      <h5 *ngIf=\"entry?.showEditInformation()\">Article was last edited {{entry?.edit_date.toString() | timeAgo}}</h5>\n      <br>\n      <p *ngIf=\"entry?.tags?.length > 0\">Tags: <span *ngFor=\"let tag of entry?.tags; let last = last\">{{tag}}<ng-container *ngIf=\"!last\"> |\n      </ng-container></span><span *ngIf=\"entry?.views\">, {{entry._friendly_views}} views</span></p>\n    </div>\n\n    <div style=\"width: 100%; padding: 10px;\">\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"publish()\"\n      >Publish</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"seeEntries()\"\n      >Entries</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"displayAlert('One day...')\"\n      >Advanced</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"startNew()\"\n      >New</button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <quill-editor\n      style=\"width: 100%;\"\n      format=\"{{format}}\"\n      formControlName=\"html\"\n      theme=\"bubble\"\n    ></quill-editor>\n  </form>\n</div>\n", styles: [".create-container{margin-left:auto;margin-right:auto;width:80%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryWysiwygComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-entry-wysiwyg', providers: [provideNativeDateAdapter()], imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        QuillEditorComponent,
+                        TimeAgoPipe,
+                    ], template: "<div class=\"container\" style=\"padding: 20px;\">\n  <div style=\"padding: 10px;\">\n    <button\n      style=\"width: 100%;\"\n      mat-raised-button\n      (click)=\"routeTo('create(left-col:create//right-col:create)')\">V1</button>\n  </div>\n  <div>\n    <div *ngIf=\"entry\">\n      <h2>{{entry?.title}}</h2>\n\n      <h3>Posted {{entry?.create_date.toString() | timeAgo}} on {{entry?.create_date?.getMonth() + 1}}/{{entry?.create_date?.getDate()}}/{{entry?.create_date?.getFullYear()}}</h3>\n      <h5 *ngIf=\"entry?.showEditInformation()\">Article was last edited {{entry?.edit_date.toString() | timeAgo}}</h5>\n      <br>\n      <p *ngIf=\"entry?.tags?.length > 0\">Tags: <span *ngFor=\"let tag of entry?.tags; let last = last\">{{tag}}<ng-container *ngIf=\"!last\"> |\n      </ng-container></span><span *ngIf=\"entry?.views\">, {{entry._friendly_views}} views</span></p>\n    </div>\n\n    <div style=\"width: 100%; padding: 10px;\">\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"publish()\"\n      >Publish</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"seeEntries()\"\n      >Entries</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"displayAlert('One day...')\"\n      >Advanced</button>\n\n      <button\n        style=\"width: 24%; margin: 5px;\"\n        mat-raised-button\n        (click)=\"startNew()\"\n      >New</button>\n    </div>\n  </div>\n\n  <form [formGroup]=\"form\">\n    <quill-editor\n      style=\"width: 100%;\"\n      format=\"{{format}}\"\n      formControlName=\"html\"\n      theme=\"bubble\"\n    ></quill-editor>\n  </form>\n</div>\n", styles: [".create-container{margin-left:auto;margin-right:auto;width:80%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.Router }, { type: EntryService }, { type: TagService }, { type: IdentityService }, { type: i1$2.MatDialog }, { type: i1$1.DomSanitizer }, { type: i7.FormBuilder }] });
+
+class StaticHtmlComponent {
+    constructor(staticHtmlService, domSanitizer) {
+        this.staticHtmlService = staticHtmlService;
+        this.domSanitizer = domSanitizer;
+    }
+    refreshContent() {
+        this.innerHtml = this.domSanitizer.bypassSecurityTrustHtml(this.staticHtmlService.mapStaticHtml(this.value, false));
+    }
+    ngOnChanges(changes) {
+        this.refreshContent();
+    }
+    ngOnInit() {
+        this.refreshContent();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, deps: [{ token: StaticHtmlService }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: StaticHtmlComponent, isStandalone: true, selector: "app-static-html", inputs: { value: "value" }, usesOnChanges: true, ngImport: i0, template: "<div [innerHtml]=\"innerHtml\">\n</div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: StaticHtmlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-static-html', template: "<div [innerHtml]=\"innerHtml\">\n</div>\n" }]
+        }], ctorParameters: () => [{ type: StaticHtmlService }, { type: i1$1.DomSanitizer }], propDecorators: { value: [{
+                type: Input
+            }] } });
+
 class EntryRendererComponent {
     constructor(prismService, ngZone, identityService, commentService, router, entryService) {
         this.prismService = prismService;
@@ -2232,5 +2368,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Base, CommentService, Content, ContentType, CoreEvent, CoreEventType, CoreModule, DjangoRestFrameworkEndpointService, Entry, EntryCreatorComponent, EntryRendererComponent, EntryRendererWrapperComponent, EntrySelectorDialogComponent, EntryService, EntrySummaryComponent, Guid, IdentityService, Interaction, InteractionService, JsonRendererComponent, LandingPageComponent, LinkyPipe, ListResponse, MainComponent, MediaUploadModalComponent, OutlineViewComponent, PrismService, Routes, Section, SideNavigationComponent, StaticHtmlComponent, StaticHtmlService, TagService, TimeAgoPipe, Upload, UploadService, Utility, View, ViewService, VisitorProfile, VisitorProfileService };
+export { Base, CommentService, Content, ContentType, CoreEvent, CoreEventType, CoreModule, DjangoRestFrameworkEndpointService, Entry, EntryCreatorComponent, EntryRendererComponent, EntryRendererWrapperComponent, EntrySelectorDialogComponent, EntryService, EntrySummaryComponent, EntryWysiwygComponent, Guid, IdentityService, Interaction, InteractionService, JsonRendererComponent, LandingPageComponent, LinkyPipe, ListResponse, MainComponent, MediaUploadModalComponent, OutlineViewComponent, PrismService, Routes, Section, SideNavigationComponent, StaticHtmlComponent, StaticHtmlService, TagService, TimeAgoPipe, Upload, UploadService, Utility, View, ViewService, VisitorProfile, VisitorProfileService };
 //# sourceMappingURL=thecodeblogs-blog.mjs.map