@snapmobile/snapjs-admin/admin/shared/schema-show/schema-show.component.metadata.json

SnapJS Admin

[{"__symbolic":"module","version":3,"metadata":{"SchemaShowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-schema-show","template":"\n      <ul class=\"list-group\">\n\n        <ng-template ngFor let-key [ngForOf]=\"adminService.getKeys(object)\">\n          <li class=\"list-group-item\" *ngIf=\"schema[key].instanceOverride !== 'Hidden'\" [ngSwitch]=\"schema[key].instanceOverride || schema[key].instance\">\n\n          <!-- Image -->\n          <div *ngSwitchCase=\"'Image'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  *ngIf=\"object[key]\"\n                  [files]=\"[object[key]]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- Multiple Images -->\n          <div *ngSwitchCase=\"'ImageArray'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  *ngIf=\"object[key]\"\n                  [files]=\"object[key]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- File -->\n          <div *ngSwitchCase=\"'File'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  *ngIf=\"object[key]\"\n                  [files]=\"[object[key]]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- Multiple Files -->\n          <div *ngSwitchCase=\"'FileArray'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  [files]=\"object[key]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- Select array of strings -->\n          <div *ngSwitchCase=\"'Array'\">\n            <span \n              *ngIf=\"schema[key].caster.options && !schema[key].caster.options.ref\">\n              <strong>{{key}}: </strong>\n              <app-display-array\n                [field]=\"key\"\n                [value]=\"object[key]\"> \n              </app-display-array>\n            </span>\n          </div>\n\n          <!-- Single string -->\n          <div *ngSwitchCase=\"'SingleSelect'\">\n            <app-display-text\n              *ngIf=\"schema[key].instanceOverride !== 'Hidden'\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-text>\n          </div>\n\n          <!-- Multi select of strings -->\n          <div *ngSwitchCase=\"'MultiSelect'\">\n            <span>\n              <strong>{{key}}: </strong>\n              <app-display-array\n                [field]=\"key\"\n                [value]=\"object[key]\">\n              </app-display-array>\n           </span>\n          </div>\n\n          <!-- Single relationship -->\n          <div *ngSwitchCase=\"'ObjectID'\">\n            <app-display-single-rel \n              *ngIf=\"schema[key].options &&\n                      schema[key].options.ref &&\n                      key !== '_id'\"\n              [value]=\"object[key]\"\n              [field]=\"key\"\n              [className]=\"schema[key].options.ref\"\n              [displayKey]=\"schema[key].displayKey || schema[key].searchField\"> \n            </app-display-single-rel>\n          </div>\n\n          <!-- Select array of relationships -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-display-array-rel \n              *ngIf=\"schema[key].caster.options && schema[key].caster.options.ref\"\n              [className]=\"schema[key].caster.options.ref\"\n              [displayKey]=\"schema[key].displayKey || schema[key].searchField\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-array-rel>\n          </div>\n\n          <!-- Object Id -->\n          <div *ngSwitchCase=\"'ObjectID'\">\n            <app-display-text\n              *ngIf=\"key === '_id'\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-text>\n          </div>\n\n          <!-- Wysiwyg editor -->\n          <div *ngSwitchCase=\"'Wysiwyg'\">\n            <span>\n              <strong>{{key}}:</strong>\n              <div [innerHTML]=\"object[key]\"></div>\n            </span>\n          </div>\n\n          <!-- Single embedded document or custom object -->\n          <div *ngSwitchCase=\"'Embedded'\">\n            <pre>{{object[key] | json}}</pre>\n          </div>\n\n          <!-- Array of embedded schemas or custom objects -->\n          <div *ngSwitchCase=\"'Array'\">\n            <div class=\"row\" *ngIf=\"schema[key].caster._id\">\n              <div class=\"col-sm-2\">\n                <label>{{key}}: </label>\n              </div>\n              <div class=\"col-sm-10\">\n                <div *ngFor=\"let dataObject of object[key]; let i = index\" class=\"row custom-object\">\n                  <div class=\"row\">\n                    <div *ngFor=\"let customObject of [schema[key].schema.paths]\">\n                      <div class=\"col-sm-12\">\n                        <app-schema-show\n                        [schema]=\"customObject\"\n                        [object]=\"object[key][i]\">\n                        </app-schema-show>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n          <!-- Default type -->\n          <div *ngSwitchDefault>\n            <app-display-text\n              *ngIf=\"schema[key].instanceOverride !== 'Hidden'\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-text>\n          </div>\n        </li>\n      </ng-template>\n    </ul>\n  ","styles":["\n\n  "]}]}],"members":{"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../admin.service","name":"AdminService"}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"SchemaShowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-schema-show","template":"\n      <ul class=\"list-group\">\n\n        <ng-template ngFor let-key [ngForOf]=\"adminService.getKeys(object)\">\n          <li class=\"list-group-item\" *ngIf=\"schema[key].instanceOverride !== 'Hidden'\" [ngSwitch]=\"schema[key].instanceOverride || schema[key].instance\">\n\n          <!-- Image -->\n          <div *ngSwitchCase=\"'Image'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  *ngIf=\"object[key]\"\n                  [files]=\"[object[key]]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- Multiple Images -->\n          <div *ngSwitchCase=\"'ImageArray'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  *ngIf=\"object[key]\"\n                  [files]=\"object[key]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- File -->\n          <div *ngSwitchCase=\"'File'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  *ngIf=\"object[key]\"\n                  [files]=\"[object[key]]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- Multiple Files -->\n          <div *ngSwitchCase=\"'FileArray'\">\n            <span>\n              <div class=\"row\">\n                <div class=\"col-sm-1\">\n                  <strong class=\"text-wordwrap\">{{key}}:</strong>\n                </div>\n                <app-display-file\n                  [files]=\"object[key]\">\n                </app-display-file>\n              </div>\n            </span>\n          </div>\n\n          <!-- Select array of strings -->\n          <div *ngSwitchCase=\"'Array'\">\n            <span \n              *ngIf=\"schema[key].caster.options && !schema[key].caster.options.ref\">\n              <strong>{{key}}: </strong>\n              <app-display-array\n                [field]=\"key\"\n                [value]=\"object[key]\"> \n              </app-display-array>\n            </span>\n          </div>\n\n          <!-- Single string -->\n          <div *ngSwitchCase=\"'SingleSelect'\">\n            <app-display-text\n              *ngIf=\"schema[key].instanceOverride !== 'Hidden'\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-text>\n          </div>\n\n          <!-- Multi select of strings -->\n          <div *ngSwitchCase=\"'MultiSelect'\">\n            <span>\n              <strong>{{key}}: </strong>\n              <app-display-array\n                [field]=\"key\"\n                [value]=\"object[key]\">\n              </app-display-array>\n           </span>\n          </div>\n\n          <!-- Single relationship -->\n          <div *ngSwitchCase=\"'ObjectID'\">\n            <app-display-single-rel \n              *ngIf=\"schema[key].options &&\n                      schema[key].options.ref &&\n                      key !== '_id'\"\n              [value]=\"object[key]\"\n              [field]=\"key\"\n              [className]=\"schema[key].options.ref\"\n              [displayKey]=\"schema[key].displayKey || schema[key].searchField\"> \n            </app-display-single-rel>\n          </div>\n\n          <!-- Select array of relationships -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-display-array-rel \n              *ngIf=\"schema[key].caster.options && schema[key].caster.options.ref\"\n              [className]=\"schema[key].caster.options.ref\"\n              [displayKey]=\"schema[key].displayKey || schema[key].searchField\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-array-rel>\n          </div>\n\n          <!-- Object Id -->\n          <div *ngSwitchCase=\"'ObjectID'\">\n            <app-display-text\n              *ngIf=\"key === '_id'\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-text>\n          </div>\n\n          <!-- Wysiwyg editor -->\n          <div *ngSwitchCase=\"'Wysiwyg'\">\n            <span>\n              <strong>{{key}}:</strong>\n              <div [innerHTML]=\"object[key]\"></div>\n            </span>\n          </div>\n\n          <!-- Single embedded document or custom object -->\n          <div *ngSwitchCase=\"'Embedded'\">\n            <pre>{{object[key] | json}}</pre>\n          </div>\n\n          <!-- Array of embedded schemas or custom objects -->\n          <div *ngSwitchCase=\"'Array'\">\n            <div class=\"row\" *ngIf=\"schema[key].caster._id\">\n              <div class=\"col-sm-2\">\n                <label>{{key}}: </label>\n              </div>\n              <div class=\"col-sm-10\">\n                <div *ngFor=\"let dataObject of object[key]; let i = index\" class=\"row custom-object\">\n                  <div class=\"row\">\n                    <div *ngFor=\"let customObject of [schema[key].schema.paths]\">\n                      <div class=\"col-sm-12\">\n                        <app-schema-show\n                        [schema]=\"customObject\"\n                        [object]=\"object[key][i]\">\n                        </app-schema-show>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n          <!-- Default type -->\n          <div *ngSwitchDefault>\n            <app-display-text\n              *ngIf=\"schema[key].instanceOverride !== 'Hidden'\"\n              [field]=\"key\"\n              [value]=\"object[key]\">\n            </app-display-text>\n          </div>\n        </li>\n      </ng-template>\n    </ul>\n  ","styles":["\n\n  "]}]}],"members":{"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../admin.service","name":"AdminService"}]}]}}}}]