@thecodeblogs/blog 0.11.7 → 0.13.0

package/fesm2015/thecodeblogs-blog.js

@@ -1,1786 +0,0 @@
-import { orderBy, map as map$1, filter } from 'lodash';
-import { ɵɵdefineInjectable, ɵɵinject, Injectable, EventEmitter, PLATFORM_ID, Inject, SecurityContext, Component, Input, HostListener, ChangeDetectorRef, ViewChild, NgZone, Pipe, NgModule } from '@angular/core';
-import { HttpClient, HttpParams } from '@angular/common/http';
-import { map, debounceTime, startWith } from 'rxjs/operators';
-import { Subject, Subscription } from 'rxjs';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import 'clipboard';
-import 'prismjs';
-import 'prismjs/plugins/toolbar/prism-toolbar';
-import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard';
-import 'prismjs/components/prism-css';
-import 'prismjs/components/prism-javascript';
-import 'prismjs/components/prism-java';
-import 'prismjs/components/prism-markup';
-import 'prismjs/components/prism-typescript';
-import 'prismjs/components/prism-sass';
-import 'prismjs/components/prism-scss';
-import { DeviceDetectorService } from 'ngx-device-detector';
-import { DomSanitizer } from '@angular/platform-browser';
-import { ENTER, COMMA, TAB } from '@angular/cdk/keycodes';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { FileUploader, FileUploadModule } from 'ng2-file-upload';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { Router, NavigationEnd, ActivatedRoute, RouterModule } from '@angular/router';
-import Autolinker from 'autolinker';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatCardModule } from '@angular/material/card';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatButtonModule } from '@angular/material/button';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatIconModule } from '@angular/material/icon';
-import { MatNativeDateModule } from '@angular/material/core';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
-import { faSpinner } from '@fortawesome/free-solid-svg-icons';
-import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
-
-class Guid {
-    newGuid() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            // tslint:disable-next-line:no-bitwise
-            const r = Math.random() * 16 | 0, 
-            // tslint:disable-next-line:triple-equals no-bitwise
-            v = c == 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    }
-}
-
-class Base {
-    constructor() {
-        this.id = new Guid().newGuid();
-    }
-}
-
-var ContentType;
-(function (ContentType) {
-    ContentType["TEXT"] = "text";
-    ContentType["URL"] = "url";
-    ContentType["CODE"] = "code";
-    ContentType["IMAGE"] = "image";
-    ContentType["MEDIA"] = "media";
-    ContentType["HTML"] = "html";
-})(ContentType || (ContentType = {}));
-
-class Content extends Base {
-}
-Content.KEY_MIMETYPE = 'mimeType';
-
-const slugify = require('slugify');
-class Entry extends Base {
-    constructor(init) {
-        super();
-        this.should_publish_in_future = false;
-        Object.assign(this, init);
-        if (!this.create_date) {
-            this.create_date = new Date();
-        }
-        else {
-            this.create_date = new Date(this.create_date);
-        }
-        if (!this.edit_date) {
-            this.edit_date = new Date();
-        }
-        else {
-            this.edit_date = new Date(this.edit_date);
-        }
-        if (this.publish_date) {
-            this.publish_date = new Date(this.publish_date);
-        }
-        if (this.future_publish_date) {
-            this.future_publish_date = new Date(this.future_publish_date);
-        }
-        if (!this.version) {
-            this.version = 1;
-        }
-        if (!this.tags) {
-            this.tags = [];
-        }
-        if (this.views) {
-            if (this.views < 10) {
-                this._friendly_views = 'Less than ten';
-            }
-            else if (10 < this.views && this.views < 100) {
-                this._friendly_views = 'Around one hundred';
-            }
-            else {
-                this._friendly_views = this.views.toString();
-            }
-        }
-        if (!this.sections) {
-            this.sections = [];
-        }
-        // For entries that existed before this variable was introduced, the server will return undefined. If this
-        // stays undefined, it will violate the null constraints on the DB, so this code checks for both null
-        // and undefined and then populates the value accordingly
-        if (typeof (this.should_publish_in_future) === 'undefined' || this.should_publish_in_future === null) {
-            this.should_publish_in_future = false;
-        }
-    }
-    sort() {
-        this.sections = orderBy(this.sections, ({ order }) => Number(order), ['asc']);
-        for (let i = 0; i < this.sections.length; i++) {
-            this.sections[i].order = i * 10;
-        }
-        for (const section of this.sections) {
-            section.contents = orderBy(section.contents, ({ order }) => Number(order), ['asc']);
-            for (let i = 0; i < section.contents.length; i++) {
-                section.contents[i].order = i * 10;
-            }
-        }
-    }
-    showEditInformation() {
-        // @ts-ignore
-        const difference = Math.floor((this.create_date - this.edit_date) / (1000 * 60 * 60 * 24));
-        return (difference > 1 || difference < -1);
-    }
-    getProp(prop) {
-        if (this.__server_generated_properties) {
-            return this.__server_generated_properties[prop];
-        }
-        else {
-            return '';
-        }
-    }
-}
-
-class ListResponse {
-}
-
-class Section extends Base {
-    constructor() {
-        super();
-        if (!this.order) {
-            this.order = -1;
-        }
-        this.contents = [];
-    }
-}
-
-class CoreEvent {
-    constructor(data, type) {
-        this.data = data;
-        this.type = type;
-    }
-}
-
-var CoreEventType;
-(function (CoreEventType) {
-    CoreEventType["UPDATE"] = "update";
-    CoreEventType["CREATE"] = "create";
-    CoreEventType["DELETE"] = "delete";
-})(CoreEventType || (CoreEventType = {}));
-
-class VisitorProfile {
-}
-
-class CommentService {
-    constructor(http) {
-        this.http = http;
-        this.endpoint = '/blog_api/comments/';
-        this.adminEndpoint = '/blog_api/admin/comments/';
-    }
-    getComments(entry) {
-        return this.http.get(this.endpoint, { params: { entry } });
-    }
-    postComment(comment) {
-        return this.http.post(this.endpoint, comment, { params: { entry: comment.entry } });
-    }
-    patchComment(comment) {
-        return this.http.patch(this.adminEndpoint + '/' + comment.id + '/', comment);
-    }
-}
-CommentService.ɵprov = ɵɵdefineInjectable({ factory: function CommentService_Factory() { return new CommentService(ɵɵinject(HttpClient)); }, token: CommentService, providedIn: "root" });
-CommentService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-CommentService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        this.http = http;
-        this.events = new EventEmitter();
-        this.endpoint = '';
-    }
-    triggerCoreEvent(obj, type) {
-        this.events.next(new CoreEvent(obj, type));
-        return obj;
-    }
-    handleResponse(obj) {
-        return obj;
-    }
-    handleListResponse(obj) {
-        return obj;
-    }
-    get() {
-        return this.http.get(this.endpoint).pipe(map(this.handleListResponse.bind(this)));
-    }
-    getById(id) {
-        return this.http.get(this.endpoint + id + '/').pipe(map(this.handleResponse.bind(this)));
-    }
-    create(entity) {
-        return this.http.post(this.endpoint + '/', entity).pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.CREATE)), map(this.handleResponse.bind(this)));
-    }
-    delete(entity) {
-        return this.http.delete(this.endpoint + entity.id + '/').pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.DELETE)), map(this.handleResponse.bind(this)));
-    }
-    update(entity) {
-        return this.http.patch(this.endpoint + entity.id + '/', entity).pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.UPDATE)), map(this.handleResponse.bind(this)));
-    }
-    getListByUrl(url) {
-        return this.http.get(url).pipe(map(this.handleListResponse.bind(this)));
-    }
-}
-DjangoRestFrameworkEndpointService.ɵprov = ɵɵdefineInjectable({ factory: function DjangoRestFrameworkEndpointService_Factory() { return new DjangoRestFrameworkEndpointService(ɵɵinject(HttpClient)); }, token: DjangoRestFrameworkEndpointService, providedIn: "root" });
-DjangoRestFrameworkEndpointService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-DjangoRestFrameworkEndpointService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class EntryService extends DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/entries/';
-        this.adminEndpoint = '/blog_api/admin/entries/';
-        this.currentlyEditedEntry = new Subject();
-        this.sub = this.currentlyEditedEntry.pipe(debounceTime(3000)).subscribe((e) => {
-            e.edit_date = new Date();
-            const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-            this.http.patch(this.adminEndpoint + e.id + '/', e, { params }).pipe(map(this.handleResponse.bind(this))).subscribe((response) => {
-                this.triggerCoreEvent(response, CoreEventType.UPDATE);
-                console.log('Synced ' + e.id + '...');
-            }, (err) => {
-                console.log('Error encountered syncing ' + e.id + ', trying to create...');
-                this.http.post(this.adminEndpoint, e).pipe(map(this.handleResponse)).subscribe((response) => {
-                    this.triggerCoreEvent(response, CoreEventType.CREATE);
-                    console.log('Created ' + e.id + '...');
-                }, (createErr) => {
-                    console.log('Error creating ' + e.id);
-                });
-            });
-        });
-    }
-    handleResponse(obj) {
-        return new Entry(obj);
-    }
-    handleListResponse(obj) {
-        const response = obj;
-        const results = [];
-        for (const result of response.results) {
-            results.push(new Entry(result));
-        }
-        response.results = results;
-        return response;
-    }
-    get() {
-        return this.http.get(this.endpoint).pipe(map(this.handleListResponse.bind(this)));
-    }
-    getUnpublishedEntries() {
-        const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-        return this.http.get(this.adminEndpoint, { params });
-    }
-    getBySlug(slug) {
-        return this.http.get(this.endpoint + slug + '/by_slug/').pipe(map(this.handleResponse.bind(this)));
-    }
-    getUnpublishedById(id) {
-        const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-        return this.http.get(this.adminEndpoint + id, { params }).pipe(map(this.handleResponse.bind(this)));
-    }
-    updateUnpublishedEntry(entry) {
-        const params = new HttpParams().set('published', JSON.stringify(false)).set('defunct', JSON.stringify(false));
-        return this.http.patch(this.adminEndpoint + entry.id + '/', entry, { params }).pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.UPDATE)), map(this.handleResponse.bind(this)));
-    }
-}
-EntryService.ɵprov = ɵɵdefineInjectable({ factory: function EntryService_Factory() { return new EntryService(ɵɵinject(HttpClient)); }, token: EntryService, providedIn: "root" });
-EntryService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-EntryService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class IdentityService {
-    constructor(http) {
-        this.http = http;
-    }
-    getMe() {
-        throw new Error('You must provide an implementation for this');
-    }
-}
-IdentityService.ɵprov = ɵɵdefineInjectable({ factory: function IdentityService_Factory() { return new IdentityService(ɵɵinject(HttpClient)); }, token: IdentityService, providedIn: "root" });
-IdentityService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-IdentityService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class PrismService {
-    constructor(platformId) {
-        this.platformId = platformId;
-        if (Prism) {
-            Prism.manual = true;
-        }
-    }
-    highlightAll() {
-        if (isPlatformBrowser(this.platformId)) {
-            Prism.highlightAll();
-        }
-    }
-}
-PrismService.ɵprov = ɵɵdefineInjectable({ factory: function PrismService_Factory() { return new PrismService(ɵɵinject(PLATFORM_ID)); }, token: PrismService, providedIn: "root" });
-PrismService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-PrismService.ctorParameters = () => [
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
-];
-
-class UploadService {
-    constructor(http) {
-        this.http = http;
-    }
-    get(id) {
-        return this.http.get(UploadService.status_endpoint.replace('{pk}', id) + '/');
-    }
-}
-UploadService.upload_endpoint = '/file_api/uploads/create_image/';
-UploadService.status_endpoint = '/file_api/uploads/{pk}/status';
-UploadService.ɵprov = ɵɵdefineInjectable({ factory: function UploadService_Factory() { return new UploadService(ɵɵinject(HttpClient)); }, token: UploadService, providedIn: "root" });
-UploadService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-UploadService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class Upload {
-}
-
-class ViewService extends DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/views/';
-    }
-}
-ViewService.ɵprov = ɵɵdefineInjectable({ factory: function ViewService_Factory() { return new ViewService(ɵɵinject(HttpClient)); }, token: ViewService, providedIn: "root" });
-ViewService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ViewService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class InteractionService extends DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/interactions/';
-    }
-}
-InteractionService.ɵprov = ɵɵdefineInjectable({ factory: function InteractionService_Factory() { return new InteractionService(ɵɵinject(HttpClient)); }, token: InteractionService, providedIn: "root" });
-InteractionService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-InteractionService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class View {
-}
-
-class Interaction {
-}
-
-class VisitorProfileService extends DjangoRestFrameworkEndpointService {
-    constructor(http, deviceDetectorService) {
-        super(http);
-        this.http = http;
-        this.deviceDetectorService = deviceDetectorService;
-        this.endpoint = '/blog_api/visitor_profiles/';
-    }
-    getVisitorProfile() {
-        const deviceInfo = this.deviceDetectorService.getDeviceInfo();
-        const vp = new VisitorProfile();
-        vp.telemetry = deviceInfo;
-        vp.name = deviceInfo.os;
-        vp.family = deviceInfo.browser;
-        vp.version = deviceInfo.browser_version;
-        vp.device = deviceInfo.device;
-        vp.os_version = deviceInfo.os_version;
-        vp.language = navigator.language;
-        return vp;
-    }
-}
-VisitorProfileService.ɵprov = ɵɵdefineInjectable({ factory: function VisitorProfileService_Factory() { return new VisitorProfileService(ɵɵinject(HttpClient), ɵɵinject(DeviceDetectorService)); }, token: VisitorProfileService, providedIn: "root" });
-VisitorProfileService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-VisitorProfileService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: DeviceDetectorService }
-];
-
-class StaticHtmlService {
-    constructor(domSanitizer) {
-        this.domSanitizer = domSanitizer;
-    }
-    mapStaticHtml(htmlString, isTrusted) {
-        return isTrusted ?
-            htmlString :
-            this.domSanitizer.sanitize(SecurityContext.HTML, htmlString);
-    }
-}
-StaticHtmlService.ɵprov = ɵɵdefineInjectable({ factory: function StaticHtmlService_Factory() { return new StaticHtmlService(ɵɵinject(DomSanitizer)); }, token: StaticHtmlService, providedIn: "root" });
-StaticHtmlService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-StaticHtmlService.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-
-class Tag {
-    constructor(obj) {
-        this.id = obj.id;
-        this.label = obj.label;
-    }
-}
-
-class TagService extends DjangoRestFrameworkEndpointService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.endpoint = '/blog_api/tags/';
-    }
-    handleResponse(obj) {
-        return new Tag(obj);
-    }
-    handleListResponse(obj) {
-        const response = obj;
-        const results = [];
-        for (let i = 0; i < response.results.length; i++) {
-            results.push(new Tag(response.results[i]));
-        }
-        response.results = results;
-        return response;
-    }
-}
-TagService.ɵprov = ɵɵdefineInjectable({ factory: function TagService_Factory() { return new TagService(ɵɵinject(HttpClient)); }, token: TagService, providedIn: "root" });
-TagService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-TagService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-class EntrySelectorDialogData {
-}
-
-class EntrySelectorDialogComponent {
-    constructor(dialogRef, data, entryService) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.entryService = entryService;
-    }
-    ngOnInit() {
-        this.entryService.getUnpublishedEntries().subscribe((next) => {
-            this.entries = next.results;
-        });
-    }
-    onNoClick() {
-        this.dialogRef.close();
-    }
-    onYesClick() {
-        this.entryService.getUnpublishedById(this.selectedId).subscribe((entry) => {
-            localStorage.setItem(EntrySelectorDialogComponent.CURRENT_ENTRY, JSON.stringify(entry));
-            entry.sort();
-            this.entryService.currentlyEditedEntry.next(entry);
-            this.dialogRef.close();
-        });
-    }
-}
-EntrySelectorDialogComponent.CURRENT_ENTRY = 'current_entry';
-EntrySelectorDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-entry-selector-dialog',
-                template: "<h1 mat-dialog-title>Select an Entry to Edit</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<mat-divider class=\"option-list-divider\"></mat-divider>\n<div mat-dialog-content>\n    <mat-radio-group [(ngModel)]=\"selectedId\">\n        <mat-radio-button *ngFor=\"let entry of entries\" class=\"option\" [value]=\"entry.id\">{{entry.title}}</mat-radio-button>\n    </mat-radio-group>\n    <div *ngIf=\"!entries?.length\">There are no unpublished entries</div>\n</div>\n<div mat-dialog-actions>\n    <button mat-button (click)=\"onNoClick()\">Cancel</button>\n    <button mat-button (click)=\"onYesClick()\" [mat-dialog-close]=\"this.selectedId\" cdkFocusInitial>Edit Selected Entry</button>\n</div>\n",
-                styles: [".entry-checkbox-container{display:inline-block;margin:5px 0;width:100%}.option-list-divider{margin:10px 0}.option{margin-right:5px}"]
-            },] }
-];
-EntrySelectorDialogComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: EntrySelectorDialogData, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-    { type: EntryService }
-];
-
-class MediaUploadModalComponent {
-    constructor(dialogRef, uploadService) {
-        this.dialogRef = dialogRef;
-        this.uploadService = uploadService;
-        this.allowedMimeTypes = [
-            'image/jpeg',
-            'image/gif',
-            'image/png',
-            'image/jpg',
-            'video/mp4',
-            'video/webm',
-            'video/ogg',
-        ];
-        this.uploadUrlKey = 'path_to_file';
-        this.uploading = false;
-    }
-    static getCookie(name) {
-        const ca = document.cookie.split(';');
-        const caLen = ca.length;
-        const cookieName = `${name}=`;
-        let c;
-        for (let i = 0; i < caLen; i += 1) {
-            c = ca[i].replace(/^\s+/g, '');
-            if (c.indexOf(cookieName) === 0) {
-                return c.substring(cookieName.length, c.length);
-            }
-        }
-        return '';
-    }
-    pollForCompletion() {
-        this.uploadService.get(this.uploadId).subscribe((response) => {
-            if (response.processed) {
-                this.imgLink = response[this.uploadUrlKey];
-                this.mimeType = response.mime_type;
-                clearInterval(this.poller);
-                this.poller = null;
-                this.uploading = false;
-            }
-        });
-    }
-    ngOnInit() {
-        this.uploader = new FileUploader({
-            url: UploadService.upload_endpoint,
-            itemAlias: 'file',
-            authToken: '',
-            headers: [
-                { name: 'X-CSRFToken', value: MediaUploadModalComponent.getCookie('csrftoken') },
-            ],
-            additionalParameter: { csrf_token: MediaUploadModalComponent.getCookie('csrftoken') },
-            removeAfterUpload: true,
-            allowedMimeType: this.allowedMimeTypes,
-        });
-        this.uploader.onCompleteItem = (item, response) => {
-            const responseObj = JSON.parse(response);
-            this.uploadId = responseObj.id;
-            this.poller = setInterval(this.pollForCompletion.bind(this), 2000);
-        };
-        this.uploader.onWhenAddingFileFailed = (item, filter, options) => {
-            this.error = 'This file is not a supported mimetype.';
-            this.uploading = false;
-        };
-        if (this.file) {
-            this.uploader.addToQueue([this.file]);
-            this.uploader.uploadAll();
-            this.uploading = true;
-        }
-    }
-    onFileSelected(e) {
-        this.uploader.uploadAll();
-        this.uploading = true;
-    }
-    buildHost(url) {
-        return location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '') + url;
-    }
-    close() {
-        this.dialogRef.close();
-    }
-    ngOnDestroy() {
-        if (this.socketSub) {
-            this.socketSub.complete();
-            this.socketSub = null;
-        }
-    }
-    blobToFile(theBlob, fileName) {
-        // A Blob() is almost a File() - it's just missing the two properties below which we will add
-        theBlob.lastModifiedDate = new Date();
-        theBlob.name = fileName;
-        return theBlob;
-    }
-    onPaste(e) {
-        if (e instanceof ClipboardEvent) {
-            const files = e.clipboardData.files;
-            if (files) {
-                if (files.length < 1) {
-                    // const items = e.clipboardData.items;
-                    // for(let i = 0; i < items.length; i++) {
-                    //     const item = items[i];
-                    //     item.getAsString((text) => {
-                    //         try {
-                    //             const url = new URL(text);
-                    //             if(url) {
-                    //                 fetch(text)
-                    //                     .then(res => res.blob()) // Gets the response and returns it as a blob
-                    //                     .then(blob => {
-                    //                         const file = this.blobToFile(blob, 'web-created')
-                    //                         this.uploader.addToQueue([file])
-                    //                         this.uploader.uploadAll();
-                    //                         this.uploading = true;
-                    //                     });
-                    //             }
-                    //         } catch(e) {
-                    //
-                    //         }
-                    //     });
-                    // }
-                }
-                else if (files.length > 1) {
-                    console.log('Multiple files detected');
-                }
-                else {
-                    for (let i = 0; i < files.length; i++) {
-                        this.uploader.addToQueue([files[i]]);
-                    }
-                    this.uploader.uploadAll();
-                    this.uploading = true;
-                }
-            }
-            else {
-                console.log('Stuff not working');
-            }
-        }
-    }
-}
-MediaUploadModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-media-upload-modal',
-                template: "<h1 mat-dialog-title>Upload an Image</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<mat-divider class=\"option-list-divider\"></mat-divider>\n<div mat-dialog-content>\n    <div *ngIf=\"uploading\">\n        <fa-icon [icon]=\"'spinner'\" [spin]=\"true\"></fa-icon>\n    </div>\n    <ng-container *ngIf=\"!imgLink && !uploading\">\n        <h4>Select a File</h4>\n        <div class=\"input-group\">\n            <div class=\"form-group\">\n                <!--                <label for=\"import_file\">Choose File</label>-->\n                <input type=\"file\" id=\"import_file\"\n                       *ngIf=\"uploader.queue.length==0 && !uploading\"\n                       ng2FileSelect\n                       [uploader]=\"uploader\"\n                       (onFileSelected)=\"onFileSelected($event)\"\n                >\n            </div>\n        </div>\n        <br>\n        <h3>Paste a File</h3>\n        <p>You can use the paste command to paste any image here</p>\n    </ng-container>\n    <div *ngIf=\"imgLink\">\n        <img *ngIf=\"imgLink\" [src]=\"imgLink\"/>\n    </div>\n    <div *ngIf=\"error\">\n        <div class=\"alert alert-danger\">\n            {{error}}\n        </div>\n    </div>\n</div>\n<div mat-dialog-actions>\n    <button mat-button [disabled]=\"!imgLink || uploading\" (click)=\"close()\">Attach</button>\n</div>\n",
-                styles: [""]
-            },] }
-];
-MediaUploadModalComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: UploadService }
-];
-MediaUploadModalComponent.propDecorators = {
-    allowedMimeTypes: [{ type: Input }],
-    uploadUrlKey: [{ type: Input }],
-    file: [{ type: Input }],
-    onPaste: [{ type: HostListener, args: ['document:paste', ['$event'],] }]
-};
-
-const slugify$1 = require('slugify');
-class EntryCreatorComponent {
-    constructor(entryService, tagService, identityService, cdr, dialog) {
-        this.entryService = entryService;
-        this.tagService = tagService;
-        this.identityService = identityService;
-        this.cdr = cdr;
-        this.dialog = dialog;
-        this.ContentType = ContentType;
-        this.Object = Object;
-        this.entry = new Entry();
-        this.separatorKeysCodes = [ENTER, COMMA, TAB];
-        this.removable = true;
-        this.all_tags = ['Angular', 'Bash', 'MacOS', 'Typescript', 'NPM', 'Databases'];
-        this.tagCtrl = new FormControl();
-        this.publishDateControl = new FormControl();
-        this.selectable = false;
-        this.scheduling = false;
-        this.customScheduleTime = '';
-        this.today = new Date();
-        this.allowedMimeTypes = [
-            'image/jpeg',
-            'image/gif',
-            'image/png',
-            'image/jpg',
-            'video/mp4',
-            'video/webm',
-            'video/ogg',
-        ];
-        this.uploadUrlKey = 'path_to_file';
-        this.uploader = new FileUploader({
-            url: '/file_api/uploads/create_image/',
-            itemAlias: 'file',
-            authToken: '',
-            headers: [
-                {
-                    name: 'X-CSRFToken',
-                    value: EntryCreatorComponent.getCookie('csrftoken')
-                },
-            ],
-            additionalParameter: {
-                'csrf_token': EntryCreatorComponent.getCookie('csrftoken')
-            },
-            removeAfterUpload: true,
-            allowedMimeType: this.allowedMimeTypes,
-        });
-        const scheduledDate = new Date();
-        this.customScheduleTime = scheduledDate.getHours() + ':' + scheduledDate.getMinutes() + ' AM';
-    }
-    static getCookie(name) {
-        const ca = document.cookie.split(';');
-        const caLen = ca.length;
-        const cookieName = `${name}=`;
-        let c;
-        for (let i = 0; i < caLen; i += 1) {
-            c = ca[i].replace(/^\s+/g, '');
-            if (c.indexOf(cookieName) === 0) {
-                return c.substring(cookieName.length, c.length);
-            }
-        }
-        return '';
-    }
-    _filter(value) {
-        const filterValue = value.toLowerCase();
-        return this.all_tags.filter(tag => tag.toLowerCase().indexOf(filterValue) === 0);
-    }
-    add(event) {
-        const input = event.input;
-        const value = event.value;
-        // Add our tag
-        if ((value || '').trim()) {
-            this.tags.push(value.trim());
-        }
-        // Reset the input value
-        if (input) {
-            input.value = '';
-        }
-        this.tagCtrl.setValue(null);
-        this.onChange();
-    }
-    remove(fruit) {
-        const index = this.tags.indexOf(fruit);
-        if (index >= 0) {
-            this.tags.splice(index, 1);
-        }
-        this.onChange();
-    }
-    selected(event) {
-        this.tags.push(event.option.viewValue);
-        this.tagInput.nativeElement.value = '';
-        this.tagCtrl.setValue(null);
-        this.onChange();
-    }
-    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) => tag ? this._filter(tag) : this.all_tags.slice()));
-        });
-    }
-    createNewEntry() {
-        this.entry = new Entry();
-        this.entry.title = EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE;
-        this.entry.published = false;
-        this.entry.version = 1;
-        this.entryService.create(this.entry).subscribe((response) => {
-            this.entry = response;
-            this.entry.sort();
-            setTimeout(() => {
-                this.entryService.currentlyEditedEntry.next(this.entry);
-            }, 10);
-        });
-    }
-    ngOnInit() {
-        this.refreshTags();
-        this.identityService.getMe().subscribe((me) => {
-            this.me = me;
-        });
-        const savedEntry = localStorage.getItem(EntryCreatorComponent.CURRENT_ENTRY);
-        if (savedEntry) {
-            this.entry = new Entry(JSON.parse(savedEntry));
-            if (this.entry.should_publish_in_future && this.entry.future_publish_date < new Date()) {
-                this.createNewEntry();
-            }
-            this.entry.sort();
-            if (this.entry.should_publish_in_future) {
-                // Restore scheduling settings
-                this.scheduling = true;
-                let hours = this.entry.future_publish_date.getHours();
-                let minutes = this.entry.future_publish_date.getMinutes();
-                const ampm = hours >= 12 ? 'PM' : 'AM';
-                if (hours >= 12) {
-                    hours = hours % 12;
-                    hours = hours ? hours : 12;
-                }
-                minutes = minutes < 10 ? '0' + minutes : minutes;
-                this.customScheduleTime = hours + ':' + minutes + ' ' + ampm;
-            }
-            setTimeout(() => {
-                this.entryService.currentlyEditedEntry.next(this.entry);
-            }, 10);
-        }
-        else {
-            this.createNewEntry();
-        }
-        this.uploader.onCompleteItem = (item, response) => {
-            // const responseObj = JSON.parse(response)
-            // this.uploadId = responseObj.id;
-        };
-        this.uploader.onWhenAddingFileFailed = (item, uploadFilter, options) => {
-            // this.error = 'This file is not a supported mimetype.'
-            // this.uploading = false;
-        };
-        this.tags = this.entry.tags;
-    }
-    onFileSelected(e) {
-        this.uploader.uploadAll();
-    }
-    startUploader(content) {
-        const dialogRef = this.dialog.open(MediaUploadModalComponent, {});
-        dialogRef.componentInstance.allowedMimeTypes = this.allowedMimeTypes;
-        dialogRef.componentInstance.uploadUrlKey = this.uploadUrlKey;
-        dialogRef.afterClosed().subscribe(() => {
-            content.value = dialogRef.componentInstance.imgLink;
-            content.additional = [];
-            content.additional.push({ key: Content.KEY_MIMETYPE, value: dialogRef.componentInstance.mimeType });
-            this.onChange();
-        });
-    }
-    addSection() {
-        this.entry.sections.push(new Section());
-        this.onChange();
-    }
-    removeSection(section) {
-        const remove = confirm('Are you sure you want to remove this section?');
-        if (remove) {
-            this.entry.sections =
-                filter(this.entry.sections, (sct) => sct.id !== section.id);
-            this.onChange();
-        }
-    }
-    addContent(section) {
-        section.contents.push(new Content());
-        this.onChange();
-    }
-    removeContent(content) {
-        const remove = confirm('Are you sure you want to remove this content?');
-        if (remove) {
-            for (const section of this.entry.sections) {
-                section.contents = filter(section.contents, (ct) => ct.id !== content.id);
-            }
-            this.onChange();
-        }
-    }
-    onChange() {
-        this.entry.slug = slugify$1(this.entry.title).toLowerCase();
-        localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY, JSON.stringify(this.entry));
-        this.entry.sort();
-        this.cdr.detectChanges();
-        this.entryService.currentlyEditedEntry.next(this.entry);
-        this.entryService._currentlyEditedEntry = this.entry;
-    }
-    resetDate() {
-        this.entry.create_date = new Date();
-        this.entry.edit_date = new Date();
-        this.onChange();
-    }
-    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, JSON.stringify(this.entry));
-            this.entryService.create(this.entry).subscribe((next) => {
-            });
-        }
-    }
-    seeEntries() {
-        const dialogRef = this.dialog.open(EntrySelectorDialogComponent, {
-            width: '500px',
-            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, JSON.stringify(entry));
-                    this.entry = entry;
-                });
-            }
-        });
-    }
-    postPublishCallback() {
-        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, JSON.stringify(this.entry));
-        this.entryService.create(this.entry).subscribe((next) => {
-            this.tags = [];
-            this.refreshTags();
-        });
-    }
-    cancelScheduling() {
-        this.entry.future_publish_date = null;
-        this.entry.should_publish_in_future = false;
-        this.scheduling = false;
-        this.onChange();
-    }
-    exposeScheduling() {
-        const scheduledDate = new Date();
-        scheduledDate.setDate(scheduledDate.getDate() + 1);
-        this.entry.future_publish_date = scheduledDate;
-        this.setTime(this.customScheduleTime);
-        this.entry.should_publish_in_future = true;
-        this.scheduling = true;
-        this.onChange();
-    }
-    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));
-        }
-    }
-    delete() {
-        const confirmDelete = confirm('Are you sure you want to delete this draft? Once it is deleted it cannot be recovered.');
-        if (confirmDelete) {
-            this.entryService.delete(this.entry).subscribe(() => {
-                this.entry = null;
-            });
-        }
-    }
-    onDateChange() {
-        this.entry.future_publish_date.setHours(this.hours);
-        this.entry.future_publish_date.setMinutes(this.minutes);
-        this.onChange();
-    }
-    setTime(e) {
-        const firstTimeSplit = e.split(' ');
-        const secondTimeSplit = firstTimeSplit[0].split(':');
-        this.hours = Number(secondTimeSplit[0]);
-        this.minutes = Number(secondTimeSplit[1]);
-        if (firstTimeSplit[1] === 'PM') {
-            this.hours = Number(this.hours) + 12;
-        }
-        this.entry.future_publish_date.setHours(this.hours);
-        this.entry.future_publish_date.setMinutes(this.minutes);
-        this.onChange();
-    }
-}
-EntryCreatorComponent.CURRENT_ENTRY = 'current_entry';
-EntryCreatorComponent.DEFAULT_NEW_ENTRY_TITLE = 'A New Entry';
-EntryCreatorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-entry-creator',
-                template: "<div class=\"section creator fields\">\n    <form #createForm=\"ngForm\" (change)=\"onChange()\" *ngIf=\"this.entry\">\n        <div class=\"form-group\">\n            <mat-form-field class=\"full-width\">\n                <mat-label>Title</mat-label>\n                <input matInput\n                       [(ngModel)]=\"entry.title\"\n                       name=\"title\">\n            </mat-form-field>\n        </div>\n        <mat-card class=\"form-section tags\">\n            <div>\n                <mat-form-field class=\"full-width\" hintLabel=\"Use a comma to seperate different tags\">\n                    <mat-chip-list #tagList aria-label=\"Tags\">\n                        <mat-chip\n                            *ngFor=\"let tag of tags\"\n                            [selectable]=\"selectable\"\n                            [removable]=\"removable\"\n                            (removed)=\"remove(tag)\">\n                            {{tag}}\n                            <mat-icon matChipRemove *ngIf=\"removable\">cancel</mat-icon>\n                        </mat-chip>\n                        <input\n                            matInput\n                            placeholder=\"Tags...\"\n                            #tagInput\n                            [formControl]=\"tagCtrl\"\n                            [matAutocomplete]=\"tagauto\"\n                            [matChipInputFor]=\"tagList\"\n                            [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                            (matChipInputTokenEnd)=\"add($event)\">\n                    </mat-chip-list>\n                    <mat-autocomplete #tagauto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n                        <mat-option *ngFor=\"let tag of filtered_tags | async\" [value]=\"tag\">\n                            {{tag}}\n                        </mat-option>\n                    </mat-autocomplete>\n                </mat-form-field>\n            </div>\n        </mat-card>\n        <mat-card class=\"form-section\" *ngFor=\"let section of entry.sections\">\n            <div>\n                <mat-form-field class=\"full-width\">\n                    <mat-label>Subheading</mat-label>\n                    <input matInput\n                           [(ngModel)]=\"section.subheading\"\n                           name=\"{{section.id}}-subheading\">\n                </mat-form-field>\n                <div class=\"form-content\" *ngFor=\"let content of section.contents\">\n                    <div class=\"form-group\">\n                        <mat-radio-group\n                            aria-label=\"Select the Content Type\"\n                            name=\"{{content.id}}-content-type\"\n                            class=\"radio-group\"\n                            [(ngModel)]=\"content.type\">\n                            <mat-radio-button\n                                *ngFor=\"let value of Object.values(ContentType)\"\n                                class=\"radio-button\"\n                                [value]=\"value\">{{value}}\n                            </mat-radio-button>\n                        </mat-radio-group>\n                    </div>\n                    <ng-container [ngSwitch]=\"content.type\">\n                        <ng-container *ngSwitchCase=\"ContentType.URL\">\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Value</mat-label>\n                                <input\n                                    matInput\n                                    name=\"{{content.id}}-content-value\"\n                                    [(ngModel)]=\"content.value\">\n                            </mat-form-field>\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Title</mat-label>\n                                <input\n                                    matInput\n                                    name=\"{{content.id}}-content-title\"\n                                    [(ngModel)]=\"content.title\">\n                            </mat-form-field>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"ContentType.TEXT\">\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Value</mat-label>\n                                <textarea matInput\n                                          cdkTextareaAutosize\n                                          #autosize=\"cdkTextareaAutosize\"\n                                          cdkAutosizeMinRows=\"3\"\n                                          cdkAutosizeMaxRows=\"20\"\n                                          name=\"{{content.id}}-content-value\"\n                                          [(ngModel)]=\"content.value\"\n                                          ></textarea>\n                            </mat-form-field>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Value</mat-label>\n                                <textarea matInput\n                                          cdkTextareaAutosize\n                                          #autosize=\"cdkTextareaAutosize\"\n                                          cdkAutosizeMinRows=\"3\"\n                                          cdkAutosizeMaxRows=\"20\"\n                                          name=\"{{content.id}}-content-value\"\n                                          [(ngModel)]=\"content.value\"\n                                          ></textarea>\n                            </mat-form-field>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Value</mat-label>\n                                <textarea matInput\n                                          cdkTextareaAutosize\n                                          #autosize=\"cdkTextareaAutosize\"\n                                          cdkAutosizeMinRows=\"10\"\n                                          cdkAutosizeMaxRows=\"100\"\n                                          name=\"{{content.id}}-content-value\"\n                                          [(ngModel)]=\"content.value\"\n                                          ></textarea>\n                            </mat-form-field>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Value</mat-label>\n                                <input\n                                    matInput\n                                    name=\"{{content.id}}-content-value\"\n                                    [(ngModel)]=\"content.value\">\n                            </mat-form-field>\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Value</mat-label>\n                                <input\n                                    matInput\n                                    name=\"{{content.id}}-content-source\"\n                                    [(ngModel)]=\"content.value\">\n                            </mat-form-field>\n                            <mat-form-field class=\"full-width\">\n                                <mat-label>Description</mat-label>\n                                <input\n                                    matInput\n                                    name=\"{{content.id}}-content-description\"\n                                    [(ngModel)]=\"content.description\">\n                            </mat-form-field>\n                        </ng-container>\n                        <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                            <div class=\"full-width\">\n                                <ng-container *ngIf=\"content.value\">\n                                    <mat-form-field class=\"full-width\">\n                                        <mat-label>Value</mat-label>\n                                        <input\n                                            matInput\n                                            name=\"{{content.id}}-content-value\"\n                                            [(ngModel)]=\"content.value\">\n                                    </mat-form-field>\n                                    <mat-form-field class=\"full-width\">\n                                        <mat-label>Description</mat-label>\n                                        <input\n                                            matInput\n                                            name=\"{{content.id}}-content-description\"\n                                            [(ngModel)]=\"content.description\">\n                                    </mat-form-field>\n                                </ng-container>\n                                <ng-container *ngIf=\"content.additional\">\n                                    <ng-container *ngFor=\"let add of content.additional\">\n                                        <mat-form-field class=\"full-width\">\n                                            <mat-label>{{add.key}}</mat-label>\n                                            <input\n                                                matInput\n                                                name=\"{{content.id}}-content-{{add.key}}\"\n                                                [(ngModel)]=\"add.value\"\n                                                [disabled]=\"true\"\n                                                >\n                                        </mat-form-field>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!content.value\">\n                                    <button mat-raised-button (click)=startUploader(content)>Upload</button>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                    <button mat-raised-button (click)=removeContent(content)>Remove Content</button>\n                    <button mat-raised-button (click)=\"addContent(section)\">+ Add Content</button>\n                </div>\n                <button mat-raised-button (click)=\"removeSection(section)\">Remove Section</button>\n                <button mat-raised-button (click)=\"addContent(section)\" *ngIf=\"section.contents.length === 0\">+ Add\n                    Content\n                </button>\n                <button mat-raised-button (click)=\"addSection()\">+ Add Section</button>\n            </div>\n\n        </mat-card>\n        <button mat-raised-button (click)=\"addSection()\" *ngIf=\"entry.sections?.length === 0\">+ Add Section</button>\n        <button mat-raised-button (click)=\"addSection()\" *ngIf=\"!entry.sections\">+ Add Section</button>\n\n        <div class=\"controls\">\n            <button mat-raised-button (click)=\"resetDate()\">Reset the Date</button>\n            <button mat-raised-button (click)=\"delete()\">Delete</button>\n            <button mat-raised-button [disabled]=\"scheduling\" (click)=\"publish()\">Publish</button>\n            <button mat-raised-button [disabled]=\"scheduling\" (click)=\"exposeScheduling()\">Schedule</button>\n            <button mat-raised-button (click)=\"startNew()\">New</button>\n        </div>\n        <p *ngIf=\"scheduling\">Publishing is disabled while scheduling is being used.</p>\n\n        <mat-card [hidden]=\"!scheduling\">\n            <h4>\n               Scheduling Options\n            </h4>\n\n            <div class=\"form-group\">\n                <mat-form-field class=\"full-width\">\n                    <mat-label>Date</mat-label>\n                    <input\n                        #futurePublishDate\n                        matInput\n                        [matDatepicker]=\"picker\"\n                        [min]=\"today\"\n                        (dateInput)=\"onDateChange()\"\n                        (dateChange)=\"onDateChange()\"\n                        [(ngModel)]=\"entry.future_publish_date\"\n                        name=\"future-publish-date\"\n                    >\n                                <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n                    <mat-datepicker\n                        #picker></mat-datepicker>\n                </mat-form-field>\n\n                <mat-label>Time</mat-label>\n                <ngx-timepicker-field\n                    [defaultTime]=\"customScheduleTime\"\n                    [format]=\"12\"\n                    [buttonAlign]=\"'left'\"\n                    (timeChanged)=\"setTime($event)\"\n                ></ngx-timepicker-field>\n                <p>Times are represented in your local time zone</p>\n            </div>\n\n            <div mat-dialog-actions>\n                <div class=\"controls\">\n                    <button mat-raised-button (click)=\"cancelScheduling()\">Cancel Scheduling</button>\n                </div>\n            </div>\n            <p>This post will be published as soon as its scheduled date and time arrive. No further action is needed by you. If you do not\n            want to use scheduling, you can cancel scheduling and manually publish.</p>\n        </mat-card>\n    </form>\n    <div class=\"controls\">\n        <button mat-raised-button (click)=\"seeEntries()\">See Entries</button>\n        <button *ngIf=\"!this.entry\" mat-raised-button (click)=\"startNew()\">New</button>\n    </div>\n</div>\n",
-                styles: [".creator{min-height:calc(100vh - 100px)}form{padding:20px}.content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button{margin:4px}.radio-group{display:flex;flex-direction:column;margin:15px 0}.radio-button{margin:4px}.full-width{width:100%}.content-card{margin:0 0 10px}.form-section{margin-bottom:10px}.form-content:not(:last-child){border-bottom:1px dotted #aaa;padding-bottom:10px}.controls{display:inline-block;padding:10px;width:100%}[hidden]{display:none!important}"]
-            },] }
-];
-EntryCreatorComponent.ctorParameters = () => [
-    { type: EntryService },
-    { type: TagService },
-    { type: IdentityService },
-    { type: ChangeDetectorRef },
-    { type: MatDialog }
-];
-EntryCreatorComponent.propDecorators = {
-    tagInput: [{ type: ViewChild, args: ['tagInput',] }],
-    matAutocomplete: [{ type: ViewChild, args: ['tagauto',] }],
-    allowedMimeTypes: [{ type: Input }],
-    uploadUrlKey: [{ type: Input }]
-};
-
-class EntryRendererComponent {
-    constructor(prismService, ngZone, identityService, commentService, router, entryService) {
-        this.prismService = prismService;
-        this.ngZone = ngZone;
-        this.identityService = identityService;
-        this.commentService = commentService;
-        this.router = router;
-        this.entryService = entryService;
-        this.ContentType = ContentType;
-        this.comments = [];
-        this.commentText = '';
-        this.alert = alert;
-        this.editMode = false;
-    }
-    ngOnInit() {
-        this.identityService.getMe().subscribe((me) => {
-            this.me = me;
-        });
-        this.commentService.getComments(this.entry.id).subscribe((response) => {
-            this.comments = response.results;
-            for (const comment of this.comments) {
-                comment.date_obj = new Date(comment.created_on);
-            }
-        });
-    }
-    ngAfterViewChecked() {
-        if (!this.editMode) {
-            this.ngZone.runOutsideAngular(() => {
-                try {
-                    this.prismService.highlightAll();
-                }
-                catch (e) {
-                }
-            });
-        }
-    }
-    edit(entry) {
-        entry.version++;
-        entry.published = false;
-        delete entry.publish_date;
-        this.entryService.create(entry).subscribe((response) => {
-            localStorage.setItem(EntryCreatorComponent.CURRENT_ENTRY, JSON.stringify(response));
-            this.router.navigateByUrl('create(left-col:create//right-col:create)').then(() => {
-            });
-        });
-    }
-    postComment(e) {
-        e.preventDefault();
-        if (this.commentText !== '') {
-            this.commentService.postComment({ entry: this.entry.id, content: this.commentText }).subscribe((comment) => {
-                this.comments.push(comment);
-            });
-            this.commentText = '';
-        }
-    }
-    mediaIsZip(content) {
-        let mediaIsZip = false;
-        if (content.additional) {
-            for (const add of content.additional) {
-                if (add.key === Content.KEY_MIMETYPE) {
-                    if (add.value === 'application/zip') {
-                        mediaIsZip = true;
-                    }
-                }
-            }
-        }
-        return mediaIsZip;
-    }
-    approve(comment) {
-        comment.approved = !comment.approved;
-        this.commentService.patchComment(Object.assign({}, { approved: true }, comment)).subscribe((rComment) => {
-        });
-    }
-    unapprove(comment) {
-        comment.approved = !comment.approved;
-        this.commentService.patchComment(Object.assign({}, { approved: false }, comment)).subscribe((rComment) => {
-        });
-    }
-}
-EntryRendererComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-entry-renderer',
-                template: "<div>\n    <h2>{{entry?.title}}</h2>\n    <a *ngIf=\"me?.id === entry?.getProp('author_id')\" href=\"javascript:void(0)\" (click)=\"edit(entry)\"><h4>[Edit]</h4></a>\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    <br>\n\n    <ng-container *ngFor=\"let section of entry?.sections\">\n        <h4>{{section?.subheading}}</h4>\n        <ng-container *ngFor=\"let content of section?.contents\">\n            <ng-container [ngSwitch]=\"content.type\">\n                <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                    <pre><code class=\"language-ts\">{{content?.value}}</code></pre>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.URL\">\n                    <a [href]=\"content?.value\" target=\"_blank\">{{content.title}}</a><br>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                    <ng-container *ngIf=\"mediaIsZip(content)\">\n                        <div class=\"download\">\n                            <a href=\"content?.value\">{{content?.description}}</a>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"!mediaIsZip(content)\">\n                        <div class=\"restrict\">\n                            <div class=\"image\">\n                                <img [src]=\"content?.value\"/>\n                            </div>\n                            <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                            <div class=\"source\" *ngIf=\"content?.source\">\n                                <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                    <app-static-html\n                        [value]=\"content?.value\"\n                        >\n                    </app-static-html>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    <p>{{content?.value}}</p>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-container>\n        <h2>Comments</h2>\n        <p *ngIf=\"comments?.length == 0\">There are no comments yet.</p>\n        <ng-container *ngIf=\"comments?.length > 0\">\n            <div *ngFor=\"let comment of comments\">\n                <mat-card style=\"margin-bottom: 20px;\" class=\"restrict\">\n                    <mat-card-title><img class=\"gravatar\" src=\"{{comment.gravatar_url}} + ?s=30\"> {{comment.user_display_name}}</mat-card-title>\n                    <mat-card-subtitle>{{comment.date_obj | timeAgo}}</mat-card-subtitle>\n                    <mat-card-content>\n                        <p>{{comment.content}}</p>\n                        <ng-container *ngIf=\"me?.id === entry?.__server_generated_properties?.author_id\">\n                            <a href=\"javascript:void(0);\" *ngIf=\"!comment?.approved\" (click)=\"approve(comment)\">Approve</a>\n                            <a href=\"javascript:void(0);\" *ngIf=\"comment?.approved\" (click)=\"unapprove(comment)\">Unapprove</a>\n                        </ng-container>\n                    </mat-card-content>\n                </mat-card>\n            </div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!me\">\n        <a href=\"/signup\">Signup</a> or <a href=\"/login\">login</a> to join the conversation!\n    </ng-container>\n    <ng-container *ngIf=\"me && !me?.comments_public\">\n        <p>Note, your comments will not be public be default. It is possible I will make your comments public, but for now comments are just between you and me.</p>\n    </ng-container>\n    <ng-container *ngIf=\"me\">\n        <h2 style=\"width: 100%;\">Leave a Comment</h2>\n        <br>\n        <mat-form-field class=\"restrict\" style=\"width: 100%;\" appearance=\"outline\">\n            <mat-label>Comment</mat-label>\n            <textarea [(ngModel)]=\"commentText\" (keydown.enter)=\"postComment($event)\" matInput></textarea>\n        </mat-form-field>\n        <br>\n        <button (click)=\"postComment($event)\" style=\"text-align: right;\" mat-button>Submit</button>\n    </ng-container>\n    <div style=\"margin-bottom: 30px;\"></div>\n</div>\n\n",
-                styles: [".image{justify-content:center;text-align:center;width:100%}.description,.source{font-size:12px;text-align:center}.gravatar{margin-right:20px}.smaller{text-color:grey;text-size:12px}"]
-            },] }
-];
-EntryRendererComponent.ctorParameters = () => [
-    { type: PrismService },
-    { type: NgZone },
-    { type: IdentityService },
-    { type: CommentService },
-    { type: Router },
-    { type: EntryService }
-];
-EntryRendererComponent.propDecorators = {
-    entry: [{ type: Input }],
-    editMode: [{ type: Input }]
-};
-
-class EntrySummaryComponent {
-    constructor(router) {
-        this.router = router;
-        this.ContentType = ContentType;
-    }
-    ngOnInit() {
-    }
-    routeTo(entry) {
-        this.router.navigate(['/', 'blog', entry.slug]).then(() => {
-        });
-    }
-}
-EntrySummaryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-entry-summary',
-                template: "\n<div class=\"entry section restrict\">\n    <h2>{{entry?.title}}</h2>\n    <!--    <a href=\"javascript:void(0)\" (click)=\"edit(entry)\"><h6>[Edit]</h6></a>-->\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\n    <ng-container *ngFor=\"let section of entry?.sections.slice(0, 1)\">\n        <h4>{{section?.subheading}}</h4>\n        <ng-container *ngFor=\"let content of section?.contents.slice(0, 1)\">\n            <ng-container [ngSwitch]=\"content.type\">\n                <ng-container *ngSwitchCase=\"ContentType.CODE\">\n                    <pre><code class=\"language-ts\">{{content?.value}}</code></pre>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.URL\">\n                    <a [href]=\"content?.value\" target=\"_blank\">{{content.title}}</a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.IMAGE\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.MEDIA\">\n                    <div class=\"restrict\">\n                        <div class=\"image\">\n                            <img [src]=\"content?.value\"/>\n                        </div>\n                        <div class=\"description\" *ngIf=\"content?.description\">{{content?.description}}</div>\n                        <div class=\"source\" *ngIf=\"content?.source\">\n                            <a [href]=\"content?.source\" [target]=\"'_blank'\">Source: {{content?.source}}</a>\n                        </div>\n                    </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"ContentType.HTML\">\n                    <app-static-html\n                        [value]=\"content?.value\"\n                        >\n                    </app-static-html>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                    <p>{{content?.value}}</p>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n\n    <a href=\"javascript:void(0);\" (click)=\"routeTo(entry)\">Read more...</a>\n</div>\n",
-                styles: [".entry{border-bottom:1px solid rgba(0,0,0,.12);padding:20px}"]
-            },] }
-];
-EntrySummaryComponent.ctorParameters = () => [
-    { type: Router }
-];
-EntrySummaryComponent.propDecorators = {
-    entry: [{ type: Input }]
-};
-
-class JsonRendererComponent {
-    constructor(entryService) {
-        this.entryService = entryService;
-        this.JSON = JSON;
-        this.entry = new Entry();
-    }
-    ngOnInit() {
-        this.entryService.currentlyEditedEntry.subscribe((entry) => {
-            this.entry = entry;
-        });
-    }
-}
-JsonRendererComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-json-renderer',
-                template: "<div class=\"section json-render json\">\n    <app-entry-renderer [editMode]=\"true\" [entry]=\"entry\"></app-entry-renderer>\n    <pre>{{JSON.stringify(entry)}}</pre>\n</div>\n",
-                styles: [".json pre{white-space:pre-wrap;word-wrap:anywhere}.json-render{padding:0 20px}"]
-            },] }
-];
-JsonRendererComponent.ctorParameters = () => [
-    { type: EntryService }
-];
-JsonRendererComponent.propDecorators = {
-    entry: [{ type: Input }]
-};
-
-class LandingPageComponent {
-    constructor(router, entryService) {
-        this.router = router;
-        this.entryService = entryService;
-        this.JSON = JSON;
-    }
-    ngOnInit() {
-        this.entryService.get().subscribe((response) => {
-            this.entries = map$1(response.results.slice(0, 3), (result) => {
-                return { id: result.id, entry: new Entry(result) };
-            });
-        });
-    }
-    ngOnDestroy() {
-        if (this.sourceSub) {
-            this.sourceSub.unsubscribe();
-            this.sourceSub = null;
-        }
-    }
-}
-LandingPageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-landing-page',
-                template: "<div class=\"landing-page\">\n    <ng-container *ngFor=\"let entry of entries\">\n        <app-entry-summary [entry]=\"entry.entry\"></app-entry-summary>\n    </ng-container>\n</div>\n",
-                styles: [".landing-page{max-height:calc(100vh - 100px);min-height:calc(100vh - 100px)}@media screen and (max-height:560px){.landing-page{max-height:100vh}}"]
-            },] }
-];
-LandingPageComponent.ctorParameters = () => [
-    { type: Router },
-    { type: EntryService }
-];
-
-class OutlineViewComponent {
-    constructor(entryService) {
-        this.entryService = entryService;
-        this.entry = new Entry();
-        this.Math = Math;
-    }
-    ngOnInit() {
-        this.entryService.currentlyEditedEntry.subscribe((entry) => {
-            this.entry = entry;
-        });
-    }
-    sectionDrop(e) {
-        const entry = this.entry;
-        const diff = e.currentIndex - e.previousIndex;
-        entry.sections[e.previousIndex].order = e.currentIndex * 10 + (diff > 0 ? 1 : -1);
-        entry.sort();
-        this.entryService.currentlyEditedEntry.next(this.entry);
-    }
-    contentDrop(e, section) {
-        const entry = this.entry;
-        const diff = e.currentIndex - e.previousIndex;
-        section.contents[e.previousIndex].order = e.currentIndex * 10 + (diff > 0 ? 1 : -1);
-        entry.sort();
-        this.entryService.currentlyEditedEntry.next(this.entry);
-    }
-}
-OutlineViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-outline-view',
-                template: "<div class=\"section outline\">\n    <h1 *ngIf=\"entry?.sections?.length === 0\">Outline View</h1>\n    <div cdkDropList class=\"sections\" (cdkDropListDropped)=\"sectionDrop($event)\">\n        <mat-card class=\"card\" cdkDrag *ngFor=\"let section of entry.sections\">\n            <h3>Section {{Math.ceil(section.order / 10) + 1}}</h3>\n            {{section.subheading}}\n            <div cdkDropList class=\"contents\" (cdkDropListDropped)=\"contentDrop($event, section)\">\n                <h3>Contents for {{section.subheading}}</h3>\n                <div class=\"content-card\" *ngFor=\"let content of section.contents\" cdkDrag>\n                    <div class=\"content\">{{content.value}}</div>\n                    <div class=\"content-placeholder\" *cdkDragPlaceholder></div>\n                </div>\n            </div>\n        </mat-card>\n        <div class=\"custom-placeholder\" *cdkDragPlaceholder></div>\n    </div>\n</div>\n",
-                styles: [".outline{padding:0 20px}.content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card,.content-card{cursor:pointer;margin:4px}.content-card:not(:last-child){border-bottom:1px dotted #aaa}.custom-placeholder{min-height:60px}.content-placeholder,.custom-placeholder{background:#ccc;border:3px dotted #999;transition:transform .25s cubic-bezier(0,0,.2,1)}.content-placeholder{min-height:30px}"]
-            },] }
-];
-OutlineViewComponent.ctorParameters = () => [
-    { type: EntryService }
-];
-
-class SideNavigationComponent {
-    constructor(entryService, router, identityService) {
-        this.entryService = entryService;
-        this.router = router;
-        this.identityService = identityService;
-        this.entries = [];
-        this.entriesByMonthAndYear = [];
-    }
-    ngOnInit() {
-        this.identityService.getMe().subscribe((identity) => {
-            this.identity = identity;
-        }, (err) => {
-            this.identity = null;
-        });
-        this.getEntries();
-    }
-    getEntriesWithUrl(url) {
-        this.entryService.getListByUrl(url).subscribe((response) => {
-            this.entries = this.entries.concat(map$1(response.results, (result) => {
-                return { id: result.id, entry: new Entry(result) };
-            }));
-            if (response.next) {
-                this.getEntriesWithUrl(response.next);
-            }
-            else {
-                this.organizeEntries();
-            }
-        });
-    }
-    organizeEntries() {
-        for (const entryWrapper of this.entries) {
-            const entry = entryWrapper.entry;
-            const create_date = new Date(entry.create_date);
-            const month = create_date.getMonth();
-            const year = create_date.getFullYear();
-            const key = month + '/' + year;
-            const sort_index = (year * 100) + month;
-            const containers = filter(this.entriesByMonthAndYear, (entryContainer) => entryContainer.month_year === key);
-            if (containers.length > 0) {
-                const container = containers[0];
-                const entriesWithId = filter(container.entries, (e) => e.id === entryWrapper.entry.id);
-                if (entriesWithId.length === 0) {
-                    container.entries.push(entry);
-                }
-            }
-            else {
-                const newContainer = { month_year: key, month_year_number: sort_index, entries: [entry] };
-                this.entriesByMonthAndYear.push(newContainer);
-            }
-        }
-        this.entriesByMonthAndYear.sort((entry_a, entry_b) => {
-            return entry_a.month_year_number - entry_b.month_year_number;
-        });
-        this.entriesByMonthAndYear.reverse();
-    }
-    getEntries() {
-        this.entryService.get().subscribe((response) => {
-            this.entries = map$1(response.results, (result) => {
-                return { id: result.id, entry: new Entry(result) };
-            });
-            if (response.next) {
-                this.getEntriesWithUrl(response.next);
-            }
-            else {
-                this.organizeEntries();
-            }
-        });
-    }
-    render() {
-    }
-    routeTo(entry) {
-        if (!entry) {
-            this.router.navigateByUrl('create(left-col:create//right-col:create)').then(() => {
-            });
-        }
-        else {
-            this.router.navigate(['/', 'blog', entry.slug]).then(() => {
-                // Noop
-            });
-        }
-    }
-    getMonthAndYearFromKey(key) {
-        let subheading = '';
-        const parts = key.split('/');
-        switch (Number(parts[0])) {
-            case 0:
-                subheading += 'January ';
-                break;
-            case 1:
-                subheading += 'February ';
-                break;
-            case 2:
-                subheading += 'March ';
-                break;
-            case 3:
-                subheading += 'April ';
-                break;
-            case 4:
-                subheading += 'May ';
-                break;
-            case 5:
-                subheading += 'June ';
-                break;
-            case 6:
-                subheading += 'July ';
-                break;
-            case 7:
-                subheading += 'August ';
-                break;
-            case 8:
-                subheading += 'September ';
-                break;
-            case 9:
-                subheading += 'October ';
-                break;
-            case 10:
-                subheading += 'November ';
-                break;
-            case 11:
-                subheading += 'December ';
-                break;
-            default:
-                subheading += 'January ';
-        }
-        subheading += parts[1];
-        return subheading;
-    }
-    ngOnDestroy() {
-        if (this.sourceSub) {
-            this.sourceSub.unsubscribe();
-            this.sourceSub = null;
-        }
-    }
-}
-SideNavigationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-side-navigation',
-                template: "<div class=\"sidenav no-scrollbar\">\n    <mat-nav-list *ngFor=\"let container of entriesByMonthAndYear\">\n        <h3>{{getMonthAndYearFromKey(container.month_year)}}</h3>\n        <a mat-list-item *ngFor=\"let entry of container.entries\" href=\"javascript:void(0)\" (click)=\"routeTo(entry)\">{{entry.title}}</a>\n    </mat-nav-list>\n\n    <ng-container *ngIf=\"identity?.id === 1\">\n        <h2>Misc</h2>\n\n        <mat-nav-list>\n            <a mat-list-item href=\"javascript:void(0);\" (click)=\"routeTo(null)\">Create</a>\n        </mat-nav-list>\n    </ng-container>\n    <h3 *ngIf=\"identity\">Logged in as {{identity?.email}}</h3>\n</div>\n\n",
-                styles: [".sidenav{max-height:calc(100vh - 100px)}@media screen and (max-height:560px){.sidenav{max-height:100vh}}h2,h3{justify-content:right;margin-left:10px}"]
-            },] }
-];
-SideNavigationComponent.ctorParameters = () => [
-    { type: EntryService },
-    { type: Router },
-    { type: IdentityService }
-];
-
-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();
-    }
-}
-StaticHtmlComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-static-html',
-                template: "<div [innerHtml]=\"innerHtml\">\n</div>\n",
-                styles: [""]
-            },] }
-];
-StaticHtmlComponent.ctorParameters = () => [
-    { type: StaticHtmlService },
-    { type: DomSanitizer }
-];
-StaticHtmlComponent.propDecorators = {
-    value: [{ type: Input }]
-};
-
-class MainComponent {
-    constructor(router) {
-        this.router = router;
-        this.loaded = true;
-        this.subs = new Subscription();
-        this.resizeSubject = new Subject();
-    }
-    ngOnInit() {
-        this.subs.add(this.router.events.subscribe((e) => {
-            if (e instanceof NavigationEnd) {
-                if (e.urlAfterRedirects.includes('create')) {
-                    this.showLeftCol = true;
-                    this.showRightCol = true;
-                }
-                else {
-                    this.showLeftCol = true;
-                    this.showRightCol = false;
-                    this.innerWidth = window.innerWidth;
-                    this.collapseLeftColIfTooNarrow();
-                }
-            }
-        }));
-        this.subs.add(this.resizeSubject.pipe(debounceTime(100)).subscribe((width) => {
-            this.innerWidth = width;
-            this.collapseLeftColIfTooNarrow();
-        }));
-    }
-    collapseLeftColIfTooNarrow() {
-        this.showLeftCol = this.innerWidth >= 800;
-    }
-    onResize(event) {
-        this.resizeSubject.next(window.innerWidth);
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-}
-MainComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-main',
-                template: "<ng-container *ngIf=\"loaded\">\n    <div class=\"container\">\n        <div class=\"body\">\n            <div class=\"container-row\">\n                <mat-sidenav-container [autosize]=\"true\">\n                    <mat-sidenav [(opened)]=\"showLeftCol\" #leftcol opened mode=\"side\" class=\"left no-scrollbar\">\n                        <router-outlet name=\"left-col\"></router-outlet>\n                        <button mat-mini-fab color=\"primary\" class=\"fade left-toggle\" *ngIf=\"showLeftCol\" (click)=\"leftcol.toggle()\"> << </button>\n                    </mat-sidenav>\n                    <mat-sidenav [(opened)]=\"showRightCol\" #rightcol mode=\"side\" position=\"end\" class=\"right\">\n                        <button mat-mini-fab color=\"primary\" class=\"fade right-toggle\" *ngIf=\"showRightCol\" (click)=\"rightcol.toggle()\"> >> </button>\n                        <router-outlet name=\"right-col\"></router-outlet>\n                    </mat-sidenav>\n                    <div class=\"middle\">\n                        <button mat-mini-fab color=\"primary\" class=\"fade left-toggle\" *ngIf=\"!showLeftCol\" (click)=\"leftcol.toggle()\"> >> </button>\n                        <button  mat-mini-fab color=\"primary\" class=\"fade right-toggle\" *ngIf=\"!showRightCol\" (click)=\"rightcol.toggle()\"> << </button>\n                        <router-outlet></router-outlet>\n                    </div>\n                </mat-sidenav-container>\n            </div>\n        </div>\n    </div>\n</ng-container>\n",
-                styles: ["a{text-decoration:none}.body{flex-grow:1;max-height:calc(100vh - 100px);overflow:scroll}@media screen and (max-height:560px){.body{max-height:100vh}}.left,.right{max-width:33vw;min-width:400px}.left-toggle{left:5px}.left-toggle,.right-toggle{position:fixed;top:50%;z-index:100}.right-toggle{right:5px}a{margin-right:10px;&:not(:last-child):after{content:\"|\";margin-left:10px}}"]
-            },] }
-];
-MainComponent.ctorParameters = () => [
-    { type: Router }
-];
-MainComponent.propDecorators = {
-    onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }]
-};
-
-class EntryRendererWrapperComponent {
-    constructor(entryService, router, route, viewService, interactionService) {
-        this.entryService = entryService;
-        this.router = router;
-        this.route = route;
-        this.viewService = viewService;
-        this.interactionService = interactionService;
-        this.seeAllEntries = false;
-    }
-    seeAll(toggle) {
-        this.seeAllEntries = toggle;
-    }
-    getEntry() {
-        const slug = this.route.snapshot.paramMap.get('slug');
-        if (slug) {
-            this.entryService.getBySlug(slug).subscribe((response) => {
-                this.currentEntry = response;
-                const view = new View();
-                view.entry = this.currentEntry.id;
-                this.viewService.create(view).subscribe((viewResponse) => {
-                    // Noop
-                });
-            });
-        }
-        this.route.queryParams.subscribe(params => {
-            const campaign = params['campaign'];
-            if (campaign && campaign !== '') {
-                const interaction = new Interaction();
-                interaction.content = { 'campaign': campaign, slug };
-                this.interactionService.create(interaction).subscribe((response) => {
-                });
-                setTimeout(() => {
-                    const urlMinsCampaign = this.router.url.replace(new RegExp('.campaign=' + campaign), '');
-                    this.router.navigateByUrl(urlMinsCampaign);
-                }, 0);
-            }
-        });
-    }
-    ngOnInit() {
-        this.routerSub = this.router.events.subscribe((e) => {
-            if (e instanceof NavigationEnd) {
-                this.currentEntry = null;
-                this.seeAll(false);
-                setTimeout(() => {
-                    this.getEntry();
-                }, 10);
-            }
-        });
-        this.getEntry();
-    }
-    ngOnDestroy() {
-        if (this.routerSub) {
-            this.routerSub.complete();
-            this.routerSub = null;
-        }
-    }
-}
-EntryRendererWrapperComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-entry-renderer-wrapper',
-                template: "<div class=\"rendered-entry section\">\n    <app-entry-renderer *ngIf=\"currentEntry\" [entry]=\"currentEntry\"></app-entry-renderer>\n</div>\n",
-                styles: [".rendered-entry{padding:0 20px}"]
-            },] }
-];
-EntryRendererWrapperComponent.ctorParameters = () => [
-    { type: EntryService },
-    { type: Router },
-    { type: ActivatedRoute },
-    { type: ViewService },
-    { type: InteractionService }
-];
-
-class LinkyPipe {
-    transform(value, options) {
-        return Autolinker.link(value, Object.assign({}, options, { newWindow: true, stripPrefix: false }));
-    }
-}
-LinkyPipe.decorators = [
-    { type: Pipe, args: [{ name: 'linky' },] }
-];
-
-class TimeAgoPipe {
-    constructor(changeDetectorRef, ngZone) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.ngZone = ngZone;
-    }
-    transform(value) {
-        this.removeTimer();
-        let d = new Date(value);
-        let now = new Date();
-        let seconds = Math.round(Math.abs((now.getTime() - d.getTime()) / 1000));
-        let timeToUpdate = (Number.isNaN(seconds)) ? 1000 : this.getSecondsUntilUpdate(seconds) * 1000;
-        this.timer = this.ngZone.runOutsideAngular(() => {
-            if (typeof window !== 'undefined') {
-                return window.setTimeout(() => {
-                    this.ngZone.run(() => this.changeDetectorRef.markForCheck());
-                }, timeToUpdate);
-            }
-            return null;
-        });
-        let minutes = Math.round(Math.abs(seconds / 60));
-        let hours = Math.round(Math.abs(minutes / 60));
-        let days = Math.round(Math.abs(hours / 24));
-        let months = Math.round(Math.abs(days / 30.416));
-        let years = Math.round(Math.abs(days / 365));
-        if (Number.isNaN(seconds)) {
-            return '';
-        }
-        else if (seconds <= 45) {
-            return 'a few seconds ago';
-        }
-        else if (seconds <= 90) {
-            return 'a minute ago';
-        }
-        else if (minutes <= 45) {
-            return minutes + ' minutes ago';
-        }
-        else if (minutes <= 90) {
-            return 'an hour ago';
-        }
-        else if (hours <= 22) {
-            return hours + ' hours ago';
-        }
-        else if (hours <= 36) {
-            return 'a day ago';
-        }
-        else if (days <= 25) {
-            return days + ' days ago';
-        }
-        else if (days <= 45) {
-            return 'a month ago';
-        }
-        else if (days <= 345) {
-            return months + ' months ago';
-        }
-        else if (days <= 545) {
-            return 'a year ago';
-        }
-        else { // (days > 545)
-            return years + ' years ago';
-        }
-    }
-    ngOnDestroy() {
-        this.removeTimer();
-    }
-    removeTimer() {
-        if (this.timer) {
-            window.clearTimeout(this.timer);
-            this.timer = null;
-        }
-    }
-    getSecondsUntilUpdate(seconds) {
-        let min = 60;
-        let hr = min * 60;
-        let day = hr * 24;
-        if (seconds < min) { // less than 1 min, update every 2 secs
-            return 2;
-        }
-        else if (seconds < hr) { // less than an hour, update every 30 secs
-            return 30;
-        }
-        else if (seconds < day) { // less then a day, update every 5 mins
-            return 300;
-        }
-        else { // update every hour
-            return 3600;
-        }
-    }
-}
-TimeAgoPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'timeAgo',
-                pure: false
-            },] }
-];
-TimeAgoPipe.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: NgZone }
-];
-
-const routes = [
-    { path: '', component: SideNavigationComponent, outlet: 'left-col' },
-    {
-        path: 'landing',
-        component: MainComponent
-    },
-    { path: 'blog/:slug', component: EntryRendererWrapperComponent },
-    { path: 'create', component: EntryCreatorComponent },
-    { path: 'create', component: OutlineViewComponent, outlet: 'left-col' },
-    { path: 'create', component: JsonRendererComponent, outlet: 'right-col' },
-    { path: '', redirectTo: '/landing', pathMatch: 'full' },
-    { path: '**', redirectTo: '/404error' }
-];
-class Routes {
-    constructor() {
-        this.routes = routes;
-    }
-}
-
-class SchedulePublishDialogData {
-}
-
-class SchedulePublishDialogComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-    }
-    ngOnInit() {
-    }
-    onNoClick() {
-    }
-    onYesClick() {
-        this.dialogRef.close('test');
-    }
-}
-SchedulePublishDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lib-schedule-publish-dialog',
-                template: "<h1 mat-dialog-title>Select a Date and Time to Schedule This Post</h1>\n<!--<mat-radio-group aria-label=\"Select an option\">-->\n<!--    <mat-radio-button class=\"option\" value=\"unpublished\">Unpublished</mat-radio-button>-->\n<!--    <mat-radio-button class=\"option\" value=\"published\">Published</mat-radio-button>-->\n<!--</mat-radio-group>-->\n<p>Date</p>\n<mat-form-field appearance=\"fill\">\n  <mat-label>Choose a date</mat-label>\n  <input matInput [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n<p>Time</p>\n<input [ngxTimepicker]=\"timepicker\" readonly>\n<ngx-material-timepicker #timepicker></ngx-material-timepicker>\n<div mat-dialog-actions>\n    <button mat-button (click)=\"onNoClick()\">Cancel</button>\n    <button mat-button (click)=\"onYesClick()\" cdkFocusInitial>Schedule Publish</button>\n</div>\n",
-                styles: [""]
-            },] }
-];
-SchedulePublishDialogComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: SchedulePublishDialogData, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
-
-class CoreModule {
-    constructor(library) {
-        this.library = library;
-        this.library.addIcons(faSpinner);
-    }
-}
-CoreModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    EntryRendererComponent,
-                    EntryCreatorComponent,
-                    LandingPageComponent,
-                    SideNavigationComponent,
-                    OutlineViewComponent,
-                    JsonRendererComponent,
-                    EntrySummaryComponent,
-                    EntrySelectorDialogComponent,
-                    MediaUploadModalComponent,
-                    TimeAgoPipe,
-                    LinkyPipe,
-                    StaticHtmlComponent,
-                    MainComponent,
-                    EntryRendererWrapperComponent,
-                    SchedulePublishDialogComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    DragDropModule,
-                    MatCardModule,
-                    MatSidenavModule,
-                    MatButtonModule,
-                    MatInputModule,
-                    MatListModule,
-                    MatRadioModule,
-                    MatDialogModule,
-                    MatCheckboxModule,
-                    MatDividerModule,
-                    MatAutocompleteModule,
-                    MatChipsModule,
-                    MatIconModule,
-                    MatDatepickerModule,
-                    MatNativeDateModule,
-                    FontAwesomeModule,
-                    FileUploadModule,
-                    NgxMaterialTimepickerModule,
-                ],
-                providers: [
-                    CommentService,
-                    EntryService,
-                    UploadService,
-                    PrismService,
-                    IdentityService,
-                    DjangoRestFrameworkEndpointService,
-                    TagService,
-                ],
-                exports: [
-                    EntryRendererComponent,
-                    EntryCreatorComponent,
-                    LandingPageComponent,
-                    SideNavigationComponent,
-                    OutlineViewComponent,
-                    JsonRendererComponent,
-                    EntrySummaryComponent,
-                    EntrySelectorDialogComponent,
-                    MediaUploadModalComponent,
-                    TimeAgoPipe,
-                    LinkyPipe,
-                    StaticHtmlComponent,
-                    MainComponent,
-                    EntryRendererWrapperComponent,
-                ]
-            },] }
-];
-CoreModule.ctorParameters = () => [
-    { type: FaIconLibrary }
-];
-
-/*
- * Public API Surface of core
- */
-
-/**
- * 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, View, ViewService, VisitorProfile, VisitorProfileService, EntrySelectorDialogData as ɵa, SchedulePublishDialogComponent as ɵb, SchedulePublishDialogData as ɵc };
-//# sourceMappingURL=thecodeblogs-blog.js.map