sp-attachment-library/sp-attachment-library.metadata.json

This is library is used ro do attachments realted actions on a list item in Sharepoint Angular SPA Addins.

{"__symbolic":"module","version":4,"metadata":{"SpAttachmentLibraryService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":17},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵb"}]}],"getAttachmentsById":[{"__symbolic":"method"}],"addAttachment":[{"__symbolic":"method"}],"addAttachments":[{"__symbolic":"method"}],"deleteAttachment":[{"__symbolic":"method"}],"deleteAttachments":[{"__symbolic":"method"}],"getAttachmentContent":[{"__symbolic":"method"}],"updateAttachmentContent":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"SpAttachmentLibraryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sp-attachment","template":"<div class=\"container\">\r\n    <h4>Attachments</h4>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <div class=\"form-group\">\r\n                <label class=\"control-label\">Attachments</label>\r\n                <input type=\"file\" multiple size=\"50\" class=\"custom-file-input\" id=\"customFile\" name=\"filename\"\r\n                    base-sixty-four-input (click)=\"resetFiles($event)\" (input)=\"onAttachmentAdded($event)\">\r\n                <label class=\"custom-file-label\" for=\"customFile\">choose your attachments</label>\r\n                <ul class=\"list-group\">\r\n                    <li class=\"list-group-item\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-8 pull-left\">Files</div>\r\n                            <div class=\"col-md-4 pull-right\">Actions</div>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n                <ul class=\"list-group\" *ngFor=\"let attachment of attachments\">\r\n                    <li *ngIf=\"!attachment.isLoading\" class=\"list-group-item\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-8 pull-left\">\r\n                                <div class=\"form-check\">\r\n                                    <input type=\"checkbox\" [(ngModel)]=\"attachment.isSelected\" class=\"form-check-input\" id=\"{{ attachment.fileName }}\">\r\n                                </div>\r\n                                <a class=\"ml-sm-3\" href=\"{{ attachment.serverRelativeUrl }}\" target=\"_blank\">\r\n                                    {{attachment.fileName}}\r\n                                </a>\r\n                            </div>\r\n                            <div class=\"col-md-4 pull-right\">\r\n                                <button class=\"btn btn-danger btn-xs\" [swal]=\"deleteSwalOptions\"\r\n                                    (confirm)=\"removeAttachment(attachment)\">\r\n                                    <fa-icon [icon]=\"fa.faTrash\"></fa-icon>\r\n                                </button>\r\n                                <button *ngIf=\"!attachment.serverRelativeUrl\" class=\"btn btn-primary btn-xs ml-sm-2\"\r\n                                    (click)=\"uploadAttachment(attachment)\">\r\n                                    <fa-icon [icon]=\"fa.faUpload\"></fa-icon>\r\n                                </button>\r\n                                <button *ngIf=\"attachment.isContentChanged\" class=\"btn btn-primary btn-xs ml-sm-2\"\r\n                                    (click)=\"replaceAttachment(attachment)\">\r\n                                    <fa-icon [icon]=\"fa.faEdit\"></fa-icon>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                    <li *ngIf=\"attachment.isLoading\" class=\"list-group-item animated-background\">\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngIf=\"attachments.length > 0\">\r\n            <button type=\"button\" class=\"btn btn-info btn-sm ml-sm-2\"\r\n                (click)=\"markOrUnMarkAll()\">\r\n                {{ allSelected() ? 'Unmark All' : 'Mark All'}}\r\n            </button>\r\n            <button *ngIf=\"hasNewUnUploadedAndSelcted()\" type=\"button\" class=\"btn btn-success btn-sm ml-sm-2\"\r\n                (click)=\"uploadNewAttachments()\">\r\n                Upload Selected({{ getUnUploadedCount() }})\r\n            </button>\r\n            <button *ngIf=\"hasSelected()\" type=\"button\" class=\"btn btn-danger btn-sm ml-sm-2\" [swal]=\"deleteAllSwalOptions\"\r\n                (confirm)=\"deleteSelected()\">Delete Selected({{ getSelectedCount() }})\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".btn-group-xs>.btn,.btn-xs{padding:.25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.loader-container{margin:0 auto;width:400px;max-width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}@-webkit-keyframes placeholder{0%{background-position:-600px 0}100%{background-position:600px 0}}@keyframes placeholder{0%{background-position:-600px 0}100%{background-position:600px 0}}.animated-background{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeholder;animation-name:placeholder;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#eee;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:1200px 100px;min-height:30px;width:100%;margin:5px 0;border-radius:3px}"]}]}],"members":{"listName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SpAttachmentLibraryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadExistingFiles":[{"__symbolic":"method"}],"onAttachmentAdded":[{"__symbolic":"method"}],"promptReplace":[{"__symbolic":"method"}],"resetFiles":[{"__symbolic":"method"}],"removeAttachment":[{"__symbolic":"method"}],"uploadAttachment":[{"__symbolic":"method"}],"hasNewUnUploadedAndSelcted":[{"__symbolic":"method"}],"getUnUploadedCount":[{"__symbolic":"method"}],"hasSelected":[{"__symbolic":"method"}],"allSelected":[{"__symbolic":"method"}],"getSelectedCount":[{"__symbolic":"method"}],"markOrUnMarkAll":[{"__symbolic":"method"}],"uploadNewAttachments":[{"__symbolic":"method"}],"replaceAttachment":[{"__symbolic":"method"}],"deleteSelected":[{"__symbolic":"method"}],"getBase64":[{"__symbolic":"method"}]}},"SpAttachmentLibraryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SpAttachmentLibraryComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@sweetalert2/ngx-sweetalert2","name":"SweetAlert2Module","line":17,"character":8},"member":"forRoot"},"arguments":[{"buttonsStyling":false,"customClass":"modal-content","confirmButtonClass":"btn btn-primary","cancelButtonClass":"btn"}]},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":23,"character":8}],"exports":[{"__symbolic":"reference","name":"SpAttachmentLibraryComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"SpAttachmentLibraryModule"},"providers":[{"__symbolic":"reference","name":"SpAttachmentLibraryService"},{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"SpAttachmentConfig":{"__symbolic":"interface"},"SpAttachmentConfigService":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":45},"arguments":["TestLibConfig"]}},"origins":{"SpAttachmentLibraryService":"./lib/sp-attachment-library.service","SpAttachmentLibraryComponent":"./lib/sp-attachment-library.component","SpAttachmentLibraryModule":"./lib/sp-attachment-library.module","SpAttachmentConfig":"./config/sp-attachment-config","SpAttachmentConfigService":"./config/sp-attachment-config-service","ɵa":"./config","ɵb":"./config"},"importAs":"sp-attachment-library"}